@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: 40px 0 0 0;
	background: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: inset 0px 15px 10px -15px #999;
}

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

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

nav.arealist {
	width: 254px;
	padding: 0 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("../images/info_black.svg") center no-repeat;
	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 {
	color: #38c1eb;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	padding: 7px 0 12px 29px;
}

.kenlist h2.searchicon.blue {
	background-color: #ffffe4;
	border-top: 7px solid #ffffe4;
}

.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;
	padding: 15px 10px 15px 34px;
	background: url(../images/icon_searchB.png) left center no-repeat;
	display: inline-block;
}

.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 !important;
}

#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: 56px;
	padding: 5px;
}

#search-box #dh-adlt {
	width: 56px;
	text-align: center;
	padding: 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;
	padding: 3% 0 4% 5px;
	width: 100%;
	line-height: 2.4;
}

#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 !important;
	float: right;
}

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

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

.m_pc {
	display: block;
}

.m_sp {
	display: none;
}

.topBnr_pc {
	width: 916px;
	height: 603px;
	position: relative;
	opacity: 1;
	margin-bottom: 24px;
}

.topBnr_pc h1 {
	position: absolute;
	top: 25px;
	width: 100%;
	text-align: center;
	z-index: 99;
}

.topBnr_pc h1 img {
	margin: auto;
}

.topBnr_pc img.fadeOutRight {
	position: absolute;
	bottom: 15px;
	left: -200px;
	animation-iteration-count: 1 !important;
	animation-duration: 5s !important;
	z-index: 999;
}

.topBnr_pc img.fadeInLeft {
	position: absolute;
	bottom: 108px;
	right: 30px;
	animation-iteration-count: 1 !important;
	animation-duration: 3s !important;
	animation-delay: 3s;
	z-index: 999;
}

.pageNav {
	margin: auto auto 24px auto;
}

.pageNav ul {
	display: flex;
	justify-self: start;
}

.pageNav ul li {
	border-left: 1px solid #ccf0f5;
	transition: all 0.5s ease;
}

.pageNav ul li:first-of-type {
	border-left: none;
}

.pageNav ul li:hover {
	transition: all 0.5s ease;
	background: #f6f6f6;
	cursor: pointer;
}

.columleft #schPCSP {
	background-color: #ffffe4;
	border: none;
}

.columleft #search-box {
	background-color: #ffffe4;
}

/* .columleft .kenlist h2.searchicon {
	color: #38c1eb;
	background: #ffffe4 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 {
	margin-bottom: 0;
	background: url(../images/bg_top.gif) top no-repeat #f7f66c;
}

.pageBox0 {
	position: relative;
	padding: 30px;
}

#BoxA,
#BoxB,
#BoxC {
	background: url(../images/bg_bottom.gif) bottom no-repeat;
}

#BoxB {
	display: none;
}

#BoxC {
	display: none;
}

#BoxA .page_h2 {
	background: url(../images/h2_BoxA_map.png) 100px 120px no-repeat;
	margin: auto auto 0 auto;
}

#BoxB .page_h2 {
	background: url(../images/h2_BoxB_map.png) 100px 120px no-repeat;
}

#BoxC .page_h2 {
	background: url(../images/h2_BoxC_map.png) 100px 120px no-repeat;
}

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

.page_h2 img {
	margin: auto;
	display: block;
}

.pageSty {
	position: relative;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.txtBox {
	width: 400px;
	font-size: 14px;
	line-height: 1.8;
}

.txtBox dt {
	transform: skewX(-5deg);
	-webkit-transform: skewX(-5deg);
	-moz-transform: skewX(-5deg);
}

.txtBox dd {
	background: #FFF;
	padding: 12px 15px;
	margin-top: 15px;
}

.txtBox dd span {
	display: block;
	line-height: 1.4;
	font-size: 12px;
	transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
}

.txtBox dd span b {
	color: #76cadb;
}

.txtBox h3 {
	margin-bottom: 15px;
}

.txtBox_r {
	float: right;
}

.txtBox_l {
	float: left;
}

.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: 916px;
}

.bg {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/topImg.jpg);
	width: 916px;
	height: 603px;
	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;
}

.fl_l .jdsSlides li {
	position: relative;
}

.fltimg_l {
	width: 185px;
	position: absolute;
	bottom: -90px;
	left: 10px;
}

.fltimg_r {
	width: 185px;
	position: absolute;
	bottom: -90px;
	right: 10px;
}

.rout {
	text-align: center;
	clear: both;
	margin: 0 0 10px;
	position: relative;
}

.rout img.fadeInRight {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 220px;
	animation-iteration-count: infinite !important;
	animation-duration: 5s !important;
}

.rout img.fadeInLeft {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 220px;
	animation-iteration-count: infinite !important;
	animation-duration: 5s !important;
}

.routend {
	text-align: center;
	clear: both;
	width: 400px;
	float: right;
}

/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg {
	display: none !important;
}

#keyVisual div ul.ptexp img {
	margin-top: 5px;
}

#topNav {
	width: 100%;
	background: #fff;
	z-index: 99;
}

.update.big {
	width: 380px;
	margin: 0 auto 50px;
}

.update {
	border: 1px solid #BF0000;
	background: #fff;
	font-size: 14px;
	padding: 10px;
	color: #BF0000;
	margin-bottom: 20px;
	line-height: 1.8;
}

.update b {
	font-weight: normal;
	color: #333;
	display: block;
}

#sevInfo table tr td {
	background-color: #fff !important;
}
/*-----------------------------

サービス概要

-------------------------------*/
#OVERVIEW {
  padding: 48px 0;
}

#OVERVIEW h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  color: #bf0000;
  font-size: 28px;

}

#OVERVIEW .holder {
  box-sizing: border-box;
  margin: 40px auto 0;
  padding: 40px;
  padding-bottom: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #fff;
  color: #333;
}

#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}

#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}

#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}

#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}

#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}

#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: 400;
  padding: 4px 8px;
  background: #ebebeb;
}

#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}

#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}

#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}

#OVERVIEW .holder dl b {
  font-weight: 700;
}

.fixTop_3 {
  position: fixed;
  top: 0;
  left: calc(50% - 610px);
  z-index: 200;
  float: none;
}

.fixTop_bottom {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  float: none;
}
@media screen and (max-width: 1260px) {
  .fixTop_3 {
    position: relative !important;
    float: left;
  }

  #contents .pagetop {
    z-index: 500;
  }
}
#topLogo {
clear: both;
position: relative;
text-align: center;
padding: 16px 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
#topLogo a {
display: flex;
color: #333;
font-size: 18px;
align-items: center;
font-weight: 500;
position: absolute;
top: 50px;
right: 20px;
}