@charset "UTF-8";

/* =========================================================
 ENJOY COMMON
========================================================== */
.ttl-enjoy-01 span{
  display:inline-block;
  text-align:left;
}

.ico-music{
  padding-left: 65px;
  background: url(/enjoy/img/ico_music.png) no-repeat 0 0;
}
@media screen and (max-width: 768px) {
  .ico-music{
    padding-left: 27px;
    background: url(/enjoy/img/ico_music.png) no-repeat left center;
    background-size: 19px auto;
  }


/**/
.newcard{
width:92%!important;
margin:20px 4%!important;
}

.newcard2{
width:92%!important;
margin:20px 4% 30px!important;
}
/**/

}

/**/
.newcard{
width:95%;
margin:20px 2.5% 30px;
}

.newcard2{
width:95%;
margin:20px 2.5% 40px;
}
/**/

.grid-enjoy{}
  .grid-enjoy-col{
    /*float:left;
    width: 290px;
    margin: 0 25px 25px 0;*/
  }
  /*.grid-enjoy-col:nth-child(3n+3){
    margin: 0 0 20px 0;
  }*/

  .card-enjoy img{
    width: 100%;
    height:auto;
    -webkit-border-radius:  8px;
    border-radius:  8px;
  }
.card-enjoy{
  padding-right: 60px;
  /* psdding-right: 60px; */
}

    .card-enjoy .grid-top1-col{
      float: left;
      width: 33%;
      margin: 0 25px 25px 0;

    }

    .card-enjoy .grid-top1-col:nth-of-type(3n){
      margin-right: -60px;
    }


    .card-enjoy .grid-top1-col a{
      display: block;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden;
    }
    .card-enjoy .grid-top1-col a:hover{
      -ms-filter: 'alpha( opacity=65)';
      filter: alpha( opacity=65);
      opacity: 0.65;
    }
    .card-enjoy .grid-top1-col a:hover,.card-enjoy .grid-top1-col a:focus,.card-enjoy .grid-top1-col a:active{
      text-decoration: none;
    }

    .card-enjoy .grid-top1-col.vr a{background: #7bcace;}
    .card-enjoy .grid-top1-col.aozora a{background: #ac72ae;}
    .card-enjoy .grid-top1-col.birthday a{background: #f0919d;}
    .card-enjoy .grid-top1-col.night a{background: #000;}
    .card-enjoy .grid-top1-col.photo a{background: #fbc464;}
    .card-enjoy .grid-top1-col.lighting a{background: #e8d866;}
    .card-enjoy .grid-top1-col.theater a{background: #000;}
    .card-enjoy .grid-top1-col.srt350 a{background: #000;}
/**/
    .card-enjoy .grid-top1-col.post a{background: #ff3a29;}
    .card-enjoy .grid-top1-col.panoramaguide a{background: #23a9d0;}
    .card-enjoy .grid-top1-col.findjapan a{background: #ef7197;}
    .card-enjoy .grid-top1-col.skytreegallery a{background: #169d99;}
    .card-enjoy .grid-top1-col.wifi a{background: #8a9fb6;}
    .card-enjoy .grid-top1-col.skytreeterracetour a{background: #00a0e9;}
    .card-enjoy .grid-top1-col.archives a{background: #b2a08c;}
    .card-enjoy .grid-top1-col.design a{background: #0062c2;}
    .card-enjoy .grid-top1-col.discover a{background: #b28b00;}
    .card-enjoy .grid-top1-col.photogallery a{background: #9bb7cc;}
    .card-enjoy .grid-top1-col.vr a{background: #7bcace;}
    .card-enjoy .grid-top1-col.view2200 a{background: #99ade4;}
    .card-enjoy .grid-top1-col.nightexperience a{background: #121232;}
    .card-enjoy .grid-top1-col.experience a{background: #E6E6E6;}
    .card-enjoy .grid-top1-col.tokyofriends a{background: #00a8ea;}
    .card-enjoy .grid-top1-col.child_camera a{background: #0180f5;}
    .card-enjoy .grid-top1-col.birthday_service a{background: #57c8e6;}
    .card-enjoy .grid-top1-col.standingthroughtime a{background: #fcece4;}
/**/

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

      .grid-top1-col-head .logo{
        padding-bottom:  36.4%;
        background: no-repeat center;
      }
      .card-enjoy .grid-top1-col.vr .logo{background-image: url(/img/img_enjoy_01.jpg) ;}
      .card-enjoy .grid-top1-col.aozora .logo{background-image: url(/img/img_enjoy_03.jpg) ;}
      .card-enjoy .grid-top1-col.birthday .logo{background-image: url(/img/img_enjoy_05.jpg) ;}
      .card-enjoy .grid-top1-col.night .logo{background-image: url(/img/img_enjoy_07.jpg) ;}
      .card-enjoy .grid-top1-col.photo .logo{background-image: url(/img/img_enjoy_09.jpg) ;}
      .card-enjoy .grid-top1-col.lighting .logo{background-image: url(/img/img_enjoy_11.jpg) ;}
      .card-enjoy .grid-top1-col.srt350 .logo{background-image: url(/img/img_enjoy_rtlogo.jpg) ;}


/**/
      .card-enjoy .grid-top1-col.post .logo{background-image: url(../img/img_enjoy_13.jpg) ;}
      .card-enjoy .grid-top1-col.panoramaguide .logo{background-image: url(../img/img_enjoy_14.jpg) ;}
      .card-enjoy .grid-top1-col.findjapan .logo{background-image: url(../img/img_enjoy_15.jpg) ;}
      .card-enjoy .grid-top1-col.skytreegallery .logo{background-image: url(../img/img_enjoy_16.jpg) ;}
      .card-enjoy .grid-top1-col.wifi .logo{background-image: url(../img/img_enjoy_17.png) ;}
      .card-enjoy .grid-top1-col.skytreeterracetour .logo{background-image: url(../img/img_enjoy_18.png) ;}
      .card-enjoy .grid-top1-col.archives .logo{background-image: url(/img/img_enjoy_19a.jpg) ;}

      .card-enjoy .grid-top1-col.design .logo{background-image: url(../../enjoy/img/img_enjoy_20.png) ;}
      .card-enjoy .grid-top1-col.nightexperience .logo{background-image: url(../../enjoy/img/img_enjoy_32.png) ;}
      .card-enjoy .grid-top1-col.discover .logo{background-image: url(../../enjoy/img/img_enjoy_26.png) ;}
      .card-enjoy .grid-top1-col.photogallery .logo{background-image: url(../../enjoy/img/img_enjoy_28.png) ;}
      .card-enjoy .grid-top1-col.view2200 .logo{background-image: url(../../enjoy/img/img_enjoy_31.png) ;}
      .card-enjoy .grid-top1-col.experience .logo{background-image: url(../../enjoy/img/img_enjoy_34.jpg) ;}
      .card-enjoy .grid-top1-col.tokyofriends .logo{background-image: url(../../enjoy/img/img_enjoy_35.png) ;}
      .card-enjoy .grid-top1-col.child_camera .logo{background-image: url(../../enjoy/img/img_enjoy_36.jpg) ;}
      .card-enjoy .grid-top1-col.birthday_service .logo{background-image: url(../../enjoy/img/img_enjoy_38.jpg) ;}
      .card-enjoy .grid-top1-col.standingthroughtime .logo{background-image: url(../../enjoy/img/img_enjoy_39.jpg) ;}
/**/

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

      .grid-top1-col-head .ttl{
        padding: 0 25px;
        text-align: center;
      }

      .grid-top1-col-head .ttl span{
        display: block;
        padding: 2px 0;
        font-size: 12px;
        color: #fff;
      }
      .card-enjoy .grid-top1-col.vr .ttl span{background: #3ba0a6;}
      .card-enjoy .grid-top1-col.aozora .ttl span{background: #743377;}
      .card-enjoy .grid-top1-col.birthday .ttl span{background: #e25261;}
      .card-enjoy .grid-top1-col.night .ttl span{background: #434343;}
      .card-enjoy .grid-top1-col.photo .ttl span{background: #f69624;}
      .card-enjoy .grid-top1-col.lighting .ttl span{background: #d3b729;}
      .card-enjoy .grid-top1-col.theater .ttl span{background: #f5db26;}
      .card-enjoy .grid-top1-col.srt350 .ttl span{background: #ffe300;color:#000;}
      .card-enjoy .grid-top1-col.design .ttl span{background: #ffe300;color:#000;}

/**/
      .card-enjoy .grid-top1-col.post .ttl span{background: #f0f0f0;color:#ff3a29;}
      .card-enjoy .grid-top1-col.panoramaguide .ttl span{background: #0b6e8b;color:#fff;}
      .card-enjoy .grid-top1-col.findjapan .ttl span{background: #bb4468;color:#fff;}
      .card-enjoy .grid-top1-col.skytreegallery .ttl span{background: #f0f0f0;color:#169d99;}
      .card-enjoy .grid-top1-col.wifi .ttl span{background: #5b7ea4;color:#f0f0f0;}
      .card-enjoy .grid-top1-col.skytreeterracetour .ttl span{background: #fff;color:#00a0e9;}
      .card-enjoy .grid-top1-col.archives .ttl span{background: #fff;color:#b2a08c;}
      .card-enjoy .grid-top1-col.design .ttl span{background: #fff;color:#0062c2;}
      .card-enjoy .grid-top1-col.discover .ttl span{background: #fff;color:#b28b00;}
      .card-enjoy .grid-top1-col.photogallery .ttl span{background: #fff;color:#9bb7cc;}
      .card-enjoy .grid-top1-col.view2200 .ttl span{background: #fff;color:#99ade4;}
      .card-enjoy .grid-top1-col.nightexperience .ttl span{background: #fff;color:#121232;}
      .card-enjoy .grid-top1-col.experience .ttl span{background: #fff;color:#131313;}
      .card-enjoy .grid-top1-col.tokyofriends .ttl span{background: #fff;color:#00a8ea;}
      .card-enjoy .grid-top1-col.child_camera .ttl span{background: #fff;color:#0180f5;}
      .card-enjoy .grid-top1-col.birthday_service .ttl span{background: #fff;color:#57c8e6;}
      .card-enjoy .grid-top1-col.standingthroughtime .ttl span{background: #fff;color:#635e5b;}
/**/

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

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

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

      .grid-top1-col-body .txt.black{
        color: #131313;
      }


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


@media screen and (max-width: 768px) {
  .grid-enjoy{}
    .grid-enjoy-col,
    .grid-enjoy-col:nth-child(3n+3){
      float: none;
      width: auto;
      margin: 0 0 10px;
    }

  .card-enjoy{
    padding-right: 0;
    /* pdding-right: 0; */
  }

    .card-enjoy .grid-top1-col{
      float: none;
      width: 100%;
      margin: 0 0 12px 0;

    }

    .card-enjoy .grid-top1-col:nth-of-type(3n){
      margin-right: 0
    }

    .card-enjoy .grid-top1-col a{
      -webkit-border-radius: 12px;
      border-radius: 12px;
    }

    .grid-top1-col-head .logo{
        padding-bottom: 23%;
        background-size: 100% auto;
    }
      .card-enjoy .grid-top1-col.vr .logo{background-image: url(/enjoy/img/card_enjoy_01_sp.jpg) ;}
      .card-enjoy .grid-top1-col.aozora .logo{background-image: url(/enjoy/img/card_enjoy_02_sp.jpg) ;}
      .card-enjoy .grid-top1-col.birthday .logo{background-image: url(/enjoy/img/card_enjoy_03_sp.jpg) ;}
      .card-enjoy .grid-top1-col.night .logo{background-image: url(/enjoy/img/card_enjoy_04_sp.jpg) ;}
      .card-enjoy .grid-top1-col.photo .logo{background-image: url(/enjoy/img/card_enjoy_05_sp.jpg) ;}
      .card-enjoy .grid-top1-col.lighting .logo{background-image: url(/enjoy/img/card_enjoy_06_sp.jpg) ;}
      .card-enjoy .grid-top1-col.srt350 .logo{background-image: url(/enjoy/img/card_enjoy_rtlogo_sp.png) ;}
      .card-enjoy .grid-top1-col.wifi .logo{background-image: url(/enjoy/img/card_enjoy_17_sp.png) ;}
      .card-enjoy .grid-top1-col.skytreeterracetour .logo{background-image: url(/enjoy/img/card_enjoy_18_sp.png) ;}
      .card-enjoy .grid-top1-col.design .logo{background-image: url(/enjoy/img/card_enjoy_20_sp.png) ;}
      .card-enjoy .grid-top1-col.discover .logo{background-image: url(/enjoy/img/card_enjoy_26_sp.png) ;}
      .card-enjoy .grid-top1-col.photogallery .logo{background-image: url(/enjoy/img/card_enjoy_28_sp.png) ;}


/**/
      .card-enjoy .grid-top1-col.post .logo{background-image: url(/enjoy/img/card_enjoy_13_sp.jpg) ;}
      .card-enjoy .grid-top1-col.panoramaguide .logo{background-image: url(/enjoy/img/card_enjoy_14_sp.jpg) ;}
      .card-enjoy .grid-top1-col.findjapan .logo{background-image: url(/enjoy/img/card_enjoy_15_sp.jpg) ;}
      .card-enjoy .grid-top1-col.skytreegallery .logo{background-image: url(/enjoy/img/card_enjoy_16_sp.jpg) ;}
      .card-enjoy .grid-top1-col.wifi .logo{background-image: url(/enjoy/img/card_enjoy_17_sp.png) ;}
      .card-enjoy .grid-top1-col.skytreeterracetour .logo{background-image: url(/enjoy/img/card_enjoy_18_sp.png) ;}
      .card-enjoy .grid-top1-col.archives .logo{background-image: url(/enjoy/img/card_enjoy_19_sp.jpg) ;}
      .card-enjoy .grid-top1-col.design .logo{background-image: url(/enjoy/img/card_enjoy_20_sp.png) ;}
      .card-enjoy .grid-top1-col.discover .logo{background-image: url(/enjoy/img/card_enjoy_26_sp.png) ;}
      .card-enjoy .grid-top1-col.photogallery .logo{background-image: url(/enjoy/img/card_enjoy_28_sp.png) ;}
      .card-enjoy .grid-top1-col.view2200 .logo{background-image: url(/enjoy/img/card_enjoy_31_sp.png) ;}
      .card-enjoy .grid-top1-col.experience .logo{background-image: url(/enjoy/img/card_enjoy_34_sp.jpg) ;}
      .card-enjoy .grid-top1-col.birthday_service .logo{background-image: url(../../enjoy/img/card_enjoy_38_sp.jpg) ;}
      .card-enjoy .grid-top1-col.standingthroughtime .logo{background-image: url(../../enjoy/img/card_enjoy_39_sp.jpg) ;}
/**/



      .grid-top1-col-head .ttl{
        padding: 0;
        text-align: center;
      }

      .grid-top1-col-head .ttl span{
        display: block;
        padding: 2px 0;
        font-size: 12px;
        color: #fff;
      }
      .card-enjoy .grid-top1-col.vr .ttl span{background: #3ba0a6;}
      .card-enjoy .grid-top1-col.aozora .ttl span{background: #743377;}
      .card-enjoy .grid-top1-col.birthday .ttl span{background: #e25261;}
      .card-enjoy .grid-top1-col.night .ttl span{background: #434343;}
      .card-enjoy .grid-top1-col.photo .ttl span{background: #f69624;}
      .card-enjoy .grid-top1-col.lighting .ttl span{background: #d3b729;}
      .card-enjoy .grid-top1-col.theater .ttl span{background: #f5db26;}
      .card-enjoy .grid-top1-col.design .ttl span{background: #f5db26;}
/**/

      .card-enjoy .grid-top1-col.post .ttl span{background: #f0f0f0;color:#ff3a29;}
      .card-enjoy .grid-top1-col.panoramaguide .ttl span{background: #0b6e8b;color:#fff;}
      .card-enjoy .grid-top1-col.findjapan .ttl span{background: #bb4468;color:#fff;}
      .card-enjoy .grid-top1-col.skytreegallery .ttl span{background: #f0f0f0;color:#169d99;}
      .card-enjoy .grid-top1-col.wifi .ttl span{background: #5b7ea4;color:#f0f0f0;}
      .card-enjoy .grid-top1-col.archives .ttl span{background: #f0f0f0;color:#b2a08c;}
      .card-enjoy .grid-top1-col.design .ttl span{background: #f0f0f0;color:#0062c2;}
      .card-enjoy .grid-top1-col.discover .ttl span{background: #f0f0f0;color:#b28b00;}
      .card-enjoy .grid-top1-col.photogallery .ttl span{background: #f0f0f0;color:#9bb7cc;}
      .card-enjoy .grid-top1-col.view2200 .ttl span{background: #f0f0f0;color: #99ade4;}
      .card-enjoy .grid-top1-col.experience .ttl span{background: #f0f0f0;color: #131313;}
/**/

      .grid-top1-col-body{
        padding: 12px;
        overflow: hidden;
      }

      .grid-top1-col-body .txt{
        float: right;
        width: 65%;
        padding-left:12px;
        font-size: 12px;
      }


      .grid-top1-col-body img{
        float:left;
        width: 35%;
        margin-top: 0;

      }
}

/* Grid
---------------------------------------------------------- */
.grid-aozora{
  margin: 0 -15px;
}
  .grid-aozora-col{
    float:left;
    width: 50%;
    padding: 0 15px;
  }

    .txt-aozora-01 {
      margin-bottom: 35px;
  }

@media screen and (max-width: 768px) {
  .grid-aozora{
    margin: 0;
  }
    .grid-aozora-col{
      float: none;
      width: 100%;
      padding: 0;
    }

    .txt-aozora-01{
      margin-bottom: 15px;
    }


}


/* Box
---------------------------------------------------------- */
.box-aozora{
  overflow:hidden;
  border:1px solid #d9d9d9;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
  .box-aozora-ttl{
    padding: 13px 20px;
    background-color:#ddd;
    line-height: 2;
    font-weight:bold;
  }
    .box-aozora-ttl .txt-01{
      color:#0070c0;
    }
  .box-aozora-content{
    padding: 20px 25px;
    font-size: 14px;
  }
@media screen and (max-width: 768px) {
  .box-aozora{}
    .box-aozora-ttl{
      padding: 5px 10px;
      line-height: 1.4;
    }
    .box-aozora-content{
      padding: 12px;
      font-size: 12px;
    }
}

.sec-aozora-01{
  margin-bottom: 60px;
}
.mainimg-aozora{
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .sec-aozora-01{
    margin-bottom: 25px;
  }
  .mainimg-aozora{
    margin-bottom: 15px;
  }
    .mainimg-aozora img{
      width: 100%;
      height:auto;
    }
}

.fig-enjoy{}
  .fig-enjoy figcaption{
    padding: 10px 0 0;
    font-size: 14px;
  }

@media screen and (max-width: 768px) {
.fig-enjoy{}
  .fig-enjoy figcaption{
    padding: 10px 0 15px;
    font-size: 12px;
    line-height: 1;
  }
}