@charset "utf-8";

/*
 * CSS for PC
 * @date     2018.01.23
 * @author   shingo sato
 */


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

------------------------------------------ */
#widewrapper { box-sizing: border-box; }

.clearFix:after { content: ""; display: block; clear: both; }

#widewrapper { width: 100%; min-width: 1220px; color: #333; }

.sp { display: none !important; }

#contentsArea { position: relative; width: 100%; background: #FFF; }

#contents { width: 100% !important; padding: 0; background: #fff; overflow: hidden;position: relative; }

#contents .twoblock { overflow: hidden; width: 1220px; margin: 0 auto; }

/* ----- AreaSearch -----*/
.columleft { float: left; }

nav.arealist { width: 254px; padding: 4px 0 0 0; background: #FFF; z-index: 99; /* left: 40px; */ }

nav.arealist h2 { text-align: center; }

nav.arealist span.sub-arrow { display: none; }

nav.arealist li.area13 { border-top: 1px solid #DDD; font-size: 17px; }
nav.arealist li.area13.allarea{ border-top:none ;}
nav.arealist ul.sm li.allarea.area13 ul.subMenu{border-bottom:2px solid #DDD;}

nav.arealist li.area13 a { padding: 9px 10px 9px 72px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.area13 a:hover { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif) top left 40px no-repeat; text-decoration: none !important; }

nav.arealist li.area13 a.noken:hover { background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.ken47 { font-size: 15px; border-bottom: 1px dotted #DDD; font-weight: normal; }

nav.arealist li.ken47 a {  text-align: center; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 80px no-repeat; }
nav.arealist li.ken47.first{ margin-top: -12px;}

nav.arealist li.ken47 a:hover { background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 84px no-repeat; }

nav.arealist li.ken47:last-child { border: none; }

nav.arealist li.superSale { padding-left: 0; }

nav.arealist li.superSale a { padding-left: 0; padding-right: 0; background: none; text-align: center; }

nav.arealist li.superSale a:hover { background: #eee; }

.kenlist { letter-spacing: 2px; }

.kenlist li.ken47 a { display: block; text-decoration: none !important; padding: 14px 10px 12px 29px; }

.kenlist ul.ken { border-bottom:2px solid #ddd;}
.columleft ul.sm.pc,.columleft ul.pc.totops{ margin: 0 10px;}
.kenlist ul.totops {  margin-top: 5px; }

.columleft ul.pc.totops.areasOthNav li{margin: 0;}

.kenlist ul.totops li { text-align: center; border-bottom: 1px dotted #ddd; margin: 0 10px; }
.kenlist ul.totops li.last { border-bottom:none;}
.kenlist ul.totops li a { position: relative; }

.kenlist ul.totops li a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; width:18px; height:18px; left: calc( 50% - 64px); top:12px; background-size: 100%; }

.kenlist h2 { font-weight: normal; }

.kenlist.otherNav h2{ margin: 0 10px;}

.kenlist.otherNav h2 a.invoice:before{ left: 50px; top: 10px;}

.kenlist h2.searchicon { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) top left 43px no-repeat; color: #ba0100; font-weight: bold; font-size: 17px; padding: 7px 0 12px 29px; }
.kenlist h2.searchicon.pink{background-color:#FFEAE8; border-top: 7px solid #FFEAE8; }
.kenlist h2.searchicon.kenBetu{padding: 7px 0 17px 35px; margin-top: 18px;}
.kenlist .schArea{ background:#FFEAE8; display: block;padding:2px 0 15px 0; margin-top: 4px;}
.kenlist h2.navimds a{ border-bottom: none;}
.schArea b{ background: #ba0100; color: #ffffff; text-align: center; margin-top: 5px; display: inline-block; padding:6px 10px; font-size: 16px; font-weight: bold; border-radius: 30px; text-indent:2%; width:80px; line-height: 16px; height: auto;}

.kenlist h2.searchicon em { font-style: normal; }

.kenlist h2.searchicon span { letter-spacing: 1px; font-style: normal; }

.kenlist h2 a { position: relative; border-bottom: 1px dotted #DDD; display: block; }

.kenlist h2 a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; width: 22px; height: 22px; left: 60px; top: 8px; background-size: 100%; }

.kenlist h2.navimds a { color: #ba0000 !important; font-weight: bold; font-size: 1.4em; padding-left: 0; }

.kenlist a { padding: 14px 0; display: block; text-align: center; }

.kenlist a:hover { text-decoration: none !important; background-color: #EEE; }

.kenlist span { letter-spacing: 1px; font-style: normal; }


/* ----- leftbnr -----*/
ul.leftbnr li { text-align: center; margin-top: 20px; }

/* ----- rightpart -----*/
.columright { width: 946px; float: right; }

/* ----- pickup -----*/
.contentright { margin-bottom: 40px; }

.contentright h2 { padding-top: 20px; text-align: center; margin-bottom: 40px; }


/* ----- totop -----*/
#contents .pagetop { width: 128px; height: 128px; position: fixed; bottom: 15px; right: 15px; z-index: 9; }

#contents .pagetop a:hover { opacity: 0.75; }

#contents .superSale { font-size: 15px; display: none;}

#contents .superSale a { color: #ba0100; }

.areatotop { display: none !important; }

.allarea .area13 { line-height: 1.5; }

.allarea .area13 > ul { display: none; }

.allarea .area13 > .isShow { display: block; }

.allarea .area13 a { position: relative; display: block; }

.rt-header .rt-nav-link li a { box-sizing: content-box; }

.pickup, .hotels { padding-left: 30px; }

#serInvr table { margin-left: 65px; }

.jdsAlwaysFix1.end { position: absolute !important; bottom: 40px !important; top: inherit !important; }

.jdsShowFix1.end { position: absolute !important; bottom: 15px !important; bottom: 15px !important; }

/*# sourceMappingURL=contents_pc_j.css.map */

#discover .htlBox33 .photo{min-height: 176px;}
#discover .htlBox33 .basic h3{min-height: 36px;}
#discover .htlBox33 .planName {min-height: 32px;}

.mt10{ margin-top:10px!importan;}
#ss_special{ display:none;}
#ss_the_sale{ display:none;}
.ebnr{ display:none;}
.ss1bnr{ display:none;}
.ss2bnr { display: none;}


#search-box{ border: none; background-color: #FFEAE8;}
.kenlist #search-box a#dh-child-popup{ display: inline-block;}
#search-box #f_heya_su{ width:176px; padding: 0.56em 5px;}
#search-box #dh-adlt{ width:56px;text-align: center;padding: 0.4em 5px;}
#search-box #f_chu,#search-box #f_shou,#search-box #f_sai{ width:220px; padding: 0.56em 5px; margin-bottom: 5px;}
#search-box #dh-adlt,#search-box #f_heya_su,#search-box #f_chu,#search-box #f_shou,#search-box #f_sai{
  background:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; margin-right: 3px;
  border: 1px solid#777777;
  -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  box-shadow: 0px 0px 0px
  rgba(000, 000, 000, 0), inset 0px 1px 5px
  rgba(171, 171, 171, 0.6);
  color:#333333;
  line-height: 1.7;
}
#search-box #f_chu{ margin-top: 5px; display: block;}
#search-box .inputDate{background-color: #fff;}
#search-box dd.number ul{ border: none;}
#search-box p.searchSubmit a{ background: #ba0100; color: #ffffff; text-align: center; padding: 10px; font-size: 16px; font-weight: bold; border-radius: 30px; text-indent:2%; width:80px; line-height: 16px; height: auto;}
#search-box p.searchSubmit a:hover{ color: #FFFFFF;}
#ui-datepicker-div{ z-index: 99!important;}

#schPCSP{border-left:10px solid #FFEAE8;border-right:10px solid #FFEAE8; background-color: #FFEAE8;}

.mbN10{ margin-bottom: -15px!important;}


.columleft .navimds.pc a:hover{ background-color:#ffffff;}
#search-box .number ul li.adult{ width: 53%;}
#search-box .number ul li.child{ width: 46%;}

nav.arealist.topNav.pc  ul.sm li.allarea.area13 ul.subMenu{ margin: 0 10px; border-bottom: none; }
nav.arealist.topNav.pc li.ken47 a{background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}
nav.arealist li.ken47 a:hover{text-align: center;
  background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 80px no-repeat; background-color: #eee;}

nav.arealist.topNav.pc li.ken47 a:hover{padding-left:10px;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}
nav.arealist.topNav.pc li.ken47.superSale a{ background: none;}
nav.arealist.topNav.pc ul.subMenu li.area13.udLine{border-top:2px solid #DDD;}

nav.arealist.topNav.pc ul.sm li.allarea.area13 ul.subMenu.areas{ margin: 0;display: none!important;}
.topNav.pc .allarea .area13 li.ken47 a:hover{ background-color: #eee;}

.allarea .area13 a:hover{background:
 url("https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif") #eee no-repeat scroll left 40px top!important;
  padding: 9px 10px 9px 72px;}

.planSearch p{ text-align: center;}
.planSearch p img.pc{ max-width:930px; margin: 0 auto; width: 100%;}
.columright { width: 916px; float: right; }

.contentright h2 { text-align: center; margin-bottom: 30px !important; }

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

.m_pc { display: block;}
.m_sp { display: none;}

.topBnr_pc { width: 917px; position: relative; opacity: 1; margin-bottom: 20px;}
.topBnr_pc h1 { position: absolute; top:70px; width: 100%; text-align: center; z-index: 10;}
.topBnr_pc h1 img { margin: auto;}

.pageNav { margin: auto auto 47px auto;}
.pageNav ul { display: flex; justify-self: start;}
.pageNav ul li { border-left: 1px solid #040404; transition: all 0.5s ease;}
.pageNav ul li:last-of-type { border-right: 1px solid #040404;}
.pageNav ul li:hover { transition: all 0.5s ease; background: #f6f6f6; cursor: pointer;}

.columleft #schPCSP { background-color: #e4f8ff; border: none;}
.columleft #search-box { background-color: #e4f8ff;}
.columleft .kenlist h2.searchicon {
    color: #0cbbf6;
    background: #e4f8ff url(../images/icon_searchB.png) top 10px left 43px no-repeat; padding-top: 20px;
}
.columleft .kenlist h2.searchiconB2 { background: #fff url(../images/icon_searchB.png) top 10px left 43px no-repeat; }

.PageCon { padding: 50px 0 0 0; margin-bottom: 60px;}
.pageBox0 { position: relative; background: #f5fbff; padding: 55px 30px 30px 30px;}
#BoxA:before { display: block; width: 80px; height: 80px; background: url(../images/icon_couple.png) 0 0 no-repeat; content: ""; left: calc(50% - 40px); top: -45px; position: absolute; }
#BoxB:before { display: block; width: 80px; height: 80px; background: url(../images/icon_family.png) 0 0 no-repeat; content: ""; left: calc(50% - 40px); top: -45px; position: absolute; }
#BoxB { display: none;}

.page_h2 { margin: auto auto 38px auto; text-align: center;}
.page_h2 img { margin: auto;}

.pageSty { position: relative; margin-bottom: 50px; }
.fl_l { float: left;}
.fl_r { float: right;}
.imgBox { width: 524px;}
.txtBox { width: 400px; font-size: 14px; line-height: 1.6;}
.txtBox dd { border: 1px solid #000; padding: 12px 15px; margin-top: 15px;}
.txtBox h3 { margin-bottom: 15px;}
.txtBox_r { position: absolute; top: 68px; right: 0; z-index: 5;}
.txtBox_l { position: absolute; top: 68px; left: 0; z-index: 5;}
.txtBox dd span { display: block; margin-bottom: 6px;}
.txtBox dd span:last-of-type { margin: 0;}

/* ----- Access -----*/
#Access { margin: auto auto 60px auto; font-size: 14px; padding-top: 5px;}
.accMapBox { margin: auto auto 40px auto; text-align: center;}
.accMapBox img { margin: auto;}

.acc_h3 { margin: auto auto 20px auto;}
.accInfo { display: flex; justify-content: space-between;}
.accInfo li { width: 440px;}
.accInfo li:first-of-type { border-right: 1px solid #b5b5b5; padding-bottom: 15px; padding-right: 32px;}
.accTxt { line-height: 1.65; margin: 15px 0 18px 0 ;}
.accBlue { background: #f5fbff; padding:25px 25px 5px 25px; margin: 15px 0 0 0; line-height: 1.65;}
.accBk { border-top:1px solid #b5b5b5; margin: 32px 0 0 0; padding: 30px 0 0 0;}
.accImg { margin: 25px 0 35px 0;}

/* ----- 看板 -----*/
.top_ripples {
	background-size: cover;
	background-position: 50% 0;
	height: 100%;
	text-align: center;
	width: 917px;
}

main {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/topImg01.jpg);
	width: 717px;
	height: 320px;
	padding: 100px;
	background-size: 100% 100%;
	animation: maineaseinout 4s 1 ease-in-out forwards;
}
.bg{
	display: inline-block;
	vertical-align: middle;
	background: url(../images/topImg01.jpg);
	width: 917px;
	height: 520px;
	background-size: 100% 100%;
	animation: bgaseinout 4s  ease-in-out forwards;
}
@keyframes maineaseinout {
	0% {
		opacity: 0;
	}
	30% {
		opacity: .8;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes bgaseinout {
	0% {
		opacity: 0;
	}
	30% {
		opacity: .8;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
.txtBox dd small { display: block; margin-top: 4px;}
.txtBox_r_sty2 { top: 30px;}
.txtBox_r_sty3 { top: 0px;}
.fl_l .jdsSlides li { position: relative;}
.fl_l .jdsSlides li:before { position: absolute; left: 0; top: 0; width: 524px; height: 330px; background: url(../images/img_cover01.png) 0 0 no-repeat; display: block; content: "";}
.fl_r .jdsSlides li:before { position: absolute; right: 0; top: 0; width: 524px; height: 330px; background: url(../images/img_cover02.png) 0 0 no-repeat; display: block; content: "";}