@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;
}
html,
body{
  margin-left: 0!important;
}
body {
  font-family: Uniqlo Light, "mplus-2p", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "sans-serif";
}
h2,
h3,
h4,
ul,
li,
p {
  margin: 0;
  padding: 0;
}
a,
span,
p {
  color: #000;
  text-decoration: none;
}
a:link,
span:link,
p:link,
a:hover,
span:hover,
p:hover,
a:active,
span:active,
p:active,
a:visited,
span:visited,
p:visited {
  color: #000;
  text-decoration: none;
}
li {
  list-style: none;
}
a,
a:focus {
  outline: none;
  border: none;
}
input[type="checkbox"].dummy {
  display: none;
}
.mfp-bg {
  background: #fff;
}
.mfp-movie .mfp-iframe-scaler iframe {
  box-shadow: none;
}
.mfp-movie .mfp-iframe-holder .mfp-content {
  max-width: 230px;
}
.mfp-movie .mfp-iframe-scaler {
  padding-top: 177.5%;
}
.mfp-close-btn-in .mfp-close {
  color: #f00;
  font-size: 60px;
  position: fixed;
  top: 0;
  right: 15px;
}
.mfp-youtube.mfp-close-btn-in .mfp-close,
.mfp-movie.mfp-close-btn-in .mfp-close {
  top: -40px;
  position: absolute;
  right: inherit;
}
.mfp-page .mfp-content {
  height: 100%;
  max-width: 990px;
}
.mfp-page .mfp-iframe-holder {
  padding: 0;
}
.mfp-page .mfp-iframe-holder .mfp-content {
  height: 100%;
}
.mfp-page .mfp-iframe-scaler {
  position: relative;
  padding: 0 !important;
  height: 100%;
}
.mfp-cast .mfp-iframe-holder .mfp-content {
  max-width: 485px;
}
.mfp-cast .mfp-iframe-scaler {
  padding-top: 148.25%;
}
.mfp-cast .mfp-iframe-scaler iframe {
  overflow: hidden;
  background-color: #fff !important;
}
.mfp-cast-02 .mfp-iframe-holder .mfp-content {
  max-width: 485px;
}
.mfp-cast-02 .mfp-iframe-holder .mfp-iframe-scaler {
  padding-top: 126.25%;
}
.mfp-cast-02 .mfp-iframe-holder .mfp-iframe-scaler iframe {
  overflow: hidden;
}
.mfp-cast.mfp-close-btn-in .mfp-close,
.mfp-cast-02.mfp-close-btn-in .mfp-close,
.mfp-movie.mfp-close-btn-in .mfp-close {
  position: absolute;
  top: 0;
  right: -55px;
}
@media screen and (max-width: 767px) {
  .mfp-close-btn-in .mfp-close {
    right: 0;
  }
  .mfp-cast.mfp-close-btn-in .mfp-close,
  .mfp-cast-02.mfp-close-btn-in .mfp-close {
    position: absolute;
    top: -50px;
    right: 0;
  }
  a {
    display: block;
  }
  h2,
  h3 {
    text-align: center;
    position: relative;
    padding-bottom: 5px;
  }
  h2:after,
  h3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #f00;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header {
    padding: 8px;
    border-bottom: 1px solid #f00;
  }
  header img {
    width: 74.66666666666667px;
    height: 33.333333333333336px;
  }
  h2 {
    margin: 8px 0 0;
    padding: 0 0 8px;
    position: relative;
  }
  h2:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    margin-left: -25px;
    left: 50%;
    bottom: 0;
    background: #f00;
  }
  .menu_wrapper {
    display: block;
  }
  .menu_wrapper > a {
    display: block;
    position: absolute;
    color: #f00;
    top: 0;
    right: 0;
    width: 59px;
    height: 59px;
    text-decoration: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .menu_wrapper > a.current {
    background: #f00;
    color: #fff;
  }
  .menu_wrapper > a.current .menu {
    color: #fff;
  }
  .menu_wrapper > a .menu {
    color: #f00;
    font-family: icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: block;
    text-align: center;
    padding-top: 13px;
    font-size: 2.4rem;
  }
  .menu_wrapper > a .menu:before {
    content: "\e607";
  }
  .menu_list {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
  }
  .menu_list .lv2 {
    display: block;
    background: #fff;
  }
  .menu_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
  }
  .menu_list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .menu_list ul li a {
    color: #000;
    text-decoration: none;
  }
  .menu_list .lv2 {
    padding: 10px 0;
  }
  .menu_list .lv2 > li {
    float: left;
    width: 50%;
    padding: 5px 10px;
  }
  .menu_list .lv1 > li > p {
    background: #f00;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 4%;
    margin: 0;
    font-size: 2.1rem;
    letter-spacing: 1.4px;
  }
  .menu_list .lifewear .lv2 li {
    padding: 5px 0 0 10px;
  }
  .pc_sns {
    display: none;
  }
  .digest_movie {
    position: relative;
    margin: 20px 0 0;
  }
  .digest_movie h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 20px auto 0;
    color: #fff;
  }
  .digest_movie img {
    width: 100%;
  }
  .anchors {
    display: none;
  }
  .concept {
    margin: 50px 15px 30px;
  }
  .concept_content .lifewear_logo {
    margin: 20px 0 0;
    text-align: center;
  }
  .concept_content .lifewear_logo img {
    max-width: 170px;
  }
  .concept_desc {
    margin: 20px 0 0;
  }
  .concept_desc p {
    padding-bottom: 10px;
  }
  .sp_anchors {
    border-bottom: 1px solid #cecece;
  }
  .anchor {
    padding: 10px;
    text-align: center;
    position: relative;
    border-top: 1px solid #cecece;
  }
  .anchor:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -2.25px;
    background: url("../images/anchor-point.png") top left;
    background-size: 100%;
    width: 8.5px;
    height: 4.5px;
  }
  .anchor a {
    font-size: 21px;
  }
  .booth_detail {
    margin: 25px 15px 0;
  }
  .booth_card {
    position: relative;
    margin: 20px 0 0;
  }
  .booth_card label {
    width: 100%;
    position: relative;
    text-shadow: 1px 1px 6px #666;
    -moztext-shadow: 1px 1px 6px #666;
    -webkit-text-shadow: 1px 1px 6px #666;
  }
  .booth_card .acc {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  input[type="checkbox"].dummy + .acc {
    height: 0;
    overflow: hidden;
  }
}
input[type="checkbox"].dummy:checked + .acc {
  height: 0;
}
.acc_inner {
  position: relative;
}
.booth_sp_ttl {
  display: block;
  padding-top: 10px;
  text-shadow: none;
  -moztext-shadow: none;
  -webkit-text-shadow: none;
}
.booth_card_inner {
  position: relative;
}
.booth_card_main_ttl {
  color: #fff;
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 34px;
  text-align: center;
  margin-top: -0.5em;
}
.booth_card_sub_ttl {
  font-weight: bold;
}
.booth_card_img img {
  width: 100%;
}
.booth_card_open {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: 2.5em;
  content: 'OPEN';
  font-weight: bold;
  border: 2px solid #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  width: 80px;
  line-height: 2em;
  margin-left: -40px;
}
.booth_card_open span {
  color: #fff;
}
.booth_card_desc {
  padding: 0 0 60px;
}
.booth_card_more_btn_wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}
.booth_card_more_btn {
  margin-top: 10px;
  font-weight: bold;
  line-height: 62px;
  border: 2px solid #000;
  padding: 10px;
}
.booth_card_more_btn:after {
  content: '>';
  padding-left: 7px;
}
.fashion_show {
  margin: 25px 0 0;
}
.fashion_show_movie {
  margin: 20px 0 0;
}
.fashion_show_movie img {
  width: 100%;
}
.fashion_show_desc {
  display: none;
}
.cast_movie {
  margin: 25px 0 0;
}
.cast_movie_cards {
  margin: 10px 15px 0;
  overflow: hidden;
}
.cast_movie_cards .cast_movie_attention {
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	font-size:12px;
}
.cast_movie_card {
  margin-top: 15px;
  float: left;
  width: 100%;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}
.cast_movie_card a {
  display: inline;
}
.cast_movie_img {
  height: 180px;
  text-align: center;
  background-color: #000;
}
.cast_movie_img img {
  width: auto;
  height: 100%;
}
.cast_movie_desc {
  padding: 10px 0 0;
  text-align: center;
}
.cast_movie_btn_wrap {
  text-align: center;
  margin: 10px 0 0;
}
.cast_movie_btn:after {
  content: '>';
  padding-left: 7px;
}
.cast_movie_btn_left:before {
  content: '>';
  padding-right: 7px;
}
.cast_more_btn {
  text-align: center;
  margin: 30px 15px 0;
}
.cast_more_btn a {
  background: #000;
  color: #fff;
  padding: 15px 0;
  width: 100%;
}
.cast_more_btn a:hover,
.cast_more_btn a:active {
  background: #f00;
}
.pageindex {
  display: none;
}
.toppage {
  margin: 20px auto 0;
  text-align: center;
  font-size: 14px;
}
.toppage p:before {
  content: '>';
  padding-right: 5px;
}
.toppage a {
  display: inline;
  text-decoration: underline;
}
.toppage a:hover,
.toppage a:active {
  text-decoration: none;
}
.sp_sns {
  margin: 25px 15px 0;
}
.sp_sns .share_text {
  text-align: center;
}
.sp_sns .sns_line {
  display: table;
  border-spacing: 15px 0;
  margin: 15px auto 0;
}
.sp_sns .sns_btn {
  display: table-cell;
  width: 40px;
}
.sp_sns .sns_btn img {
  width: 100%;
}
.copyright {
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
}
.mfp-page .mfp-iframe-scaler {
  padding-top: 49.25%;
}
@media screen and (max-width: 374px) {
  .booth_card_main_ttl {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .mfp-close-btn-in .mfp-close {
    right: 15px;
  }
  a {
    display: inline;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  header {
    padding: 10px;
  }
  header img {
    width: 108px;
    height: 48px;
  }
  h2,
  h3 {
    position: relative;
    text-align: center;
    padding-bottom: 5px;
  }
  h2:after,
  h3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #f00;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
  }
  h2 br {
    display: none;
  }
  .pc_sns {
    text-align: right;
    overflow: hidden;
  }
  .pc_sns .inner {
    margin: 0 10px 0 0;
    width: auto;
    display: table;
    float: right;
    border-spacing: 10px 0;
  }
  .pc_sns .inner .tw,
  .pc_sns .inner .fb {
    display: table-cell;
    vertical-align: top;
  }
  .digest_movie {
    position: relative;
    margin-top: 5px;
  }
  .digest_movie h3 {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    margin: 20px auto 0;
    color: #fff;
  }
  .digest_movie img {
    width: 100%;
  }
  .digest_movie a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  .menu_wrapper {
    display: none;
  }
  .inner {
    margin: 0 auto;
  }
  .anchors {
    display: table;
    border-spacing: 10px 0;
    margin: 40px auto 0;
  }
  .anchor {
    display: table-cell;
    font-size: 18px;
  }
  .anchor:before {
    content: '/';
    padding-right: 10px;
  }
  .anchor:first-child:before {
    content: '';
  }
  .concept {
    margin: 40px 0 0;
  }
  .concept_content {
    display: table;
    margin: 40px auto 0;
  }
  .lifewear_logo,
  .concept_desc {
    display: table-cell;
    vertical-align: middle;
    width: 480px;
  }
  .concept_desc p {
    padding-bottom: 10px;
  }
  .sp_anchors {
    display: none;
  }
  .booth_detail {
    margin: 80px 0 0;
  }
  .booth_detail_content {
    overflow: hidden;
    margin: 15px auto 0;
    width: 1500px;
  }
  .booth_card {
    position: relative;
    width: 460px;
    float: left;
    color: #000;
    margin: 0 20px 20px;
  }
  .booth_card a:hover .booth_card_more_btn,
  .booth_card a:active .booth_card_more_btn {
    color: #f00;
    border: 2px solid #f00;
  }
  .booth_card .acc {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .booth_card input[type="checkbox"].dummy + .acc {
    height: auto;
    overflow: hidden;
  }
  .booth_card input[type="checkbox"].dummy:checked + .acc {
    height: auto;
  }
  .booth_card .acc_inner {
    position: relative;
  }
  .booth_card_main_ttl {
    color: #000;
    position: relative;
    top: 0;
    margin: 0;
    text-align: left;
    font-size: 24px;
    padding-bottom: 10px;
  }
  .booth_sp_ttl {
    display: none;
  }
  .booth_card_img {
    padding-bottom: 10px;
  }
  .booth_card_open {
    display: none;
  }
  .booth_card_sub_ttl {
    font-weight: bold;
  }
  .booth_card_desc {
    padding: 0 0 60px;
  }
  .booth_card_more_btn_wrap {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .booth_card_more_btn {
    margin-top: 10px;
    font-weight: bold;
    line-height: 62px;
    border: 2px solid #000;
    padding: 10px;
  }
  .booth_card_more_btn:after {
    content: '>';
    padding-left: 7px;
  }
  .fashion_show {
    max-width: 1460px;
    margin: 80px auto 0;
  }
  .fashion_show a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  .fashion_show_movie {
    margin: 50px 0 0;
  }
  .fashion_show_movie img {
    width: 100%;
  }
  .fashion_show_desc {
    display: none;
    margin: 15px 0 0;
  }
  .cast_movie {
    margin: 100px auto 0;
    width: 1500px;
  }
  .cast_movie_cards {
    display: table;
    border-spacing: 30px 0;
    margin: 50px auto 0;
  }
  .cast_movie_card {
    border: 2px solid #cecece;
    display: table-cell;
    width: 236px;
    margin: 0 20px 20px;
    padding: 0 0 20px;
  }
  .cast_movie_card a:hover .cast_movie_btn,
  .cast_movie_card a:hover .cast_movie_btn_left,
  .cast_movie_card a:active .cast_movie_btn {
    color: #f00;
  }
  /*
  .cast_movie_card a:hover img,
  .cast_movie_card a:active img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  */
  .cast_movie_img {
    height: auto;
  }
  .cast_movie_img img {
    width: 100%;
  }
  .cast_movie_desc {
    padding: 20px;
  }
  .cast_movie_btn_wrap {
    text-align: center;
  }
  .cast_movie_btn:after {
    content: '>';
    padding-left: 7px;
  }
  .cast_more_btn {
    text-align: center;
    margin: 50px 0 0;
  }
  .cast_more_btn a {
    background: #000;
    color: #fff;
    padding: 15px 50px;
  }
  .cast_more_btn a:hover,
  .cast_more_btn a:active {
    background: #f00;
  }
  .cast_line {
    border-top:1px solid #cecece;
    width: 70%;
    display: block;
    height: 1px;
    margin: 15px 30px;
  }
  footer {
    margin: 130px auto 0;
    width: 1500px;
  }
  .pageindex {
    display: table;
  }
  .categories {
    display: table-cell;
    padding-right: 100px;
  }
  .categories .category_ttl {
    font-size: 24px;
    font-weight: bold;
  }
  .categories .links {
    overflow: hidden;
    width: 200px;
  }
  .categories.booth_detail .links {
    overflow: hidden;
    width: 600px;
  }
  .categories .link {
    float: left;
    width: 200px;
    padding: 0 0 7px;
  }
  .categories .link a {
    text-decoration: underline;
  }
  .categories .link a:hover,
  .categories .link a:active {
    text-decoration: none;
  }
  .sp_sns {
    display: none;
  }
  .toppage {
    margin: 60px auto 0;
    text-align: center;
    font-size: 12px;
  }
  .toppage p:before {
    content: '>';
    padding-right: 5px;
  }
  .toppage a {
    text-decoration: underline;
  }
  .toppage a:hover,
  .toppage a:active {
    text-decoration: none;
  }
  .copyright {
    margin: 20px auto 50px;
    text-align: center;
    font-size: 12px;
  }
  .mfp-page .mfp-iframe-holder .mfp-content {
    max-width: 1005px;
  }
  .no_movie {
    width: 100%;
    height: 20px;
    margin: 10px 0 0;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1530px) {
  .inner {
    width: 100%;
  }
  .lifewear_logo,
  .concept_desc {
    width: 50%;
  }
  .lifewear_logo {
    text-align: center;
  }
  .concept_desc {
    padding: 0 15px;
  }
  .booth_detail_content {
    width: 100%;
    margin-left: 0;
  }
  .cast_movie {
    width: 100%;
  }
  .booth_card {
    width: 30%;
    margin: 0 1.666666666666667% 20px;
  }
  .cast_movie_card {
    width: 22.5%;
    margin: 0 1.25% 20px;
  }
  .cast_movie_card img {
    width: 100%;
    height: auto;
  }
  .booth_card_main_ttl {
    font-size: 22px;
  }
  .cast_movie_desc {
    padding: 5px 5px 0;
  }
  footer {
    width: 100%;
    overflow: hidden;
  }
  .pageindex {
    margin: 0 auto;
  }
  .categories {
    padding-right: 0;
  }
  .categories.booth_detail {
    padding-left: 1.5%;
  }
  .categories.booth_detail,
  .categories.fashion_show,
  .categories.cast_movie {
    width: auto;
  }
  .categories.booth_detail .links,
  .categories.fashion_show .links,
  .categories.cast_movie .links {
    width: 155px;
  }
  .categories.booth_detail .link,
  .categories.fashion_show .link,
  .categories.cast_movie .link {
    width: 155px;
  }
  .categories.booth_detail .links {
    width: 465px;
  }
  .mfp-page .mfp-iframe-scaler {
    padding-top: 70.25%;
  }
}
@media screen and (max-width: 435px) {
  .mfp-page .mfp-iframe-scaler {
    padding-top: 170.25%;
  }
}