@charset "utf-8";
/*
* CSS for PC
* @author zhaoly
*/
img {vertical-align: bottom;}
.sp{display:none !important;}
.lst{margin-right:0 !important;}

/* -----  -----*/
body{ min-width:1070px;}
#widewrapper {width: 100%;}
#contentsArea{width:100%; overflow:hidden;}
#contents.column2R {padding: 0 0 15px; width: auto; background-color: #f2f2f0; position:relative; overflow:hidden; min-width:1070px;}
.column2R #mainContents {float: left; width: auto; margin:20px 20px 0 350px; min-width:720px;padding-left: 20px;}
.column2R .hotels {width: 100%;}
.column2R .w25p {width: 25%; margin:0; float:left;}
.column2R .htlBox4 {width: auto; margin:5px;}
#contents .pagetop {width: 97%;}
/* ----- -----*/

/* ----- top -----*/
#keyVisual{height:auto; width:100%; margin:0; border-top: 2px solid #F99100;}
#keyVisual h1 {display:block;  height:300px; background: url(https://img.travel.rakuten.co.jp/package/ana/ihgana/images/h1_img_202106.jpg) center;text-indent: 0;}
/*#keyVisual h1 img{width:100%; min-width:1070px; max-width:1130px; display:block; margin:0 auto;}*/
#keyVisual h1 p{color: #fff;padding-top: 70px;
	text-align: center;
    margin: 0 auto;
    min-width:1070px;
	height: 230px;
	text-shadow: 1px 1px 3px #000;position: relative;}
#keyVisual .logogroup{text-align: center;max-width: 1420px;margin: 0 auto;display: block;
}
#keyVisual .logogroup img {width: 100%;}
#keyVisual h1 p span.ttl {font-size: 250%;display: block;padding-bottom: 88px;}
/* ----- top -----*/

/* ----- nav -----*/
div.navbox{width:100%; background:#0f1d29; z-index:99; }
div.navbox.fixed{ position:fixed; top:0; left:0;}
div.navbox ul{overflow:hidden; height: 55px; width:720px; margin:0 0 0 355px;}
div.navbox li{float:left;}
div.navbox li a{color:#ffffff !important; display:block;  padding:6px 10px;height:30px; line-height:30px; border:1px solid #3e4953;}
div.navbox li a:hover{ background:#ffffff; text-decoration:none !important; border:1px solid #3e4953; color:#0f1d29 !important;}
li.word2 , li.word3 , li.word7{margin: 5px 15px 20px 0; height:42px; line-height:42px; font-size:18px; font-weight:bold; text-align:center;} 
li.word2{width: 80px;}
li.word3{width:90px;}
li.word7{width:195px;}
/* ----- nav -----*/

/* ----- unbox -----*/
.unbox{border:3px solid #111183; padding:10px 20px 10px 10px; background:#ffffff; margin:0 5px 15px;font-size: 88%;}
.unbox h2{color:#111183; padding-bottom:5px;font-size: 18px;}
.unbox ul{overflow:hidden;}
.unbox ul li{width:24%; float:left; margin-right:1%; max-width:200px;font-size: 14px;}
.unbox ul li img{padding-bottom:10px; width:100%;}
.unbox ul li a{color:#464646 !important; text-decoration:underline !important;}
.unbox ul li a:hover{text-decoration:none !important;}
.unbox ul li a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
/* ----- unbox -----*/

/* -----  -----*/
.htlBox {border:none;}
.htlBox .area {background-color: #51b1cd;}
.htlBox h1 {color:#464646;font-weight: bold;font-size: 90%;margin-bottom: 10px; margin-right:10px;}
.htlBox .photo {padding: 0 0 0px;}
.htlBox .plan li a { background-color: #FFF; border: 5px solid #efefef;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;background:#FFF;}
.htlBox .plan li a:hover {background-color: #FFE1B9;}
.htlBox a:hover{ text-decoration:none !important;}
.htlBox a:hover h1{color:#C03;}
.htlBox .chara li {width:100%; height:26px; padding:2px 0 0 0; text-align:center; background:#ce1d1a; font-size:14px; font-weight:bold;}
.htlBox4 .plan li a .planName {font-size: 92%; color:#1D54A7; line-height: 140%; margin-bottom: 8px; height: 80px;}
.htlBox .btn li a{background: #f99100;
	background: -moz-linear-gradient(top, #f99100, #f99100);  
    background: -webkit-gradient(linear, left top, left bottom, from(#f99100), to(#f99100));color: #e48705;position: relative;display: block;}
	
.htlBox .btn li a:after {	position: absolute;
	top: 50%;
	right: 15px;

	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";}
.htlBox .btn li a:hover{background: #ffc97e;
	background: -moz-linear-gradient(top, #ffc97e, #ffc97e);  
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc97e), to(#ffc97e));}
.htlBox .btn li {float:none; width:100%; }
h2.areattl{display:block; padding:10px; background:#111183; color:#ffffff; margin:20px 5px 0; font-size:18px;}
h2.areattl span{font-size:82%;}
.htlBox .plan li a .price strong {color: #cc0000; font-size:140%; text-align:center;}
.htlBox .plan li a .price {text-align: center;}
.htlBox .plan li a .pfs{font-size:70%;}
.htlBox .btn {overflow:hidden;}
.htlBox .plan li a .price span {color: #000;}
.htlBox .plan li a .price span em {color: #CC0000;}
/* -----  -----*/



/* ==========================================================================
	searchBox
========================================================================== */
#newsearch.fixed2{position:fixed !important;  }
.search-left {top: 0;left: 0;
padding-left: 20px;padding-top: 20px;
    width: 320px;
	position:absolute;
	background-color: #fff;
	padding-right: 10px;
}
#dap-search-form{ display:block !important;}
#search-box .inner {
    padding: 10px 0 8px 8px !important;
    position: relative;
    z-index: 1;
	width:306px; background:#ffffff;}

#contents .ANAsearchBox {
    background-color: #111183 !important;
    box-shadow: 0 2px 2px #111183;
	width:314px; clear:both;
	border:none;
	padding:0 3px 3px;
}
#contents .ANAsearchBox h1, #contents .ANAkeywordBox h1 {
    color: #ffffff;
    margin: 10px;
	font-size:16px;
}
.searchBox {
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 8px 3px 3px;
    position: relative;
}
#keywordSearch{clear:both;}

#search-box .subtitle.air {
    background-color: #457f0f;
    background-position: 0 -310px;
    float: left;
    width: 70px;
}
#search-box .subtitle {
    border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;}
	
	
	





/* ==========================================================================
	searchBox
========================================================================== */
#search-box .subtitle, #search-box #dap-dpt-date, #search-box #dap-arv-date, .arrowStyle,#keywordsearch_ana, #keywordsearch_jal,
#ranking ul li .myWrap .right .star00,
#ranking ul li .myWrap .right .star05,
#ranking ul li .myWrap .right .star10,
#ranking ul li .myWrap .right .star15,
#ranking ul li .myWrap .right .star20,
#ranking ul li .myWrap .right .star25,
#ranking ul li .myWrap .right .star30,
#ranking ul li .myWrap .right .star35,
#ranking ul li .myWrap .right .star40,
#ranking ul li .myWrap .right .star45,
#ranking ul li .myWrap .right .star50,
#dap-ana-radioBtn, #dap-jal-radioBtn,
#search-box .selectAirport li.arv,
#osusume .airSearch .ana, #osusume .jal,
#recent2 ul.recentContents li.recentHotel p.dptDateANA,
#recent2 ul.recentContents li.recentHotel p.dptDateJAL,
#recent2 .recentList li .delete a,
#recent2 .more a,
#recent2 p.empty a,
#recent2 li.upBtn a,
#recent2 li.downBtn a,
#ichioshi .controller li a,
.arrowMiniStyle,
#personal .limitPoint li,
#personal .invitation a,
#personal .status span,
#personal .invitation,
#personal .limitPoint li,
#personal .pointNav li a,
#personal .normal .userMenu li a,
#personal .option li a,
#personal #LinkOptionMenu a,
#personal .campaign a,
#ichioshi .controller li a,
#search-box .dpSrchCndtnBox a.ana strong,
#search-box .dpSrchCndtnBox a.jal strong
{background: url(https://img.travel.rakuten.co.jp/package/ana/ihgana/images/sprite.png) no-repeat; background-repeat:no-repeat;}
.searchBox{
	position: relative;
	margin-bottom: 20px;
	padding: 8px 3px 3px;
	background-color: #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 2px 2px #999999;
}
#domestic-search-box.inner{display:block !important;}
#dap-ana-radioBtn{background-position: -1px -480px; padding-left:50px;}
#dap-jal-radioBtn{background-position: -2px -435px; padding-left:50px;}
#searchCategory6{
	margin-top:3px;
}
.searchBox h1 {
	height: 20px;
	margin: 0 0 2px 7px;
	font-size: 90%;
	color: #FFF;
}
#search-box .searchCategory {
	position: relative;
	width: 286px;
	margin-bottom: 8px;
	padding: 7px 5px 5px 5px;
	font-size: 78%;
	background: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#search-box .searchCategory li{
	float:left;
	width:286px;
}
#search-box li input {
	vertical-align:middle;
	display: inline;
	padding-right: 10px;
}
#search-box #dap-dpt-date {
	width: 110px;
	height: 20px;
	padding: 3px;
	border: 1px solid #878787;
	background-color:#FFC;
	background-position:0px -190px;
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 3px rgba(0,0,0,0.1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 100%;
}
#search-box #dap-arv-date{
	width: 110px;
	min-height: 20px;
	padding: 3px;
	border: 1px solid #878787;
	background-color:#FFC;
	background-position:0px -190px;
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 3px rgba(0,0,0,0.1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 100%;
}
#search-box #dap-parts-contents{
	display:none;
}
#search-box .subtitle.air {
	width:70px;
	background-position: 0px -310px;
	background-color: #457F0F;
	float: left;
}
#search-box .subtitle {
	width: 50px;
	margin-bottom: 7px;
	padding: 3px 0 3px 15px;
	color: #FFFFFF;
	font-size: 78%;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#deptCode, #deplCode, #rettCode, #retlCode{
	width:110px;
}
#search-box .explain {
	float: left;
	padding: 3px 0 0 7px;
	color: #CC0000;
	font-size: 78%;
}
#search-box dl.srcStructure {
	zoom: 1;
	clear: both;
	width: 304px;
	font-size: 82%;
	overflow:hidden;
}
#search-box dl.srcStructure dt {
	clear: both;
	float: left;
	width:2em;
	padding-top: 3px;
	line-height: 1.3;
}
*:first-child+html #search-box dl.srcStructure .return{
	margin-top:53px;
}


#search-box dl.srcStructure dd {
	width: 254px;
	float: right;
	margin-bottom: 10px;
}
#search-box .selectAirport {
	zoom: 1;
	width: 246px;
	margin: 5px 0;
}
#search-box .selectAirport li {
	float: left;
	width: 113px;
}
#search-box .selectAirport li.arv {
	padding-left: 20px;
	background-position:0px -1128px;
}
#search-box .subtitle.cars {
	background-position: 0px -339px;
	width: 90px;
	background-color: #457F0F;
}
#search-box .subtitle.hotel {
	background-position: 0px -369px;
	background-color: #457F0F;
}
#search-box .option {
	margin-bottom: 5px;
	font-size: 82%;
}
#search-box dl.srcSt01 dt {
	width: 110px;
	min-height: 22px;
	margin-bottom: 10px;
}
#search-box dl.srcSt01 dd {
	width: 194px;
	min-height: 28px;
	margin-bottom: 10px;
}
#search-box .selectNumber li {
	float: left;
	width: 49%;
}
#search-box .selectNumber li span{
	font-size:82%;
}
#search-box .selectNumber li.child a {
	background: #f0f0f0;
	border: 1px solid #777777;
	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;
	padding: 0.3em 1em;
}
label {
	cursor: default;
}
input, select {
	margin: 0;
	vertical-align: middle;
}
#search-box .stdSrchBtn.smlSz .submit {
	width: 84px;
	display: block;
	padding: 5px 10px;
	border: 1px solid #bf0c0b;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	background: #bd0a0a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e0312b, endColorStr=#bd0a0a, GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0312b, endColorstr=#bd0a0a, GradientType=0)";
	background: -moz-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0312b), color-stop(100%, #bd0a0a));
	background: -webkit-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -o-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -ms-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: linear-gradient(to bottom, #e0312b 0%, #bd0a0a 100%);
}
#search-box #vacancy {
	margin: 0 8px 8px 0;
	padding: 5px 7px;
	border: 1px dotted #76AE25;
	background-color: #FFF;;
	border-radius: 3px;
	font-size: 78%;
}
#search-box #vacancy dt {
	margin-bottom: 5px;
	font-weight: bold;
}
#search-box #vacancy dd li a:link, #search-box #vacancy dd li a:visited {
	background-position: -146px -898px;
}
#search-box .stdSrchBtn.smlSz {
	font-size: 13px;
	margin-left: 212px;
}






/* ==========================================================================
  keywordsearch
========================================================================== */
#keywordSearch *{
	z-index : 4;
}
#dateSearch *{
	z-index : 1;
}
#keywordsearch_ana {
	background-position: 0px -480px;
	padding-left: 45px;
}
#keywordSearch .keywordBox .keywordList li{
	float:left;
	vertical-align: 0px;
	display: inline;
	padding-right: 10px;
	font-size:13px;
	margin-bottom:10px;
}
#keywordSearch .keywordBox{
	z-index: 1;
	position: relative;
	padding: 10px 0 8px 8px;
	border: 1px solid #FFFFFF;
}
#keywordSearch  div.keywordBox input.keyword {
	width: 188px !important;
	height: 25px !important;
	padding: 3px !important;
	border: 1px solid #878787 !important;
	background: #FFC !important;
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 3px rgba(0,0,0,0.1) !important;
	border-radius: 5px !important;
	font-size: 90% !important;
}
#keywordSearch div.keywordBox input.submit {
	bottom: 0;
	position: absolute;
	right: 8px;;
	bottom:8px;
	font-size:14px;
	width: 84px;
	display: block;
	padding: 5px 10px;
	border: 1px solid #bf0c0b;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	background: #bd0a0a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e0312b, endColorStr=#bd0a0a, GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0312b, endColorstr=#bd0a0a, GradientType=0)";
	background: -moz-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0312b), color-stop(100%, #bd0a0a));
	background: -webkit-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -o-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -ms-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: linear-gradient(to bottom, #e0312b 0%, #bd0a0a 100%);
}

#contents .ANAkeywordBox {
    background-color: #111183; padding-top:5px;
}
#contents .ANAkeywordBox .keywordBox {background-color: #FFFFFF;}
.htlBox .area {
    font-size: 78%;background-color: #fff;color: #333333;margin-bottom: 3px; margin-left:5px; text-indent:-6px;}
p.atn {
    font-size: 78%;
    margin: 7px 0 0px 20px;
}




#search-box #domestic-search-box{ background:#ffffff;}
dt.date{float:left; margin-right:10px; clear:both;}
dt.date label{font-weight:normal;}
dd.date{float:left;}
#search-box .inputDate {min-height:20px !important; line-height:1;}
dd.apn{clear:both; float:left; margin-left:26px;}
dd.apn2{float:left; margin-left:26px; 
    padding-left: 20px;}

dt.setCars{clear:both;}


#search-box dt.setCars {
    width: 90px;
	border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;
}
p.skhk{background:width: 50px;
	border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;}
dt.ast label{font-weight:normal;}
dt.ast{width:110px; float:left; font-weight:normal !important;}
dd.ast{width:190px; float:left;}
dt.number{height:30px; line-height:30px !important;}
dd.number ul{overflow:hidden;}
dd.number li{width:50% !important; float:left !important; height:30px; line-height:30px;}
#search-box p.searchSubmit {
    font-size: 13px;
    margin-left: 212px;
}
#search-box p.searchSubmit a {
	background:#e0312b;
    background: linear-gradient(to bottom, #e0312b 0%, #bd0a0a 100%) repeat ;
    border: 1px solid #bf0c0b;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 110%;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
	height:20px;
	line-height:20px;
	text-indent:0;
}
#search-box p.searchSubmit a:hover {color:#ffffff !important; text-decoration:none !important;}

.bnrbox {margin: 20px auto;min-width: 710px;padding: 4px;border: 1px solid #FFBA5B;background-color: #fff;max-width: 940px;}
.bnrbox img {width: 100%;}
.hotellinks {width: 100%;padding-bottom: 15px;}
.hotellinks  h1 {background-color: #fff;padding: 10px;}
.hotellinks  h1 span {border-left: 3px solid #333;padding-left: 5px;color: #333;}
.hbox {overflow: hidden;}
.hbox li.hblist {float: left;position: relative;width: 50%;margin-top: 10px;}
.hbox li.hblist p.logo {position: absolute;top: 10px;right: 20px;/*border: 1px solid #cbcbcb;*/}
.hbox li.hblist  .holder {margin-right: 10px;border: 1px solid #ffffff;padding: 4px;background-color: #f2f2f0;}
.hbox li.hblist  .holder dl {background-color: #fff;padding: 15px;overflow: hidden; }
.hbox li.hblist  .holder dl dt {border-left:  2px solid #333;padding-left:6px;padding-top: 3px;margin-bottom:  23px;clear: both; font-size:120%;}
.hbox li.hblist  .holder dl dd {overflow: hidden;padding-left: 5px; line-height: 1.6;font-size: 88%;}
.hbox li.hblist.fst .holder dl dd {width: 100%;} 

.bnrbox a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.htlBox .photo img {
    margin-bottom: 5px;
}

/*--- 20170308 kishin ---*/

.page_h2 { background:#111183; color:#fff; padding:8px 0 8px 15px; font-size:135%; border-radius:5px 5px 0 0; margin-bottom:15px;}
.page_h2 span { padding-left:8px; border-left:3px solid #fff; line-height:1.25;}
.box1 { box-sizing:border-box; border:1px solid #fff; padding:4px; margin-bottom:20px;}
.box1  section { background:#fff; box-sizing:border-box;}
.page_tlt { color:#111183; margin-bottom:10px; font-size:120%;}
.page_txt { font-size:92%; line-height:1.4;}

/*#contentsArea .htlBox .btn li a { font-weight:bold;}*/

.page_map { box-sizing:border-box; border:1px solid #fff; padding:4px; margin-bottom:20px;}
.map_box { background:#fff; }
.map_info { width:988px; height:888px; background:url(../images/map_bg.gif) center; margin:auto; position:relative;}
.map_info p { position:absolute; background:url(https://img.travel.rakuten.co.jp/package/ana/ihgana/images/arrow_1.gif) right center no-repeat; min-height:15px; padding-right:18px; font-size:92%; text-align:right;}
#contentsArea .map_info p a:hover { color:#111183;}
.map_t01 { top:44px; left:288px;}
.map_t02 { top:147px; left:245px;}
.map_t03 { top: 142px;
right: 60px;}
.map_t04 { top: 167px;
right: 108px;}
.map_t05 {top: 194px;
right: 98px;}
.map_t06 { top:237px; left:250px;}
.map_t07 { top: 265px;
left: 194px;}
.map_t08 { top: 292px;
left: 182px;}
.map_t09 {top: 318px;
left: 142px;}
.map_t10 { top: 346px;
left: 140px;}
.map_t11 { top: 374px;
left: 128px;}
.map_t12 { top: 402px;
left: 60px;}
.map_t13 { top: 430px;
left: -1px;}
.map_t14 { top: 456px;
left: -2px;}
.map_t15 {     top: 482px;
    left: -10px;
}
.map_t16 { top: 714px;
left: 174px;}
.map_t17 { top: 686px;
left: 200px;}
.map_t18 { top:661px; left:220px;}
.map_t19 { top:636px; left:270px;}
.map_t20 { top: 614px;
left: 302px;}
.map_t21 { top: 548px;
left: 380px;}
.map_t22 {top: 572px;
left: 412px;}
.map_t23 { top:522px; right: 108px;}
.map_t24 { top: 490px;
right: 95px;}
.map_t25 { top: 460px;
right: 144px;}
.map_t26 { top: 434px;
right: 207px;}
.map_t28 {     top: 407px;
    right: 39px;
}
.map_t27 { top: 378px;
right: 94px;}
.map_t29 { top: 352px;
right: 235px;}
.map_t30 { bottom:114px;
right: 202px;}
.map_t31 { bottom: 84px;
right: 16px;}
.map_t32 { bottom: 56px;
right: 86px;}
.map_t33 { top: 592px;
left: 402px;}

.hotel_exp { background:#fdf7ee; padding:10px 15px; box-sizing:border-box; margin-bottom:8px;}

#contentsArea a.box1link { display:block; padding:15px}
#contentsArea a.box1link:hover { text-decoration: underline;}