@charset 'UTF-8';

/* ------------------------------------------
Common
------------------------------------------ */
.asterisk{font-size:80%;position:relative;bottom:.3em;padding-right:0;vertical-align:top;}
.bold{font-weight:bold;}
.sas-r{font-size:80%;bottom:.3em;padding-right:0;vertical-align:top;}
.amex_reg{font-size:12px;margin:10px 0 20px;color:#666;}
.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;width:23px;margin-left:-23px;}
.contents .bigTtl{position:relative;top:-1px;width:100%;background:#49906a no-repeat center top;}
.card_st1__block{margin-left:-30px;}
.card_st1__block .noteList{font-size:12px;}
.card_st1__block .card_st1__box{float:left;width:460px;margin-top:30px;margin-left:30px;background-color:#eaeaea;}
.card_st1__block .card_st1__box .cardname{font-size:18px;font-weight:bold;padding:10px 0;text-align:center;color:#fff;background-color:#666;}
.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{margin-top:17px;margin-bottom:20px;background-color:#fff;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt1{line-height:48px;display:inline-block;height:48px;padding-right:20px;padding-left:20px;background:url(/jalcard/card/img/03/bg_arrow_g_right.png) right center no-repeat #ccc;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt2{line-height:48px;height:48px;padding-left:20px;color:#c11a00;}
.card_st1__block .card_st1__box .card_st1__box_inner .cardimage{float:left;width:190px;}
.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{float:right;width:195px;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1{margin-bottom:5px;text-align:center;border:1px solid #c00;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1 span{font-size:13px;vertical-align:middle;color:#c00;}
.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{display:inline-block;width:198px;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{-webkit-box-shadow:0 9px 9px 0 rgba(0,0,0,.6);-moz-box-shadow:0 9px 9px 0 rgba(0,0,0,.6);box-shadow:0 9px 9px 0 rgba(0,0,0,.6);}
.box_shadow_inset{-webkit-box-shadow:0 9px 9px -10px rgba(0,0,0,.6) inset;-moz-box-shadow:0 9px 9px -10px rgba(0,0,0,.6) inset;box-shadow:0 9px 9px -10px rgba(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;justify-content:flex-start;}
.flex_item img{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;}
.dot04{background:url('/milenet/jalcardlife/hotelnikko/img/dot_04.png') repeat;}
.dot05{background:url('/milenet/jalcardlife/hotelnikko/img/hotel-jal-city-nagoya-nishiki/dot_05.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{font-size:12px;margin-top:10px;}
.annotation--indent{margin-left:1em;text-indent:-1em;}
@media only screen and (max-width:768px){
  .annotation{font-size:10px;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* ------------------------------------------
header
------------------------------------------ */
.global_header{position:relative;background:#fff url('/milenet/jalcardlife/hotelnikko/img/hotel-jal-city-nagoya-nishiki/pc/bg_header.jpg') no-repeat bottom center;background-size:cover;}
.global_header__inner{padding-top:38px;padding-bottom:520px;}
.global_header__heading{text-align:left;}
.global_header__headingTitle{margin-top:70px;margin-left:-12px;padding-top:10px;}
.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;top:0;left:0;box-sizing:border-box;width:100%;height:45px;background:#342603 url('/milenet/jalcardlife/hotelnikko/img/ttl_header_bg.png') no-repeat center top;}
.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{display:block;padding:6px 22px;text-decoration:none;color:#fff;}
.global_header .facility:hover{text-decoration:none;background-color:rgba(11,3,5,.8);}
.global_header__block{position:absolute;bottom:60px;left:0;box-sizing:border-box;width:100%;padding-top:15px;padding-bottom:15px;text-align:center;background-color:rgba(0,0,0,.8);}
.global_header__news{display:table;box-sizing:border-box;}
.global_header__news .global_header__newsTitle{display:table-cell;box-sizing:border-box;padding:5px 20px;vertical-align:middle;color:#fff;}
.global_header__news .global_header__newsTitle img{width:120px;}
.global_header__news .global_header__newsText{display:table-cell;box-sizing:border-box;margin:0 10px;padding:5px;vertical-align:middle;color:#fff;}
.global_header__news .global_header__newsText dt{display:block;float:left;clear:left;min-width:92px;padding:1px 0;text-align:left;}
.global_header__news .global_header__newsText dd{display:block;float:left;padding:0 0 8px;text-align:left;}
.global_header__news .global_header__newsText dd:last-of-type{padding:0;}
.global_header__news .global_header__newsText li{padding:5px 0;text-align:left;}
.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/hotel-jal-city-nagoya-nishiki/sp/bg_header.jpg') no-repeat left top;background-size:cover;}
  .global_header__inner{padding:20px 10px 200px 10px;}
  .global_header .facility{font-size:16px;float:none;width:72%;margin:50px auto;letter-spacing:.18em;border:1px solid #fff;}
  .global_header .facility a{display:block;padding:12px 20px;text-decoration:none;color:#fff;}
  .global_header__heading{text-align:left;}
  .global_header__headingTitle{margin-top:0;margin-right:10%;margin-left:-20px;}
  .global_header__block{position:relative;box-sizing:border-box;margin-top:0;padding-top:10vw;padding-bottom:0;background-color:#fff;}
  .global_header__news{display:block;}
  .global_header__news .global_header__newsTitle{display:block;margin:20px auto 6vw;text-align:center;}
  .global_header__news .global_header__newsTitle img{width:160px;}
  .global_header__news .global_header__newsText{display:block;text-align:center;color:#333;}
  .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{padding:4px 0;text-align:left;}
  .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;z-index:99;top:0;left:50%;margin-left:-1483px;}
.ttl_section01{background:url('/milenet/jalcardlife/hotelnikko/img/hotel-jal-city-nagoya-nishiki/pc/ttl_section01.png') center top no-repeat;}
.ttl_section02{background:url('/milenet/jalcardlife/hotelnikko/img/hotel-jal-city-nagoya-nishiki/pc/ttl_section02.png') center top no-repeat;}
.ttl_section03{background:url('/milenet/jalcardlife/hotelnikko/img/hotel-jal-city-nagoya-nishiki/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%;}
.section01P,.section01E{box-sizing:border-box;padding:50px;text-align:center;color:#fff;border:1px solid #a5803a;border-top:none;}
.section01S{box-sizing:border-box;margin-bottom:50px;padding:50px;text-align:center;color:#fff;border-top:none;}
.section01P .flex_container .flex_item,.section01E .flex_container .flex_item,.section01S .flex_container .flex_item{width:270px;margin-bottom:10px;margin-left:10px;}
.section01P h3,.section01E h3{margin-top:-64px;margin-bottom:50px;}
.section01S h3{margin-top:30px;margin-bottom:30px;}
.section01P h4,.section01E h4,.section01S h4{margin-top:40px;}
.section01P p,.section01E p,.section01S p{line-height:1.8;margin:20px auto;}
.section03 .section03__txt{display:flex;padding:20px;justify-content:space-between;}
.section03 .section03__txt .section03_info{font-size:16px;line-height:1.8;margin:0 auto;padding:20px;flex:2;}
.section03 .section03__txt .section03_img{margin-top:-80px;flex:1;}
.section03 .btn_website{max-width:440px;margin:40px auto 100px;text-align:center;border:1px solid #9e9e9e;}
.section02_1{position:relative;padding:70px 10px 90px;background:url('/milenet/jalcardlife/hotelnikko/img/bg_01.png') center center repeat;}
#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;}
.section03 .section__inner{margin:0 auto;}
.section03 .section__inner .inner{padding:200px 15px 0;}
.section03 .section__inner .flex_container .flex_item:nth-child(1){margin-right:50px;}
.section03 .section__inner .flex_container .flex_item{font-size:16px;line-height:1.8;position:relative;text-align:left;}
.section03 .section__inner .flex_container .flex_item .ob_txt{position:relative;display:block;}
.section03 .section__inner .flex_container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.section03 .section__inner .flex_container .flex_item{order:0;flex:1;align-self:auto;}
@media screen and (max-width:768px){
  .section03 .section__inner .flex_container{flex-direction:column;justify-content:flex-start;}
  .section03 .section__inner .flex_container .flex_item img{display:block;width:100%;height:auto;}
  .section03 .section__inner .flex_container .flex_item:nth-child(1){height:auto;margin-right:0;}
}
#section03 h3{margin-top:-12px;}
#section03 table.w100p{width:100%;}
#section03 table td.w20p{width:20%;border-top:1px solid #a5803a;}
#section03 table td.w60p{width:60%;}
@media only screen and (max-width:768px){
  .section01 .inner{margin-top:10px;}
  .section01P{margin-top:30px;}
  .section01E{margin-top:0;}
  .section01S{margin-top:0;margin-bottom:8vw;}
  .section01P,.section01E,.section01S{padding:20px;text-align:center;border:none;}
  .section01P .flex_container,.section01E .flex_container,.section01S .flex_container{margin-left:-2%;}
  .section01P .flex_container .flex_item,.section01E .flex_container .flex_item,.section01S .flex_container .flex_item{width:48%;margin-bottom:10px;margin-left:2%;}
  .section01P h3,.section01E h3,.section01S h3{margin-top:0;margin-bottom:20px;}
  .section01P h4,.section01E h4,.section01S h4{margin-top:50px;padding:0 20px;}
  .section02_1{padding:14vw 10px;}
  .section02_1 .other{width:88%;margin:0 auto;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 .section__inner .inner{margin:4vw auto 0;padding:10px;}
  .section03 .section__inner .flex_container .flex_item img{margin-left:0;}
  .section03 .section__inner .flex_container .flex_item .ob_txt{font-size:13px;margin:20px 0 20px;text-align:left;}
  .section03 .btn_website{max-width:88%;margin:20px auto 80px;text-align:center;}
  .section__headerTitle{position:relative;z-index:0;}
  .section03 .section03__txt .section03_img{margin-top:-20px;flex:1;}
  #section03 h3{margin-top:-10px;}
  #section03 h3 img{width:auto;height:18px;}
  #section03 table td.w20p{width:10%;}
  #section03 table td.w60p{width:80%;}
}
@media only screen and (max-width:480px){
  #section03 h3{margin-top:-8px;}
  #section03 h3 img{width:auto;height:14px;}
  #section03 table td.w20p{width:5%;}
  #section03 table td.w60p{width:90%;}
}
.wrap_other_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;}
.other_box{width:295px;margin-bottom:20px;text-align:left;}
.other_box h5{font-size:110%;font-weight:bold;margin-top:10px;}
.other_box p{margin-top:3px;}
@media only screen and (max-width:768px){
  .section02_1 .other .ttl_other{margin:4vw auto 14vw;}
  .wrap_other_box{flex-direction:column;}
  .other_box{width:100%;text-align:left;}
  .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{position:fixed;z-index:999;right:40px;bottom:84px;display:none;height:40px;cursor:pointer;}
#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{width:740px;margin:0 auto;padding:30px;text-align:center;border:1px solid #b5b5b5;}
.footer_section01 .other .txt_other{margin:0 auto 20px;}
.footer_section01 .other img.okura_logo{width:260px;}
.footer_section01 ul.other_link{line-height:1.8;padding:20px 0;text-align:left;}
@media only screen and (max-width:768px){
  .footer_section01{padding:30px 0;}
  .footer_section01 .other{width:68%;margin:0 auto;text-align:center;border:1px solid #b5b5b5;}
  .footer_section01 .other img.okura_logo{width:220px;}
  .footer_section01 ul.other_link{line-height:1.4;padding:20px;text-align:left;}
  .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;box-sizing:border-box;width:65%;margin:20px auto;}
.footer_section02 .osusume dd,.footer_section02 .osusume dt{display:table-cell;box-sizing:border-box;height:50px;padding:0;vertical-align:middle;}
.footer_section02 .osusume > dt{width:120px;text-align:center;}
.footer_section02 .osusume > dd{padding-left:50px;flex:2;}
.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;text-align:center;background:#e3e3e3 url('/milenet/jalcardlife/hotelnikko/img/bg_03.png') repeat center top;}
.footer_copyright{padding:10px 0;text-align:center;color:#838383;background:#000;}
.footer_copyright .copyright{font-size:12px;}
@media only screen and (max-width:768px){
  .footer_copyright{padding:10px;}
  .footer_section03{padding:60px 50px;text-align:center;background:#e3e3e3 url('/milenet/jalcardlife/hotelnikko/img/bg_03.png') repeat center top;}
}
@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:0;left:0;display:none;width:100%;height:100%;background:#000;}
.modal_btn{margin:25px;text-align:right;}
.modal_block{display:none;overflow:scroll;overflow-x:hidden;width:100%;padding:0;}
.modal_images_content{width:100%;margin:0 auto;color:#fff;}
.modal_images_content li{margin-bottom:10px;}
.modal_images_content p.modal_images_txt{padding:5px 10px 10px;text-align:center;color:#fff;}
.modal_news_content{width:80%;max-width:400px;margin:0 auto;padding:40px;color:#fff;}
.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{width:80%;max-width:600px;margin:0 auto;padding:40px;text-align:center;color:#fff;}
.modal_navi_content h3{font-size:28px;font-weight:normal;}
.modal_navi_content h4{font-size:22px;font-weight:normal;margin-top:50px;padding:10px;color:#000;background:rgba(255,255,255,.7);}
.modal_navi_content ul{margin-top:20px;}
.modal_navi_content li a{font-size:18px;display:block;padding:10px;color:#fed591;}
.modal_navi_content p{line-height:1.8;margin-top:50px;}

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

/* 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{background:#000;}
div.controlWrap li img{width:215px;height:155px;}
div.controlWrap a:link,div.controlWrap a:visited,div.controlWrap a:focus{opacity:1;}
div.controlWrap a:hover{opacity:.85;}
div.controlWrap a.active img{box-sizing:border-box;opacity:1;border:6px solid #b28850;}