@charset "UTF-8";
/* ==========================================================
 TOP STYLES
========================================================== */

/* Grids
---------------------------------------------------------- */
.grid-hero {}
  .grid-hero-sizer,
  .grid-hero-item {
    width: 25%;
  }
  .grid-hero-item {
    position:relative;
    float: left;
  }
  .grid-hero-item--width2 {
    width: 50%;
  }

    .grid-hero-item img {
      display: block;
      width: 100%;
    }



.grid-top{}
  .grid-top1-col,
  .grid-top2-col,
  .grid-top3-col,
  .grid-top4-col,
  .grid-top5-col,
  .grid-top6-col{
    float: left;
  }
  .grid-top1-col,
  .grid-top3-col,
  .grid-top4-col,
  .grid-top5-col,
  .grid-top6-col{
    padding: 0 10px;
  }
  .grid-top1-col,
  .grid-top2-col{ width: 25%;overflow: hidden;}
  .grid-top3-col,
  .grid-top5-col,
  .grid-top6-col{ width: 300px;}
  .grid-top4-col{ width: 600px;}

@media screen and (max-width: 768px) {
  .grid-hero {}
    .grid-hero-sizer,
    .grid-hero-item {
      width: 50%;
    }
    .grid-hero-item--width2 {
      width: 100%;
    }

  .grid-top{}
    .grid-top1-col{ width: 100%;}
    .grid-top2-col{ width: 50%;}
    .grid-top3-col{ width: 50%;}
    .grid-top4-col,
    .grid-top5-col{ width: 100%;}
    .grid-top6-col{ width: 33.33%;}

    .grid-top5-col{}
    .grid-top1-col,
    .grid-top6-col{ padding: 0;}
    .grid-top4-col{ padding: 0 12px 20px 12px;}
    .grid-top3-col{ padding: 0 12px 15px 12px;}
}

/* mod-hero
---------------------------------------------------------- */
.mainimg{}
  .mainimg li{
    float:left;
    width: 50%;
  }
  .mainimg img{ width: 100%;}

.mod-hero{
  position:relative;
}
  .mod-hero-text{
    position:absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color:#ac72ae;
    text-align:center;
  }
  .mod-hero-text:before{
    content:'';
    position:absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ac72ae transparent;
  }
    .mod-hero-ttl{
      margin-bottom: 5px;
      font-size: 20px;
      line-height: 1.4;
      color: #fff;
    }
    .mod-hero-txt{
      /*font-size: 14px;*/
      font-size: 20px;
      /*font-weight: bold;*/
      /*color:#333;*/
      color: #fff000;
    }


@media screen and (max-width: 768px) {
  .mod-hero{}
    .mod-hero-text{
      padding: 9px 20px;
    }
    .mod-hero-text:before{
      top: -10px;
      margin-left: -10px;
      border-width: 0 10px 10px 10px;
    }
      .mod-hero-ttl{
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 1.1;
      }
      .mod-hero-txt{
        font-size: 12px;
        line-height: 1.4;
      }
}

/* lighting
-------------------------------*/

  #grid-lighting.grid-hero-item {
    position:relative;
    float: left;
        overflow: hidden;
  }
  #grid-lighting.grid-hero-item #lighting-slider{
    position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%;
        display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }

     #grid-lighting.grid-hero-item #lighting-slider .slick-slide    {
            float: left;
            height: 100%;
            min-height: 1px;
    }

        #grid-lighting.grid-hero-item #lighting-slider a{
            position:relative;
            display: block;
            padding-bottom: 111.28%;
            overflow: hidden;
        }

            #grid-lighting.grid-hero-item #lighting-slider a img {
                position: absolute;
                top: 50%;
                left:0;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

         #grid-lighting.grid-hero-item #lighting-slider .slick-list    {
                position: relative;
                display: block;
                height: 100%;
                overflow: hidden;
                margin: 0;
                padding: 0;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-list:focus    {
                outline: none;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-list.dragging    {
                cursor: pointer;
                cursor: hand;
        }

         #grid-lighting.grid-hero-item #lighting-slider .slick-slider .slick-track,
         #grid-lighting.grid-hero-item #lighting-slider .slick-slider .slick-list    {
                -webkit-transform: translate3d(0, 0, 0);
                     -moz-transform: translate3d(0, 0, 0);
                        -ms-transform: translate3d(0, 0, 0);
                         -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
        }

         #grid-lighting.grid-hero-item #lighting-slider .slick-track    {
                position: relative;
                top: 0;
                left: 0;
                display: block;
                height: 100%;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-track:before,
         #grid-lighting.grid-hero-item #lighting-slider .slick-track:after    {
                display: table;

                content: '';
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-track:after    {
                clear: both;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-loading .slick-track    {
                visibility: hidden;
        }

         #grid-lighting.grid-hero-item #lighting-slider .slick-slide img    {
                display: block;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-slide.slick-loading img    {
                display: none;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-slide.dragging img    {
                pointer-events: none;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-initialized .slick-slide    {
                display: block;
                outline:none;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-loading .slick-slide    {
                visibility: hidden;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-vertical .slick-slide    {
                display: block;

                height: auto;

                border: 1px solid transparent;
        }
         #grid-lighting.grid-hero-item #lighting-slider .slick-arrow.slick-hidden {
                display: none;
        }

        #grid-lighting.grid-hero-item #lighting-slider .slick-dots{
            position: absolute;
            display: inline-block !important;
            top: 10px;
            right: 10px;
            z-index: 1000;
            text-align:center;
        }
            #grid-lighting.grid-hero-item #lighting-slider .slick-dots li{
                overflow: hidden;
                display:inline-block;
                width: 16px;
                height: 16px;
                margin: 0 5px;
                background-color:#e4e8eb;
                text-indent:-9999px;
                -webkit-border-radius: 8px;
                border-radius: 8px;
            }
            #grid-lighting.grid-hero-item #lighting-slider .slick-dots li:hover{
                cursor:pointer;
            }
            #grid-lighting.grid-hero-item #lighting-slider .slick-dots li.slick-active{
                background-color:#6098aa;
            }

@media screen and (max-width: 768px) {

  #grid-lighting.grid-hero-item {
  }


    #grid-lighting.grid-hero-item #lighting-slider .slick-dots{
            position: absolute;
            height: 14px;
        }
            #grid-lighting.grid-hero-item #lighting-slider .slick-dots li{
                width: 14px;
                height: 14px;
                -webkit-border-radius: 7px;
                border-radius: 7px;
                vertical-align: top;
            }
}


/* MAIN
---------------------------------------------------------- */
.sec-top-in{
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.main-copy{
  position:absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px 10px;
  background-color:#e8f0f7;
}
  .main-copy-txt{
    font-size: 14px;
    text-align:center;
    color:#6098aa;
  }

.mod-info{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
  .mod-info-in{
    padding: 0 80px 70px;
  }
  .mod-info-label{
    position:relative;
    margin-top: 15px;
    padding: 12px 12px 10px 82px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align:left;
  }
  .mod-info-label:first-child{
    margin-top: 10px;
  }
  .mod-info-label:before{
    content:'';
    position:absolute;
    top: 50%;
    left: 20px;
    width: 46px;
    height: 46px;
    margin-top: -23px;
  }
    .mod-info-ttl{
      padding: 4px 10px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      background-color: #fff;
      font-size: 14px;
      font-weight:bold;
    }
    .mod-info-txt{
      margin-top: 10px;
      font-size: 14px;
      color:#fff;
    }
    .mod-info-in .ticket-sales-top p.deals{
      margin-right: 10px;
      text-align: middle right;
      color: #ffffff;
      font-size: 14px;
    }
    
    .mod-info-in .ticket-sales-top p.button a{
      display: block;
      text-decoration: none;
      margin: 5px 0;
      background-color: #33bfb2;
      width: 100%;
      padding: 10px 0;
      font-weight:bold;
    }
    .mod-info-in .ticket-sales-top p.button a:hover{
      background-color: #ffffff;
      color: #33bfb2;
    }
.btn-cmn2 {
    background-color: #33bfb2;
    border: 1px solid #33bfb2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 -2px #168b8c;
    box-shadow: inset 0 -2px #168b8c;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-align: center;
    color: #fff;
}
.btn-cmn2 {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn2 {
  display: block;
  background: url(../img/ticket-sales-button.png) no-repeat 82% 40%; /*ボタン矢印修正*/
}
.btn-cmn2:hover {
  background: url(../img/ticket-sales-button_hover.png) no-repeat 82% 40%;
}
    @media screen and (max-width: 768px) {
    .mod-info-in .ticket-sales-top p.button a{
      margin: 5px 0;
      width: 100%;
      padding: 7px 0;
    }
    .mod-info-in .ticket-sales-top .dis1910{
      font-size:10px;
    }
    .btn-cmn2 {
      display: block;
      background: url(../img/ticket-sales-button.png) no-repeat 73% 40%;
    }
    }
/* mod-ticket */
.mod-ticket{
 background-color:#da5e70;
}
.mod-ticket:before{/*------------*/

background: url(/img/ico_ticket_01.png) 0 0 no-repeat;
 background-size: 46px auto; 

}









  .mod-ticket .mod-info-ttl{
   color:#da5e70;
  }

/* mod-service */
.mod-service{
  background-color:#6583d4;
}
.mod-service:before{
  background: url(/img/ico_service_01.png) 0 0 no-repeat;
  background-size: 46px auto;
}
  .mod-service .mod-info-ttl{
   color:#6583d4;
  }

/* mod-subway */
.mod-subway{
  background-color:#f57b3b;
}
.mod-subway:before{
  background: url(/img/ico_subway_01.png) 0 0 no-repeat;
  background-size: 46px auto;
}
  .mod-subway .mod-info-ttl{
   color:#f57b3b;
  }

@media screen and (max-width: 768px) {
  .sec-top-in{
    width: auto;
  }

  .main-copy{
    position: relative;
    padding: 7px 5px;
  }
    .main-copy-txt{
      font-size: 10px;
      line-height: 1.4;
    }

  .mod-info{
    position: relative;
  }
    .mod-info-in{
      padding: 0;
    }

    .mod-info-label{
      position:relative;
      margin-top: 0;
      /*padding: 12px 12px 7px 52px;*//*------------*/
      padding: 12px 24px 12px 24px;
      -webkit-border-radius: 0;
      border-radius: 0;
    }

    .mod-info-label:first-child{
      margin-top: 0;
    }
    .mod-info-label:before{
      left: 10px;
      width: 32px;
      height: 32px;
      margin-top: -16px;
      background-size: 32px auto;
    }
      .mod-info-ttl{
        padding: 3px 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 12px;
      }

/*------------*/
	      .mod-info-ttl4{
		background-color: #fff;
		margin:10px 0 0 0;
	        padding: 10px 10px;
	        -webkit-border-radius: 3px;
	        border-radius: 3px;
	        font-size: 17px;
          letter-spacing: 0.05em;
	      }
	      .mod-info-ttl4 .text1{
font-weight: bold;
font-size: 14px;
text-align: center;
}
	      .mod-info-ttl4 .text2{
    font-size: 12px;
    text-align: center;
}



.btn-cmn2_0 {
    color: #fff;
}
.btn-cmn2_0 {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn2_0 {
  display: block;
  background: url(../img/button_cmn2_0.png?01) no-repeat 85% 40%;
}

    @media screen and (max-width: 768px) {

    .btn-cmn2_0 {
      display: block;
      background: url(../img/button_cmn2_0.png?01) no-repeat 98% 40%;
    }
    }



.btn-cmn2_1 {
    border: 1px solid #da5e70;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 -2px #168b8c;
    box-shadow: inset 0 -2px #c34d5e;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-align: center;
    color: #fff;
}

.mod-info-in .ticket-sales-top p.button_1 a {
    display: block;
    text-decoration: none;
    margin: 5px 0;
    background-color: #da5e70;
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
}

.mod-info-in .ticket-sales-top p a .ticket-btn-p {
  display: block;
  font-size: 12px;
  margin-top: -2px;
  font-weight: normal;
}

.btn-cmn2_2 {
    border: 1px solid #33bfb2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 -2px #168b8c;
    box-shadow: inset 0 -2px #249a8f;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-align: center;
    color: #fff;
}

.mod-info-in .ticket-sales-top p.button_2 a {
    display: block;
    text-decoration: none;
    margin: 8px 0;
    background-color: #33bfb2;
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
}

.btn-cmn2_3 {
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 -2px #168b8c;
    box-shadow: inset 0 -2px #aca5a5;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-align: center;
    color: #fff;
}

.mod-info-in .ticket-sales-top p.button_3 a {
    display: block;
    text-decoration: none;
    margin: 15px auto 5px;
    background-color: #c4c4c4;
    width: 95%;
    padding: 10px 0;
    font-weight: bold;
    /* height: 45px; */
    font-size: 12px;
}



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

      .mod-info-txt{
        margin-top: 10px;
        font-size: 12px;
      }
      ticket_seles_top p{
        color: #ffffff;
      }

/* mod-ticket */

.mod-ticket:before,
.mod-service:before,
.mod-subway:before{
  background-size: 32px auto;
}

}
/* JOY
---------------------------------------------------------- */
.sec-enjoy{
  padding: 60px 0;
  background: url(/img/bg_top_joy.jpg) center top no-repeat;
  background-size: cover;
}
  .sec-enjoy-in{
    margin: 0 auto;
  }
  .sec-enjoy-title{
    margin-bottom: 50px;
    text-align:center;
  }
    .sec-enjoy-content img{
      width: 100%;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
    /*.sec-enjoy-content img:hover{
      -ms-filter: 'alpha( opacity=65)';
      filter: alpha( opacity=65);
      opacity: 0.65;
    } */
    .sec-enjoy-ttl{
      margin-bottom: 10px;
      padding: 5px 0;
    }
    .sec-enjoy-txt{
      font-size: 14px;
      color:#fff;
    }

    .sec-enjoy .grid-top{
      width: 1210px;
      margin: 0 auto;
    }

    .sec-enjoy .grid-top1-col{
      margin: 0 10px;
      padding: 0;
    }

    .sec-enjoy .grid-top1-col a{
      display: block;
    }
    .sec-enjoy .grid-top1-col a:hover{
      -ms-filter: 'alpha( opacity=65)';
      filter: alpha( opacity=65);
      opacity: 0.65;
    }
    .sec-enjoy .grid-top1-col a:hover,.sec-enjoy .grid-top1-col a:focus,.sec-enjoy .grid-top1-col a:active{
      text-decoration: none;
    }

    .sec-enjoy .grid-top1-col.vr a{background: #7bcace;}
    .sec-enjoy .grid-top1-col.aozora a{background: #ac72ae;}
    .sec-enjoy .grid-top1-col.birthday a{background: #f0919d;}
    .sec-enjoy .grid-top1-col.night a{background: #000;}

    .sec-enjoy .grid-top1-col.archives a{background: #b2a08c;}
    .sec-enjoy .grid-top1-col.design a{background: #0062c2;}
    .sec-enjoy .grid-top1-col.discover a{background: #b28b00;}
    .sec-enjoy .grid-top1-col.photogallery a{background: #9bb7cc;}

/*0518追加分*/
    .sec-enjoy .grid-top1-col.post a{background: #ff3a29;}
    .sec-enjoy .grid-top1-col.panoramaguide a{background: #23a9d0;}
    .sec-enjoy .grid-top1-col.findjapan a{background: #ef7197;}
    .sec-enjoy .grid-top1-col.skytreegallery a{background: #169d99;}
    .sec-enjoy .grid-top1-col.photo a{background: #fbc464;}

/*0215追加分*/
    .sec-enjoy .grid-top1-col.wifi a{background: #8a9fb6;}
/**/




    /* 追加 */
    .grid-top1-col-head{}

      .grid-top1-col-head .logo{}

        .grid-top1-col-head .logo img{
          width:100%;
          height: auto;
        }

      .grid-top1-col-head .ttl{
        padding: 0 20px;
      }

      .grid-top1-col-head .ttl span{
        display: block;
        padding: 2px 0;
        font-size: 12px;
        color: #fff;
      }
      .sec-enjoy .grid-top1-col.vr .ttl span{background: #3ba0a6;}
      .sec-enjoy .grid-top1-col.aozora .ttl span{background: #743377;}
      .sec-enjoy .grid-top1-col.birthday .ttl span{background: #e25261;}
      .sec-enjoy .grid-top1-col.night .ttl span{background: #434343;}

      .sec-enjoy .grid-top1-col.archives .ttl span{background: #f0f0f0;color:#725f4a;}
      .sec-enjoy .grid-top1-col.design .ttl span{background: #f0f0f0;color:#054585;}
      .sec-enjoy .grid-top1-col.discover .ttl span{background: #f0f0f0;color:#b28b00;}
      .sec-enjoy .grid-top1-col.photogallery .ttl span{background: #f0f0f0;color:#9bb7cc;}




/*0518追加分*/
    .sec-enjoy .grid-top1-col.post .ttl span{background: #f0f0f0;}
    .sec-enjoy .grid-top1-col.panoramaguide .ttl span{background: #0b6e8b;}
    .sec-enjoy .grid-top1-col.skytreegallery .ttl span{background: #f0f0f0;color:#169d99;}
    .sec-enjoy .grid-top1-col.photo .ttl span{background: #f69624;color:#ffffff;}
/*0215追加分*/
    .sec-enjoy .grid-top1-col.wifi .ttl span{background: #5b7ea4;color:#f0f0f0;}
/**/

      .grid-top1-col-body{
        padding: 6px 20px 20px;
      }

      .grid-top1-col-body .txt{
        font-size: 14px;
        color: #333;
        line-height: 1.7;
        text-align:left;
      }

      .grid-top1-col-body .txt.white{
        color: #e5e5e5;
      }


      .grid-top1-col-body img{
        margin-top: 10px;
      }


@media screen and (max-width: 768px) {
  .sec-enjoy{
    overflow: hidden;
    padding: 30px 0 10px;
    background: url(/img/bg_top_joy_sp.jpg) left top no-repeat;
    background-size: cover;
  }
  .sec-enjoy-in{
    padding: 0;
  }
    .sec-enjoy-title{
      margin-bottom: 18px;
    }
      .sec-enjoy-ttl{
        margin-bottom: 10px;
        height: 18px;
        padding: 0;
      }
        .sec-enjoy-ttl img{
          width:auto;
          height: 100%;
        }
        /*.sec-enjoy-ttl img:hover{
          -ms-filter: 'alpha( opacity=100)';
          opacity: 1;
        } */
      .sec-enjoy-txt{
        font-size: 10px;
        line-height: 1.4;
      }

      .sec-enjoy .grid-top{
        width: auto;
      }

      .sec-enjoy .grid-top1-col{
        margin: 0;
      }

      .sec-enjoy .grid-top1-col a{
        display: block;
      }
      .sec-enjoy .grid-top1-col a:hover{
        -ms-filter: 'alpha( opacity=100)';
        filter: alpha( opacity=100);
        opacity: 1;
      }

        .grid-top1-col-head .ttl{
          padding: 0 15px;
        }

        .grid-top1-col-head .ttl span{
          font-size: 10px;
        }
        .grid-top1-col-body{
          padding: 6px 15px 15px;
        }
        .grid-top1-col-body .txt{
          font-size: 10px;
          line-height: 1.4;
        }

/* Slider */
  .js-enjoy{
    position:relative;
  }
    .js-enjoy .slick-list{
      overflow:hidden;
      width: 230px;
      /* width: 65%; */
      margin: 0 auto 15px;
    }
    .js-enjoy .slick-list img{
      width: 100%;
      height: auto;
    }

  .js-enjoy .slick-dots{
    text-align: center;
  }
    .js-enjoy .slick-dots li{
      overflow: hidden;
      display:inline-block;
      width: 16px;
      height: 16px;
      margin: 0 5px;
      background-color:#f2f2f2;
      text-indent:-9999px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
    .js-enjoy .slick-dots li.slick-active{
      background-color:#6098aa;
    }

    .js-enjoy .slick-arrow{
      overflow: hidden;
      position:absolute;
      top: 50%;
      width: 27px;
      height: 27px;
      margin-top: -34px;
      text-indent:-9999px;
      z-index: 5;
    }
    .js-enjoy .slick-prev{
      left: 9px;
      background: url(/img/ico_arrow_01.png) 0 0 no-repeat;
      background-size: 27px auto;
    }
    .js-enjoy .slick-next{
      right: 9px;
      background: url(/img/ico_arrow_02.png) 0 0 no-repeat;
      background-size: 27px auto;
    }
}
/* RESTTANT AND CAFE
---------------------------------------------------------- */
.card-restran{
  /*overflow: hidden;*/
  position: relative;
}
  .card-restran-img img{
    width: 100%;
  }
  .card-restran-overlay{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.60);
  }
  .card-restran-content{
    position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 200px;
    margin-top: -100px;
    text-align:center;
  }
  .card-restran-logo{
    margin-bottom: 25px;
  }
  .card-restran-txt{
    font-size: 14px;
    color:#fff;
  }
@media screen and (max-width: 768px) {
  .card-restran{}
    .card-restran-overlay{}
    .card-restran-content{
      height: 95px;
      margin-top: -47px;
    }
    .card-restran-logo{
      margin-bottom: 0;
      height: 63px;
    }
      .card-restran-logo img{
        width: auto;
        height: 100%;
      }
    .card-restran-txt{
      font-size: 10px;
      line-height: 1.6;
    }

}
/* NEWS
---------------------------------------------------------- */
.area-news{
  padding: 60px 0;
  background: #e8f0f7 url(/img/bg_news.jpg) center top no-repeat;
  background-size: cover;
}
  .area-news-ttl{
    margin-bottom: 45px;
    padding: 5px 0;
    text-align:center;
  }

.sec-news-01{
  margin-bottom: 60px;
}
.sec-news-02{
  margin-bottom: 55px;
}
.sec-news-01{}

 .mod-news{}
  .mod-news-txt{
    margin-bottom: 10px;
    font-size: 14px;
    color:#6098aa;
  }

.card-news{
  background-color:#fff;
}
  .card-news-img{}
  .card-news-img img {
      width: 100%;
  }
  .card-news-content{
    padding: 17px 20px;
    font-size: 14px;
  }
  .card-news-date{
    margin-bottom: 5px;
    line-height: 1.5;
    color:#59564f;
  }
  .card-news-txt{}

.card-thumb{
  overflow: hidden;
  padding: 7px;
  background-color:#fff;
}

  .card-thumb a{
    display: table;
    width: 100%;
    height: 82px;
  }

  .card-thumb-img{
    display: table-cell;
    width: 82px;
    vertical-align: top;
  }

  .card-thumb-img span{
    position:relative;
    display: block;
    width: 82px;
    height: 82px;
    overflow: hidden;
  }


  .card-thumb-img img{
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }


  .card-thumb-content{
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
    font-size: 14px;
  }

  .card-thumb-content.va-middle{
    vertical-align: middle;
  }

  .card-thumb-date{
    margin-bottom: 5px;
    line-height: 1.5;
    color:#59564f;
  }

  .card-thumb-txt{
    width: 100% !important;
  }


  #tourSlider{
    position: relative;
    width: 100%;
    height: 96px;
  }


  #tourSlider li{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    display: none;
  }

.box-news{
  position: relative;
}
  .box-news-title{
    padding: 0 0 15px 5px;
  }
  .box-news-btn{
    position:absolute;
    top: 0;
    right: 10px;
  }
  .btn-news{
    display:block;
    width: 80px;
    padding: 1px 0;
  }

.list-news{
  border-bottom:1px solid #cddee8;
  font-size: 14px;
}
  .list-news dt{
    float:left;
    clear: both;
    width: 90px;
    padding: 15px 0 0;
    font-family: Arial;
  }
  .list-news dd{
    padding: 15px 0 17px 90px;
    border-top:1px solid #cddee8;
  }
  .list-news--witag dt{
    width: 172px;
  }
  .list-news--witag dd{
    padding: 15px 0 15px 172px;
  }
  .list-news--witag .tag{
    display:inline-block;
    width: 81px;
    height: 22px;
    background-color: #fff;
    border: solid 1px #6098aa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    font-weight:bold;
    line-height: 2;
    color:#6098aa;
    text-align:center;
    letter-spacing: -0.1em;
  }
@media screen and (max-width: 768px) {
  .area-news{
    padding: 23px 0 20px;
    background: #e8f0f7 url(/img/bg_news.jpg) center top no-repeat;
    background-size: contain;
  }
    .area-news-ttl{
      width: 106px;
      margin: 0 auto 22px;
      padding: 0;
    }
      .area-news-ttl img{
        width: 100%;
        height:auto;
      }

  .sec-news-01{
    margin-bottom: 15px;
  }
  .sec-news-02{
    margin-bottom: 10px;
  }

   .mod-news{}
    .mod-news-txt{
      margin-bottom: 6px;
      font-size: 10px;
      line-height: 1.3;
    }
    .mod-news-content{
      margin-bottom: 15px;
    }

  .card-news{
    background-color:#fff;
  }
    .card-news-img img{
      width: 100%;
      height:auto;
    }
    .card-news-content{
      padding: 10px 12px;
    }
    .card-news-date{
      display:none;
    }
    .card-news-txt{
      font-size: 10px;
      line-height: 1.4;
    }

  .card-thumb{
    padding: 8px;
    margin-bottom: 10px;
  }

  .card-thumb a{
    height: auto;
  }

    .card-thumb-img{
      width: 60px;
      height: 60px;
    }
    .card-thumb-img span{
      width: 60px;
      height: 60px;
    }
      /*.card-thumb-img img{
        width: 100%;
        height: auto;
      }*/

    .card-thumb-content{
      font-size: 12px;
      line-height: 1.4;
    }
    .card-thumb-date{
      margin-bottom: 0;
      padding: 7px 0 5px;
      font-size: 10px;
      line-height: 1.1;
    }

  .box-news{}
    .box-news-title{
      margin-bottom: 8px;
      padding: 0;
    }
    .box-news-title img{
      width:auto;
      height: 100%;
    }
    .box-news-title .ttl-news{ height: 19px;}
    .box-news-title .ttl-pr{ height: 16px;}

    .box-news-btn{
      position: relative;
    }
    .btn-news{
      width: 140px;
      margin: 0 auto;
      padding: 3px 0;
    }

  .list-news{
    font-size: 10px;
    line-height: 1.3;
  }
    .list-news dt,
    .list-news--witag dt{
      float: none;
      width: auto;
      margin-bottom: 3px;
      padding: 10px 0 0;
      border-top:1px solid #cddee8;
    }
    .list-news dd,
    .list-news--witag dd{
      padding: 0 0 10px;
      border:none;
    }
    .list-news--witag .tag{
      display:none;
    }
}
/* HOVER
---------------------------------------------------------- */
  .card-news a:hover,
  .card-thumb a:hover{
    text-decoration: none;
  }
  .card-news a:hover .card-news-txt,
  .card-thumb a:hover .card-thumb-txt{
    text-decoration: underline;
  }

/* PARTNERS
---------------------------------------------------------- */

.sec-partner{
  padding: 60px 0;
}
  .sec-partner-ttl{
    margin-bottom: 28px;
    text-align:center;
  }
  .sec-partner-btn{
    text-align:center;
  }
    .sec-partner-btn a{
      display:inline-block;
      margin: 0 10px;
    }

.list-partner{
  margin-bottom: 20px;
}
  .list-partner li{
    margin-bottom: 20px;
  }
    .list-partner li a{
      display:block;
      border:1px solid #e4e4e4;
    }
@media screen and (max-width: 768px) {
  .sec-partner{
    padding: 30px 0;
  }
    .sec-partner-ttl{
      height: 10px;
      margin-bottom: 20px;
    }
      .sec-partner-ttl img{
        width: auto;
        height: 100%;
      }
    .sec-partner-btn{
      margin-bottom: 0;
      padding: 0 12px;
    }
      .sec-partner-btn a{
        display:block;
        margin: 12px 0 0;
      }

  .list-partner{
    margin-bottom: 0;
    padding: 0 36px 0 12px;
  }
    .list-partner li{
      margin: 12px 12px 0 0;
    }
    .list-partner li:nth-of-type(3n){
      margin-right: -24px;
    }
      .list-partner li a{
        /*border:none;*/
      }
      .list-partner li img{
        width: 100%;
        height: auto;
      }
}


/* 営業時間
---------------------------------------------------------- */
.bis-hour {
    color: #59564f;
    font-weight: normal;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .bis-hour {
        font-size: 10px;
    }
}


/* アラートアイコン
---------------------------------------------------------- */
img.icon-alert {
    width: 18px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
    img.icon-alert {
        width: 18px;
        float: left;
        margin-right: 5px;
        margin-top: 0px;
    }
}


/* アラートアイコン
---------------------------------------------------------- */
img.icon-alert {
    width: 18px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
    img.icon-alert {
        width: 18px;
        float: left;
        margin-right: 5px;
        margin-top: 0px;
    }
}


/* 運行状況
---------------------------------------------------------- */
.index_skytree_panel-train {
    display: none;
}

.index-panel-15-icon {
    float: left;
    width: 70px;
    height: auto;
    margin-right: 5px;
    margin-top: 3px;
}

/* 重要なお知らせ
---------------------------------------------------------- */
.in-customsytle-1 {
}

.in-customsytle-2 {
    color: #59564f;
}

.in-customsytle-3 {
    /*color: #ef929d;*/
    color: #ff6fb7;
}

.in-customsytle-4 {
    font-weight: bold;
}


/* SNS
---------------------------------------------------------- */

.sns_g_body {
display: flex;
flex-wrap: nowrap;
width:1200px;
margin:50px auto 0px auto;
}
.sns_g_body .sns_g {
margin:10px;
/* width:280px; */
width:220px;
background:#fff;
/* padding:10px 40px 0px 0; */
padding:10px 0px 0px 0;
text-align: left;
height: 80px;
}
.sns_g_body .sns_g img{
width:50px;
/* margin: 5px 10px 0 40px; */
margin: 5px 10px 0 23px;
float:left;
}
.sns_g_body .sns_g p{
margin-top: 19px;
font-size:16px;
}

/*P*/
.sp {
    display: none; 
}
.pc {
    display: block;
}
/**/
@media screen and (max-width: 768px) {
.sns_g_body {
width: 98%;
margin: 0px auto;
}
.sns_g_body .sns_g {
width:30%;
/* height: 95px; */
height: 105px;
background:#fff;
margin: 0 5px 0;
padding:10px 0;
text-align: center;
}
.sns_g_body .sns_g p{
font-size:11px;
line-height: 1.4;
padding:5px 3%;
}
.sns_g_body .sns_g img{

/*width:40px;
margin: 0 32% 5px;*/
    width: 40px;
    margin: 0 auto -15px;
    display: block;
float:none;

}

/**/
.sp {
    display: block; 
}
.pc {
    display: none;
}
/**/

}

/*中ボタン*/
@media screen and (max-width: 767px) {

.mod-info-seni{
font-size:14px;

}
.mod-info-seni .mod-info-ttl {
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}


}

/*今日のライティング*/
@media screen and (max-width: 767px) {

.background_iki{ /*　ライティングカラー粋 */
background-color: #82cccd!important;

}
.background_miyabi{ /*　ライティングカラー雅 */
background-color: #a66aaa!important;
}
.background_nobori{ /*　ライティングカラー幟 */
background-color:#f5c667!important;

/*background-color: #f5c667!important;*/
}
.background_sonota{ /*　ライティングカラーその他 */
background-color: #ef929d!important;
}


.mod-info-ttl3 {
background-color: #fff;
    font-weight: bold;
    padding: 10px 5px;
    margin: 6px 0 5px 0;
    -webkit-border-radius: 3px;
    height: 40px;
    border-radius: 3px;
    font-size: 12px;
    display: block;
    text-align: center;/*left*/
}

.mod-info-ttl3 span{
    font-size: 12px;
font-weight: normal;
}


.mod-info-ttl2 {
background-color: #fff;
font-weight: bold;
    padding: 3px 10px;
margin:0 0 6px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    /* width: 80%; */
text-align: center;
}
.mod-right {
	float:left;
	width:80%;
}

.lighting-active{
padding: 3px;
background-color: #85a2e2;
font-weight: bold!important;
font-size: 14px!important;
color:#ffffff;
border-radius: 3px;
}


}

@media screen and (max-width: 360px) {

.mod-right {
    width: 75%;
}

.mod-info-ttl2 {
    font-size: 10px;
}

.mod-info-ttl3 {
    font-size: 10px;
}
.mod-info-ttl3 span{
    font-size: 10px;
}

.lighting-active{

font-weight: bold!important;
font-size: 12px!important;

}


}

@media screen and (max-width: 767px) {

.fix-menu2 {
  display: none;
  z-index: 1;
}

}

/*SPのみ左アイコン消し*/
@media screen and (max-width: 768px) {
	.mod-ticket:before{
	background: none;
	}
.mod-subway:before {
	background: none;
}
}



/* 220725更新用に追記 */

.mod-info-ttl02 {
  color: #FFF;
  border: #FFF solid 2px;
  margin-bottom: 10px;
  padding: 5px 8px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

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


/* 230613営業時間の見せ方変更のため追記 */

.mod-info-txt.bg-eigyotime {
  font-size: 15px;
    background-color: #FFF;
    color: #da5e70;
    padding: 5px 10px 2px;
    /* width: 350px; */
    width:fit-content;
    border-radius: 5px;
    font-weight: bold;
    box-sizing: content-box;
    /* white-space: nowrap; */
}

@media screen and (max-width: 1250px) {
  .mod-info-txt.bg-eigyotime {
    font-size: 13px;
    /* font-size: 15px; */
    width: 94%;
}
}


@media screen and (max-width: 768px) {
  .mod-info-txt.bg-eigyotime {
    font-size: 14px;
    background-color: transparent;
    color: #FFF;
}
}

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

/* ボタン矢印位置変更の追記 */

    @media screen and (max-width: 768px) {
    .btn-cmn2 {
      background: url(../img/ticket-sales-button.png) no-repeat 82% 40%;
    }
    }


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