@charset "UTF-8";

/* ------------------------------------------
Common
------------------------------------------ */
.asterisk{bottom:0.3em;font-size:80%;padding-right:0;position:relative;vertical-align:top;}
.bold{font-weight:bold;}
.sas-r{bottom:0.3em;padding-right:0px;font-size:80%;vertical-align:top;}
.amex_reg{color:#666;font-size:12px;margin:10px 0 20px;}
.posR{position:relative}
.posA{position:absolute}
.noteList_star_num{font-size:14px;line-height:18px;}
.noteList_star_num>li{padding-left:23px;}
.noteList_star_num>li>span.listMark{display:inline-block;margin-left:-23px;width:23px;}
.contents .bigTtl{background:#49906a no-repeat center top;width:100%;position:relative;top:-1px;}
.card_st1__block{margin-left:-30px;}
.card_st1__block .noteList{font-size:12px;}
.card_st1__block .card_st1__box{width:460px;float:left;margin-left:30px;margin-top:30px;background-color:#eaeaea;}
.card_st1__block .card_st1__box .cardname{color:#fff;background-color:#666666;text-align:center;padding:10px 0;font-size:18px;font-weight:bold;}
.card_st1__block .card_st1__box .cardname span{vertical-align:middle;}
.card_st1__block .card_st1__box .card_st1__box_inner{padding:17px 20px 20px;}
.card_st1__block .card_st1__box .card_st1__box_inner .txt{font-size:18px;text-align:center;}
.card_st1__block .card_st1__box .card_st1__box_inner .txt p{line-height:1.4em}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume{background-color:#fff;margin-bottom:20px;margin-top:17px;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt1{display:inline-block;background:url(/jalcard/card/img/03/bg_arrow_g_right.png) right center no-repeat #cccccc;line-height:48px;height:48px;padding-right:20px;padding-left:20px;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt2{line-height:48px;height:48px;color:#c11a00;padding-left:20px;}
.card_st1__block .card_st1__box .card_st1__box_inner .cardimage{width:190px;float:left;}
.card_st1__block .card_st1__box .card_st1__box_inner .cardimage img{width:100%;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info{width:195px;float:right;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1{border:1px solid #cc0000;text-align:center;margin-bottom:5px;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1 span{color:#cc0000;vertical-align:middle;font-size:13px;}
.card_st1__block .card_st1__box .card_st1__box_inner .appeal_txt_st1_2{clear:both;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee{font-size:16px;line-height:1.5em;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee .title{font-weight:bold;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee2{line-height:1.35em;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn{clear:both;padding-top:15px;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn>span{width:198px;display:inline-block;margin-left:18px;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn>span:first-child{margin-left:0;}

/* ------------------------------------------
element
------------------------------------------ */
body{font-size:14px;line-height:1.4;}
@media only screen and (max-width:768px){
  body{font-size:12px;}
}
img{max-width:100%;height:auto;vertical-align:top;}
img.normal{max-width:none;height:auto;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-weight:bold;font-style:normal;}
sub,sup{font-size:8px;}
sup{vertical-align:top;}
.small{font-size:85%;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
img.w100{width:100%;}

/* box-shadow */
.box_shadow{-moz-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.6);-webkit-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.6);box-shadow:0px 9px 9px 0px rgba(0,0,0,0.6);}
.box_shadow_inset{-moz-box-shadow:0px 9px 9px -10px rgba(0,0,0,0.6) inset;-webkit-box-shadow:0px 9px 9px -10px rgba(0,0,0,0.6) inset;box-shadow:0px 9px 9px -10px rgba(0,0,0,0.6) inset;}
@media only screen and (max-width:768px){
  .pc{display:none!important;}
}
.sp{display:none!important;}
@media only screen and (max-width:768px){
  .sp{display:block!important;}
  .mt10{margin-top:10px;}
  .mt20{margin-top:20px;}
  .mt30{margin-top:30px!important;}
  .mt40{margin-top:40px!important;}
  .mt50{margin-top:50px!important;}
}

/* ------------------------------------------
layout
------------------------------------------ */
#wrapper{margin:0 auto;padding:0;}
@media only screen and (max-width:768px){
  #wrapper{min-width:0;}
}
.inner{width:950px;margin:0 auto;}
@media only screen and (max-width:768px){
  .inner{width:auto;}
}
.flex_container{display:flex;flex-wrap:wrap;}
.flex_item img{display:block;width:100%;height:auto;}

/* ------------------------------------------
module
------------------------------------------ */
.dot01{background:url("/milenet/jalcardlife/hotelnikko/img/dot_01.png") repeat;}
.dot02{background:url("/milenet/jalcardlife/hotelnikko/img/dot_02.png") repeat;}
.dot03{background:url("/milenet/jalcardlife/hotelnikko/img/dot_03.png") repeat;}
.bg01{background:url("/milenet/jalcardlife/hotelnikko/img/bg_01.png") center center repeat;}
.bg02{background:url("/milenet/jalcardlife/hotelnikko/img/bg_02.png") center center repeat;}
.bg03{background:url("/milenet/jalcardlife/hotelnikko/img/bg_03.png") center center repeat;}
.annotation{margin-top:10px;font-size:12px;}
.annotation--indent{text-indent:-1em;margin-left:1em;}
@media only screen and (max-width:768px){
  .annotation{font-size:10px;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* ------------------------------------------
header
------------------------------------------ */
.global_header{background:#fff url("/milenet/jalcardlife/hotelnikko/img/grand-nikko-tokyo-daiba/pc/bg_header.jpg") no-repeat center top;background-size:cover;position:relative;}
.global_header__inner{padding-top:38px;padding-bottom:400px;}
.global_header__heading{text-align:left;}
.global_header__headingTitle{margin-top:70px;margin-left:-25px;}
.global_header__list{display:flex;justify-content:center;}
.global_header__headingTitle img{transition:transform .4s ease;}
.global_header__headingTitle{animation:fadeIn 5s ease;}
.global_header__bar p.info{animation:fadeIn 3s ease;}
.global_header__bar{position:absolute;width:100%;height:45px;box-sizing:border-box;background:#342603 url("/milenet/jalcardlife/hotelnikko/img/ttl_header_bg.png") no-repeat center top;top:0;left:0;}
.global_header__bar .logo{float:left;margin-top:6px;}
.global_header__bar .info{float:right;margin-top:9px;}
.global_header .facility{float:right;margin-top:20px;background-color:rgba(11,3,5,1);}
.global_header .facility a{color:#fff;display:block;padding:6px 22px;text-decoration:none;}
.global_header .facility:hover{background-color:rgba(11,3,5,0.8);text-decoration:none;}
.global_header__block{position:absolute;width:100%;padding-top:15px;padding-bottom:15px;box-sizing:border-box;text-align:center;background-color:rgba(0,0,0,0.8);bottom:60px;left:0;}
.global_header__news{display:table;box-sizing:border-box;}
.global_header__news .global_header__newsTitle{color:#fff;box-sizing:border-box;display:table-cell;vertical-align:middle;padding:5px 20px;}
.global_header__news .global_header__newsTitle img{width:120px;}
.global_header__news .global_header__newsText{color:#fff;box-sizing:border-box;display:table-cell;vertical-align:middle;padding:5px;margin:0 10px;}
.global_header__news .global_header__newsText dt{clear:left;display:block;text-align:left;padding:1px 0;min-width:92px;float:left;}
.global_header__news .global_header__newsText dd{display:block;text-align:left;padding:0 0 8px;float:left;}
.global_header__news .global_header__newsText dd:last-of-type{padding:0;}
.global_header__news .global_header__newsText li{text-align:left;padding:5px 0;}
.global_header__news .global_header__newsText a{color:#fff;}
@media only screen and (max-width:768px){
  .global_header{background:#fff url("/milenet/jalcardlife/hotelnikko/img/grand-nikko-tokyo-daiba/sp/bg_header.jpg") no-repeat center center;background-size:cover;}
  .global_header__inner{padding:20px 20px 200px 10px;}
  .global_header .facility{float:none;border:1px solid #fff;font-size:16px;letter-spacing:.18em;width:72%;margin:50px auto;}
  .global_header .facility a{color:#fff;padding:12px 20px;display:block;text-decoration:none;}
  .global_header__headingTitle{margin-top:20px;margin-left:-18px;}
  .global_header__block{padding-top:25px;padding-bottom:0;box-sizing:border-box;background-color:#fff;position:relative;}
  .global_header__news{display:block;}
  .global_header__news .global_header__newsTitle{text-align:center;margin:20px auto 30px;display:block;}
  .global_header__news .global_header__newsTitle img{width:160px;}
  .global_header__news .global_header__newsText{color:#333;display:block;text-align:center;}
  .global_header__news .global_header__newsText dt{min-width:80px;}
  .global_header__news .global_header__newsText dd{font-size:14px;}
  .global_header__news .global_header__newsText li{text-align:left;padding:4px 0;}
  .global_header__news .global_header__newsText a{color:#333;}
}
@media only screen and (max-width:768px){
  .global_header img.jal_logo{width:30%;min-width:132px;height:auto;}
}

/* ------------------------------------------
section
------------------------------------------ */
#section01,#section02,#section03{position:relative;overflow:hidden;margin:0;}
.ttl_section img{position:absolute;top:0;left:50%;margin-left:-1483px;z-index:99;}
.ttl_section01{background:url("/milenet/jalcardlife/hotelnikko/img/grand-nikko-tokyo-daiba/pc/ttl_section01.png") center top no-repeat;}
.ttl_section02{background:url("/milenet/jalcardlife/hotelnikko/img/grand-nikko-tokyo-daiba/pc/ttl_section02.png") center top no-repeat;}
.ttl_section03{background:url("/milenet/jalcardlife/hotelnikko/img/grand-nikko-tokyo-daiba/pc/ttl_section03.png") center top no-repeat;}
.section01,.section02,.section03{position:relative;min-height:300px;}
.section01 .inner{margin-top:100px;}
#section01 table.w100p{width:100%;}
#section01 table td.w20p{width:20%;border-top:1px solid #a5803a;}
#section01 table td.w60p{width:60%;}
.section01E{margin-bottom:100px;}
.section01E,.section01B{box-sizing:border-box;border:1px solid #a5803a;border-top:none;color:#fff;text-align:center;padding:50px;}
.section01E .flex_container .flex_item,.section01B .flex_container .flex_item,.section01R .flex_container .flex_item{width:270px;margin-left:10px;margin-bottom:10px;}
.section01E h3,.section01B h3{margin-top:-64px;}
.section01E h4,.section01B h4{margin-top:40px;}
.section01B p{margin:40px auto 20px;line-height:1.8;}
.section01E p,.section01R p{margin:10px auto 20px;line-height:1.8;}
.section01R{color:#fff;text-align:center;margin:30px 0 50px;padding:50px;}
.section03 .section03__txt{padding:20px;display:flex;justify-content:space-between;}
.section03 .section03__txt .section03_info{margin:0 auto;font-size:16px;line-height:1.8;padding:20px;flex:2;}
.section03 .section03__txt .section03_img{flex:1;margin-top:-80px;}
.section03 .btn_website{margin:40px auto 100px;text-align:center;border:1px solid #9e9e9e;max-width:640px;}
.section02_1{background:url("/milenet/jalcardlife/hotelnikko/img/bg_01.png") center center repeat;padding:70px 10px 90px;position:relative;}
#section01 .section__headerTitle img,#section02 .section__headerTitle img,#section03 .section__headerTitle img{width:100%;text-align:center;}
.section02_1 .other{margin:0 auto;text-align:center;}
.section02_1 .other .ttl_other{margin:0 auto 70px;}
@media only screen and (max-width:768px){
  .section01 .inner{margin-top:10px;}
  .section01E{margin-bottom:0;}
  .section01E,.section01B{margin-top:30px;text-align:center;border:none;padding:50px 20px;}
  .section01B{margin-top:0;}
  .section01E .flex_container,.section01B .flex_container,.section01R .flex_container{margin-left:-2%;}
  .section01E .flex_container .flex_item,.section01B .flex_container .flex_item,.section01R .flex_container .flex_item{width:48%;margin-left:2%;margin-bottom:10px;}
  .section01E h3,.section01B h3{margin-top:0;}
  .section01E h4,.section01B h4{margin-top:50px;padding:0 20px;}
  .section01B p{margin:30px auto 20px;line-height:1.8;}
  .section01E p{margin:10px auto 20px;line-height:1.8;}
  .section01R{color:#fff;text-align:center;margin:0 0 50px;padding:50px 20px;}
  .section01R h3{margin-bottom:30px;}
  .section02_1{padding:80px 10px 90px;}
  .section02_1 .other{margin:0 auto;width:88%;text-align:center;}
  .section02_1 .other img.okura_logo{width:220px;}
  .section03 .section03__txt{margin:0 auto;}
  .section03 .section03__txt .section03_info{font-size:14px;line-height:1.8;}
  .section03 .btn_website{margin:20px auto 80px;text-align:center;max-width:88%;}
  .section__headerTitle{position:relative;z-index:0;}
}
.wrap_other_box{display:flex;flex-wrap:wrap;  /*justify-content: space-between;
    align-content: space-between;*/justify-content:space-around;align-content:space-around;}
.wrap_other_box:after{content: "";display: block;width: 295px;height: 0;}
  .other_box{text-align:left;width:295px;margin-bottom:20px;}
  .other_box h5{font-weight:bold;margin-top:10px;font-size:110%;}
  .other_box p{margin-top:3px;}
  @media only screen and (max-width:768px){
    .section02_1 .other .ttl_other{margin:0 auto 70px;}
    .wrap_other_box{flex-direction:column;}
    .wrap_other_box:after{width: 100%;}
    .other_box{text-align:left;width:100%;}
    .other_box .ob_img{float:left;width:40%;}
    .other_box .ob_txt{float:left;width:55%;margin-left:5%;}
    .other_box h5{margin-top:0;}
  }

  /* ------------------------------------------
  pagetop
  ------------------------------------------ */
  #page_top{height:40px;right:40px;bottom:84px;cursor:pointer;position:fixed;z-index:999;display:none;}
  #page_top:hover{opacity:.85;filter:alpha(opacity=85);-ms-filter:"alpha(opacity=85)";-khtml-opacity:.85;-moz-opacity:.85;}
  #page_top a{display:block;width:100%;height:100%;}
  @media only screen and (max-width:768px){
    #page_top{right:15px;bottom:80px;}
  }

  /* ------------------------------------------
  footer
  ------------------------------------------ */
  .footer_section01{padding:75px 10px;background:#e3e3e3 url("/milenet/jalcardlife/hotelnikko/img/bg_01.png") repeat center top;}
  .footer_section01 .other{margin:0 auto;padding:30px;width:740px;border:1px solid #b5b5b5;text-align:center;}
  .footer_section01 .other .txt_other{margin:0 auto 20px;}
  .footer_section01 .other img.okura_logo{width:260px;}
  .footer_section01 ul.other_link{padding:20px 0;text-align:left;line-height:1.8;}
  @media only screen and (max-width:768px){
    .footer_section01{padding:30px 0;}
    .footer_section01 .other{margin:0 auto;width:68%;border:1px solid #b5b5b5;text-align:center;}
    .footer_section01 .other img.okura_logo{width:220px;}
    .footer_section01 ul.other_link{padding:20px;text-align:left;line-height:1.4;}
    .footer_section01 ul.other_link li{font-size:14px;}
  }
  .footer_section02{padding:35px 10px;background:#e3e3e3 url("/milenet/jalcardlife/hotelnikko/img/bg_02.png") repeat center top;}
  .footer_section02 .osusume{display:table;margin:20px auto;width:65%;box-sizing:border-box;}
  .footer_section02 .osusume dd,.footer_section02 .osusume dt{padding:0;height:50px;box-sizing:border-box;display:table-cell;vertical-align:middle;}
  .footer_section02 .osusume>dt{text-align:center;width:120px;}
  .footer_section02 .osusume>dd{flex:2;padding-left:50px;}
  .footer_section02 .osusume img.osu_img01{width:120px;}
  .footer_section02 .osusume img.osu_img02{width:70px;}
  .footer_section02 .osusume img.osu_img03{width:60px;}
  @media only screen and (max-width:768px){
    .footer_section02 .osusume{width:98%;}
    .footer_section02 .osusume dd,.footer_section02 .osusume dt{padding:0 10px;}
    .footer_section02 .osusume>dt{width:120px;}
    .footer_section02 .osusume>dd{padding-left:20px;}
  }
  .footer_section03{padding:50px;background:#e3e3e3 url("/milenet/jalcardlife/hotelnikko/img/bg_03.png") repeat center top;text-align:center;}
  .footer_copyright{padding:10px 0;background:#000;color:#838383;text-align:center;}
  .footer_copyright .copyright{font-size:12px;}
  @media only screen and (max-width:768px){
    .footer_copyright{padding:10px;}
    .footer_section03{padding:60px 50px;background:#e3e3e3 url("/milenet/jalcardlife/hotelnikko/img/bg_03.png") repeat center top;text-align:center;}
  }
  @media only screen and (max-width:480px){
    .footer_section03{padding:80px 50px;}
  }
  @media only screen and (max-width:360px){
    .footer_section03{padding:100px 50px;}
  }

  /* ------------------------------------------
  modal
  ------------------------------------------ */
  #lean_overlay{position:fixed;z-index:1000;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
  .modal_btn{text-align:right;margin:25px;}
  .modal_block{display:none;width:100%;overflow:scroll;overflow-x:hidden;padding:0;}
  .modal_images_content{color:#fff;width:100%;margin:0 auto;}
  .modal_images_content li{margin-bottom:10px;}
  .modal_images_content p.modal_images_txt{padding:5px 10px 10px;color:#fff;text-align:center;}
  .modal_news_content{padding:40px;color:#fff;width:80%;max-width:400px;margin:0 auto;}
  .modal_news_img img,.modal_images_img img{width:100%;}
  .modal_news_txt{margin-top:10px;}
  .modal_news_txt p{line-height:1.8;}
  .modal_news_txt .date{font-size:80%;}
  .modal_navi_content{padding:40px;color:#fff;width:80%;max-width:600px;margin:0 auto;text-align:center;}
  .modal_navi_content h3{font-size:28px;font-weight:normal;}
  .modal_navi_content h4{color:#000;font-size:22px;font-weight:normal;background:rgba(255,255,255,0.7);padding:10px;margin-top:50px;}
  .modal_navi_content ul{margin-top:20px;}
  .modal_navi_content li a{color:#fed591;font-size:18px;display:block;padding:10px;}
  .modal_navi_content p{margin-top:50px;line-height:1.8;}

  /* ------------------------------------------
  slider
  ------------------------------------------ */
  div.info_inSlide{position:absolute;bottom:40px;left:50%;margin-left:-459px;padding:12px;width:380px;height:auto;background:rgba(0,0,0,.7);color:#fff;line-height:1.6;}
  div.info_inSlide li img{width:120px;height:84px;}
  div.info_inSlide a:hover{opacity:.85;}
  div.info_inSlide li.active img{box-sizing:border-box;border:3px solid #b28850;opacity:1;}
  div.controlWrap{width:920px;display:block;position:relative;margin:-84px auto 100px;z-index:99;}

  /* div.controlWrap p#PrevIcon a {
    display: block;
    width: 12px;
    height: 25px;
    position: absolute;
    background: url("/milenet/jalcardlife/hotelnikko/img/btn_prev.png") no-repeat left center;
    color: #fff;
    top: 60px;
    left: -30px;
    text-indent: -9999px;
  }

  div.controlWrap p#NextIcon a {
    display: block;
    width: 12px;
    height: 25px;
    position: absolute;
    background: url("/milenet/jalcardlife/hotelnikko/img/btn_next.png") no-repeat left center;
    color: #fff;
    top: 60px;
    right: -30px;
    text-indent: -9999px;
  } */
  div.controlWrap li img{width:215px;height:155px;}
  div.controlWrap a:hover{opacity:.85;}
  div.controlWrap a.active img{box-sizing:border-box;border:6px solid #b28850;opacity:1;}