@charset "utf-8";

/* ---------------------------------------------------------
font-face
----------------------------------------------------------*/
@font-face {
    font-family: UniqloProBold;
    src: url(/lifewearday/common19fw/fonts/190919-UniqloProBold.woff);
}

@font-face {
    font-family: UniqloProRegular;
    src: url(/lifewearday/common19fw/fonts/190919-UniqloProRegular.woff);
}

@font-face {
    font-family: UniqloProLight;
    src: url(/lifewearday/common19fw/fonts/190919-UniqloProLight.woff);
}

/* ---------------------------------------------------------
common
----------------------------------------------------------*/
img,
iframe {
    vertical-align: bottom;
}

body {
    font-family: UniqloProLight, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
}

#main .text--center {
    text-align: center;
}

#main .text--bold {
    font-weight: bold;
}

#main .text--uni--bold {
    font-family: UniqloProBold;
}

/* ---------------------------------------------------------
layout
----------------------------------------------------------*/
#content {
    overflow: hidden;
    font-size: 12px;
    letter-spacing: 0.05em;
}

#content img {
    vertical-align: top;
}

#main {
    position: relative;
    padding: 0;
    background-color: #fff;
}

a {
    color: #333333;
    display: inline-block;
    text-decoration: none;
}

#main .mg-t--10 {
    margin-top: 10px !important;
}

#main .mg-t--20 {
    margin-top: 20px !important;
}

#main .mg-t--60 {
    margin-top: 60px !important;
}

#main .mg-b--20 {
    margin-bottom: 20px !important;
}

#main .mg-b--60 {
    margin-bottom: 60px !important;
}

/* clearfix */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

/* ---------------------------------------------------------
header
----------------------------------------------------------*/
#main .global_header {
    height: 70px;
}

#main .globalnav {
    width: 100%;
    height: 70px;
    background-color: #fff;
}

#main .globalnav img {
    padding: 10px;
}

/*language switching*/
#main .global_header_langage {
    height: 70px;
}

#main .globalnav_langage {
    width: 100%;
    height: 70px;
}

#main .globalnav_langage img {
    padding: 10px;
}

#main #language{
  position: absolute;
  z-index: 99999999;
  top: 10px;
  right: 10px;
  height: 50px;
}
#main #language .language_nav{
  line-height:50px;
  text-align:center;
}
#main #language .language_nav li{
  display: inline-block;
  font-size: 14px;
}
#main #language .language_nav li a{
  color:#000;
  padding: 5px 5px 3px 5px;
}
#main #language .language_nav li a span{
  position: relative;
  display: inline-block;
}
#main #language .language_nav li .language_activ{
    padding:0 0 3px 0;
    border-bottom: solid 1px #000;
    display: inline;
}


/* ---------------------------------------------------------
#cover
----------------------------------------------------------*/
#main .cover_movie {
    width: 100%;
    position: relative;
}

#main .cover_movie video {
    width: 100%;
}

#main .cover_movie .player_btn {
    position: absolute;
    right: 3%;
    bottom: 3%;
    width: 10%;
}

#main .cover_movie .player_btn a {
    display: block;
}

#main .cover_movie .player_btn a img {
    width: 100%;
}

#main .cover_movie img {
    width: 100%;
}

/* -----------------
.lead
------------------*/
#main .lead {
    margin: 0 auto 60px auto;
    width: 100%;
}

#main .lead_inner {
    margin: 0 auto;
    padding: 0 8% 0 8%;
}

#main .lead h1 {
    font-family: UniqloProBold;
    font-size: 40px;
    letter-spacing: -0.1px;
}

#main .lead .lead_text_01 {
    margin-top: 15px;
    font-family: UniqloProRegular;
    font-size: 29px;
    letter-spacing: -0.1px;
}

#main .lead .lead_text_02 {
    margin-top: 15px;
    font-family: UniqloProRegular;
    font-size: 16px;
    letter-spacing: -0.1px;
    line-height: 1.5;
}

#main .lead .lead_day {
    margin-top: 15px;
    font-family: UniqloProBold;
    font-size: 28px;
    text-align: center;
}

#main .lead img.lifewear_logo {
    display: table;
    margin: 15px auto 0 auto;
    width: 100%;
    max-width: 47.5px;
}

/* ---------------------------------------------------------
#sentence
----------------------------------------------------------*/
#main .section.modal-movie a{
    width: 100%;
}

#main #sentence {
    margin-top: 40px;
    line-height: 1.28;
    letter-spacing: 0.1px;
}

#main #sentence .sentence--half {
    margin-top: 20px;
}

#main #sentence .sentence_text_01 {
    padding: 0 8%;
    font-family: UniqloProRegular;
    font-size: 16px;
}

#main #sentence .sentence_text_02 {
    margin-top: 10px;
    padding: 0 8%;
    font-size: 14px;
}

#main #sentence .sentence_text_03 {
    padding: 5px 8% 0;
    font-family: UniqloProLight;
    font-size: 11px;
    color: #7d7d7d;
}

#main #sentence .sentence_text_04 {
    padding: 0 8%;
    font-family: UniqloProRegular;
    font-size: 18px;
}

/* ---------------------------------------------------------
#map
----------------------------------------------------------*/
#main #map {
    margin-top: 40px;
}

#main #map h2 {
    margin-bottom: 15px;
    font-family: UniqloProRegular;
    font-size: 18px;
    text-align: center;
}

#main #map .iframe_wrapper {
    text-align: center;
}

#main #map iframe_inner {
    padding: 0 8%;
    box-sizing: border-box;
}

#main #map iframe {
    width: 84%;
    max-width: 522px;
    max-height: 271px;
}

/* ---------------------------------------------------------
#relatedSection
----------------------------------------------------------*/
#main > #relatedSection {
    margin-top: 60px;
}

#main > #relatedSection h3 {
    font-size: 18px;
    line-height: 27px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: bold;
    padding-right: 8%;
    padding-left: 8%;
    border-bottom: solid 1px #dadada;
    border-top: solid 1px #dadada;
}

#main > #relatedSection .list {
    padding-bottom: 18px;
    margin-right: 8%;
    margin-left: 8%;
}

#main > #relatedSection .line {
    overflow: hidden;
    border-bottom: solid 1px #dadada;
}

#main > #relatedSection .title {
    font-size: 14px;
    line-height: 21px;
    padding-top: 18px;
    margin-bottom: 9px;
    font-weight: bold;
}

#main > #relatedSection .description {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
}

#main > #relatedSection .textlink {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #1b1b1b;
    margin-bottom: 18px;
    float: right;
}

#main > #relatedSection a {
    text-decoration: none;
    color: #1b1b1b;
    display: block;
}

/* ---------------------------------------------------------
galleryarea
----------------------------------------------------------*/
#main .galleryarea{
    padding: 0 8%;
    margin-top: 40px;
    margin-bottom: 40px;
}

#main .galleryarea .col3{
    margin-bottom: 30px;
    position: relative;
}

#main .galleryarea .col3 p{
    position: absolute;
    width: 85%;
    left: 0%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    text-align: center; 
    margin:0;
    padding:0;
    font-size: 22px;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 0px 0px 6px #000;
    letter-spacing: 0.07em;
    font-weight: bold;
}

#main .galleryarea .col3 img{
    width: 100%;
}

#main .galleryarea .col3 a{
    width: 100%;
}

/* ---------------------------------------------------------
visiterarea
----------------------------------------------------------*/
#main .visiter-comments{
    padding: 0 8%;
    margin-top: 40px;
    margin-bottom: 40px;
}

#main .visiter-comments .col2{
    margin-bottom: 30px;
    position: relative;
}

#main .visiter-comments .col2 img{
    width: 100%;
}

#main .visiter-comments .col2 a{
    width: 100%;
}

#main .visiter-comments .col3{
    margin-bottom: 30px;
    position: relative;
}

#main .visiter-comments .col3 img{
    width: 100%;
}

#main .visiter-comments .col3 a{
    width: 100%;
}

#main .visiter{
    margin-top: 40px !important;
}

#main .visiter h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0 8%;
    margin-bottom: 20px;
}

#main .visiter p{
    font-size: 18px;
    text-align: center;
    background: #dadada;
    padding: 20px;
    margin: 0 8%;
}




/* ---------------------------------------------------------
footer
----------------------------------------------------------*/
#main .footer {
    margin: auto 16px;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-bottom: 50px;
    text-align: center;
    font-size: 12px;
}

#main .footer > a {
    text-decoration: underline;
    text-decoration-color: #999999;
}

#main .footer > a > img {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}

/* color of underline */
#main .footer > a > p > span {
    color: #333333;
}

#main .footer > p {
    margin-top: 25px;
}

/* ---------------------------------------------------------
back-top
----------------------------------------------------------*/
#main .pagetop {
    position: fixed;
    right: 15px;
    bottom: 55px;
}

#main .pagetop a {
    padding: 10px;
    margin: -10px;
}

#main .pagetop img {
    width: 42px;
    height: 42px;
}

#main .exhibition-container {
    padding: 0 8%;
    margin: 45px auto 0;
}

#main .report-container {
    margin: 60px 30px 0 30px;
    background-color: #f8f8f8;
    padding: 20px;
}

#main .report-thumbs {
    overflow: hidden;
}

#main .report-thumbs li {
    margin-bottom: 20px;
}

#main .report-thumbs li:last-child {
    margin-bottom: 0;
}

#main .report-thumbs li img {
    width: 100%;
}

#main .dl01 {}

#main .dl01--exhibition {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
}

#main .dl01__dt {
    width: 20px;
    float: left;
    clear: both;
}

#main .dl01__dt::after {
    content: ":";
    display: inline-block;
    padding-left: 3px;
}

#main .dl01--exhibition .dl01__dt {
    width: 23%;
    float: left;
    clear: both;
    font-weight: bold;
}

#main .dl01--exhibition .dl01__dd {
    padding-left: 23%;
    font-weight: bold;
    width: 77%;
}

#main .dl01--exhibition .dl01__dd:not(:last-child) {
    padding-bottom: 3px;
}

#main .heading {
    font-family: UniqloProRegular;
    font-weight: normal;
}

#main .heading--1 {
    font-size: 18px;
}

#main .pc-hidden {
    display: block !important
}

#main .sp-hidden {
    display: none !important
}