@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;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;}
.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/hotel-nikko-oita/pc/bg_header.jpg") no-repeat bottom center;background-size:cover;position:relative;}
.global_header__inner{padding-top:38px;padding-bottom:520px;}
.global_header__heading{text-align:right;}
.global_header__headingTitle{padding-top:10px;margin-top:70px;margin-right:-29px;}
.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/hotel-nikko-oita/sp/bg_header.jpg") no-repeat left top;background-size:cover;}
  .global_header__inner{padding:20px 10px 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__heading{text-align:right;}
  .global_header__headingTitle{margin-top:20px;margin-right:0;}
  .global_header__block{margin-top:0;padding-top:10vw;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 6vw;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/hotel-nikko-oita/pc/ttl_section01.png") center top no-repeat;}
.ttl_section02{background:url("/milenet/jalcardlife/hotelnikko/img/hotel-nikko-oita/pc/ttl_section02.png") center top no-repeat;}
.ttl_section03{background:url("/milenet/jalcardlife/hotelnikko/img/hotel-nikko-oita/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;border:1px solid #a5803a;border-top:none;color:#fff;text-align:center;padding:50px;}
.section01S{box-sizing:border-box;border-top:none;color:#fff;text-align:center;padding:50px;margin-bottom:50px;}
.section01P .flex_container .flex_item,.section01E .flex_container .flex_item,.section01S .flex_container .flex_item{width:270px;margin-left:10px;margin-bottom:10px;}
.section01P h3,.section01E h3{margin-top:-64px;}
.section01S h3{margin-top:30px;}
.section01P h4,.section01E h4,.section01S h4{margin-top:40px;}
.section01P p,.section01E p,.section01S p{margin:20px auto;line-height:1.8;}
.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:440px;}
.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;}
.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{line-height:1.8;font-size:16px;text-align:left;position:relative;}
.section03 .section__inner .flex_container .flex_item .ob_txt{display:block;position:relative;}
.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{height:auto;width:100%;display:block;}
  .section03 .section__inner .flex_container .flex_item:nth-child(1){margin-right:0;height:auto;}
}
#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{text-align:center;border:none;padding:20px;}
  .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-left:2%;margin-bottom:10px;}
  .section01P h3,.section01E h3,.section01S h3{margin-top:0;}
  .section01P h4,.section01E h4,.section01S h4{margin-top:50px;padding:0 20px;}
  .section02_1{padding:14vw 10px;}
  .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 .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{margin:20px 0 20px;font-size:13px;text-align:left;}
  .section03 .btn_website{margin:20px auto 80px;text-align:center;max-width:88%;}
  .section__headerTitle{position:relative;z-index:0;}
  .section03 .section03__txt .section03_img{flex:1;margin-top:-20px;}
  #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:center;align-content:space-between;}
.other_box{text-align:left;width:295px;margin:0 15px 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:4vw auto 14vw;}
  .wrap_other_box{flex-direction:column;}
  .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;background:rgba(0,0,0,1);}
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{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;border:6px solid #b28850;opacity:1;}