@charset "utf-8";
/*
* Airport CSS for PC
*
* @date 2014.10.13
* @author He chenghao
*/

/* reset*/
img{max-width:100%;}
ul,ul li{list-style:none;}
#contents{position:relative;z-index:1;min-width:965px;margin-right:179px;margin-top:15px;margin-left:20px;border-right:1px solid #CCCCCC;background-color:#fff;}
#contents:after,#search-box .searchCategory:after,#search-box .structure:after,#search-box .structure .number:after,#keywordSearch .inner:after{content:"";display:block;clear:both;}

#ad{position:absolute;top:40px;right:-161px;width:160px;line-height:1.0;}
.sp{display:none;}
.pagetop{clear:both;margin-right:20px;text-align:right;font-size:82%;}

/* top */
div#grpLocationArea { margin: 10px 0px 10px 20px; font-size: 82%; width:auto; }
#contents #grpLocationArea{margin-bottom:8px;font-size: 14px;}
#keyVisual{background-color:#0958c1;margin-bottom:20px; position:relative;}
#keyVisual h1{height:130px;text-indent:-9999px;background:url(https://img.travel.rakuten.co.jp/special/airport/images/keyvisual.jpg) no-repeat center;}
#keyVisual .txt1{ position:absolute;left:8%;top:15px;border-radius:15px; background:#fff; color:#0C5DC9; font-size:120%; font-weight:bold; line-height:35px; padding:0 30px;}
#keyVisual .txt2{position: absolute;left:8%;top:70px;color: #fff;font-size:260%;font-weight:bold; }


/* left */
.col-left{float:left;width:320px;}
.searchBox{position:relative;z-index:7;width:320px;margin-bottom:15px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.searchBox h1{font-size:110%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px; border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0; line-height:40px;}
.searchBox .inner{z-index:1;width:298px;border:4px solid #0957C1;border-top:none;padding:7px; border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;}
#search-box .searchCategory{margin-bottom:7px;background:#FFF;border-radius:5px;padding:7px 0 0;}
#search-box .searchCategory li{float:left;width:50%;margin-bottom:7px;font-size:78%;}
#search-box .searchCategory li img{vertical-align:-2px;}
#search-box .explain{margin-bottom:10px;font-size:82%;line-height:1.4;color:#CC0000;}
#search-box .structure dt{clear:both;float:left;width:116px;font-size:82%;line-height:1.2;}
#search-box .structure dt.date{padding-top:10px;}
#search-box .structure dd{float:left;width:180px;margin-bottom:10px;font-size:82%;}
#search-box .structure .number li{float:left;width:50%;}
#search-box .structure .number li select{max-width:40px;vertical-align:1px;}
#search-box .inputDate{width:95%;min-height:28px;padding-left:3%;background-color:#f0f0f0;border:1px solid #878787;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;cursor:pointer;vertical-align:middle;-moz-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);background-image:url(https://img.travel.rakuten.co.jp/share/themes/search/images/calendarIcon001_72px.png);background-repeat:no-repeat;background-position:right center;-webkit-background-size:28px 23px;-moz-background-size:28px 23px;-o-background-size:28px 23px;color:#333;font-size:90%;line-height:2.4;}
#search-box .number ul li.child a{background:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #777777;-moz-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 5px rgba(171,171,171,0.6);-webkit-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 5px rgba(171,171,171,0.6);box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 5px rgba(171,171,171,0.6);color:#333333;line-height:1.7;padding:.3em 1em;}
#search-box .squeeze li{margin-bottom:7px;border:1px dotted #cdcdcd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#FFF;color:#444;line-height:1.2;padding:6px 0 6px 3px;}
#search-box .squeeze li input{margin-right:3px;vertical-align:1px;}
.sltBox{position:relative;z-index:3;border:3px solid #CCC;background-color:#FFF;margin-right:3%;margin-left:3%;box-shadow:0 3px 5px #666;padding:10px;}
.sltBox:after,.sltBox:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.sltBox:after{left:50%;margin-left:-10px;border-color:rgba(255,255,255,0) rgba(255,255,255,0) #FFF;border-width:10px;}
.sltBox:before{left:50%;margin-left:-14px;border-color:rgba(204,204,204,0) rgba(204,204,204,0) #CCC;border-width:14px;}
.sltBox table{font-size:82%;margin-bottom:2px;}
.sltBox th{background-color:#eeeeee;color:#888888;font-weight:bold;width:3.6em;}
.sltBox tr{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;}
.sltBox td{width:8em;text-align:left;vertical-align:top;padding:10px;}
.sltBox td span.child-select-contents{display:block;vertical-align:middle;}
.sltBox .tbClose{display:block;z-index:5;position:absolute;top:-10px;right:-10px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.sltBox .tbClose a.close{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-position:0 0;height:23px;width:23px;background-image:url(https://img.travel.rakuten.co.jp/share/themes/search/images/closeBtn_72px.png);background-repeat:no-repeat;}
#search-box .searchSubmit{clear:both;width:100%;}
#search-box .searchSubmit a{display:block;border:1px solid #bf0c0b;border-radius:5px;text-align:center;text-decoration:none;font-weight:bold;color:#ffffff!important;
	/* 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%);*/
	padding:8px 10px;
    background:#CE2B18;}
	
#keywordSearch #f_query{float:left;width:188px;min-height:20px;background-color:#f0f0f0;border:1px solid #878787;border-radius:5px;-moz-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);box-shadow:0 0 0 rgba(000,000,000,0), inset 0 1px 3px rgba(0,0,0,0.1);vertical-align:middle;line-height:2.0;font-size:90%;padding:3px 9px;}
#keywordSearch .submit{float:right;width:80px;border:1px solid #bf0c0b;border-radius:5px;text-align:center;text-decoration:none;font-size:90%;font-weight:bold;color:#ffffff!important;cursor:pointer;
	/* 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%); */ 
	padding:8px 10px;
    background:#CE2B18;}
	
.col-left #verticalRecentRoot{ border:4px solid #0957C1;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin-bottom:15px;padding-bottom:5px;}
.col-left #verticalRecentRoot #wdgtTabArea,.recentList,.recentFoot{margin:0 5px;}
.col-left #verticalRecentRoot p.more{margin-bottom:0;}
.col-left #verticalRecentRoot h3{font-size:110%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px;line-height:40px;margin-bottom:5px;}

.bnrs{border:4px solid #0957C1;border-radius:8px;padding-bottom:5px;margin-bottom:15px;}
.bnrs h1{font-size:110%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px;line-height:40px;margin-bottom:5px;}
.bnrs ul{margin:0 10px;}
.bnrs ul li{font-size:78%;margin-bottom:15px; width:258px; margin:0 auto; padding-bottom:10px;}
.bnrs ul li span{ display:block;}


#ad h1 {font-size:78%;font-weight:normal;margin-bottom:10px;text-align:center;}

/* center */
#contents .primary{clear:both;float:left;width:100%;margin-right:-320px;}

.bd{border:4px solid #0957C1;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin:0 15px 15px 334px;width:auto;}
.bd h1{font-size:110%;color:#FFFFFF;font-weight:bold;background:url(https://img.travel.rakuten.co.jp/special/airport/images/icon_01.gif) 10px center no-repeat #0957C1;padding:0 10px 0 43px;line-height:36px}
.bd h1 span{font-size:78%;}

.ap_info .pr{padding:20px; font-size:88%;}
.ap_info ul{overflow:hidden; padding-bottom:10px; line-height:0; display:block;}
.ap_info ul li{ width:23%; margin:0 1%; float:left; position:relative;text-align:center;}
.ap_info ul li a:hover{ opacity:0.7;}
.ap_info ul li img{ width:100%;}
.ap_info ul li span{ position:absolute; left:0; bottom:0; width:100%; display:block; line-height:37px; font-size:100%; background:rgba(23,113,234,0.7); color:#fff; font-weight:bold; }

.apn_search h1{ padding-left:45px; background:url(https://img.travel.rakuten.co.jp/special/airport/images/icon_02.gif) 8px center no-repeat #0957C1;}
.apn_search dl{ overflow:hidden; width:auto; margin:10px 0 20px; font-weight:bold;}
.apn_search dt{ background:#E3E3E3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:88%; padding:9px 30px 8px; margin:10px 2% 0; position:relative; cursor:pointer; clear:both;overflow:hidden;}
.apn_search dt:before{ content:""; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#fff; display:block; width:16px; height:16px; position:absolute; left:10px; top:50%; margin-top:-8px;}
.apn_search dt.open:after{content:"";border:solid transparent;border-color:rgba(0,0,0,1) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:8px 5px;position:absolute;left:10px;top:50%;margin-top:-3px;margin-left:3px;z-index:2;}
.apn_search dt:after{content:"";border:solid transparent;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,1) rgba(0,0,0,0);border-width:8px 5px;position:absolute;left:10px;top:50%;margin-top:-13px;margin-left:3px;z-index:2;}
.apn_search dd { clear:both;overflow:hidden; margin:0 1%;}
.apn_search dd ul{overflow:hidden;}
.apn_search dd ul li{margin:10px 1% 0 1%; width:18%; float:left;}
.apn_search dd ul li a{ display:block; border:1px solid #E3E3E3; padding:9px 0 8px; font-size:88%; text-align:center; color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.apn_search dd ul li.sm a{font-size:78%; padding:10px 0 9px;}
.apn_search dd ul li a:hover{ text-decoration:none; background:#999; font-weight:bold; }

.ap .apbox{ overflow:hidden; margin:15px 15px 0;}
.ap .apbox .pic{ border:1px solid #bbb; padding:1px; width:300px; float:left; margin:0 15px 20px 0; line-height:0;}
.ap .apbox .pr{ font-size:88%; line-height:1.4;margin-bottom:15px;}
.ap .terminal{ margin:0 10px; overflow:hidden;}
.ap .terminal li{ width:50%; float:left;}
.ap .terminal li dl{ margin:0 5px; background:#FDF9E8; padding:7px;}
.ap .terminal li dl dt{ line-height:0;}
.ap .terminal li dl dd{ font-size:78%; line-height:1.8;}

h2.titl { background:#EA831C; display:block;  color:#fff; font-size:130%; padding:8px 0; text-align: center; margin: 15px 8px;}
h2.titl img{ vertical-align:-6px;padding-left:3px;}
h2.titl br{ display: none;}

.ap.bd .btn{ width:70%; text-align:center; margin:35px auto; max-width: 600px;}
.ap.bd .btn a{ display:block; background:#CE2B18; border-radius:5px; color:#fff; font-size:140%; padding:8px 0; font-weight:bold ;}
.ap.bd .btn a:hover{ opacity:0.7; text-decoration:none;}
.ap.bd .btn a img{ vertical-align:-6px;padding-left:3px; width:28px;}



.hotel .btn{ float:left; width:47% !important; text-align:center;  margin: 15px 4px 30px 15px;}
.hotel .btn.anas a{ position:relative; color:#190C80; border:3px solid #190C80;}
.hotel .btn.jals a{ position:relative; color:#CC0000; border:3px solid #CC0000;}
.hotel .btn.anas a:after{
    background-size:10px 10px;
    background-image: url(../images/corner-a.gif);
    width: 10px;
    content: "";
    height: 10px;
right: 2px;
    margin-left: -4px;
    position: absolute;
bottom: 2px;    z-index: 999;}
.hotel .btn.jals a:after{
    background-size:10px 10px;
    background-image: url(../images/corner-j.gif);
    width: 10px;
    content: "";
    height: 10px;
right: 2px;
    margin-left: -4px;
    position: absolute;
bottom: 2px;    z-index: 999;}
.hotel .btn a{ display:block; color:#fff; font-size:100%; padding:8px 0; font-weight: bold;}
.hotel .btn a img{ width:22%;vertical-align: -6px;}
.hotel .btn a:hover{ opacity:0.7; text-decoration:none;}





.acs dl{ margin:20px 15px 0; overflow:hidden;}
.acs dl dt{ font-size:88%; border-left:5px solid #0957c1;}
.acs dl dd{ font-size:78%; padding:10px 0 20px; line-height:1.6;}

.hotel{ padding-bottom:10px; overflow:hidden;}
.hotel ul{ overflow:hidden;}
.hotelbox{width:23%; margin:10px 1% 0; float:left; font-size:78%;}
.hotelbox .bd2{ border:1px solid #555;}
.hotelbox .ttl{ background:#468AE6; color:#fff; padding:5px;}
.hotelbox h2{ padding:8px 5px; font-size:110%;}
.hotelbox h2 a{ color:#000;}
.hotelbox .pic{ padding:0 5px;}
.hotelbox .hbtn{ margin:5px 5px 10px;}
.hotelbox .hbtn a{ display:block; padding:8px; border-radius:5px; background:#EA831C; color:#fff; text-align:center;}
.hotelbox .hbtn a:hover{ opacity:0.7;}
.col-center .hotel .btn{ width:85%;}
.col-center .hotel .btn br{display:none;}

.hotelbox .abtn{ margin:5px 5px 10px;}
.hotelbox .abtn a{ display:block; padding:8px; border-radius:5px; background:#0957C1; color:#fff; text-align:center;}
.hotelbox .abtn a:hover{ opacity:0.7;}

dl.srchStructure {
    display: inline-block;
    text-align: left;
    width: 300px;
}
dl.srchStructure dt{
    clear: both;
    float: left;
    font-size: 82%;
    margin-top: 5px;
    width: 8em;
}
dl.srchStructure dt span{
    display: inline;
}
dl.srchStructure dd{
    float: left;
    font-size: 82%;
    margin-bottom: 3px;
    margin-left: 3px;
}
dl.srchStructure dd.airportSearch {
}
dl.srchStructure dd select {
    margin-right: 2px;
    padding: 2px;
}
dl.srchStructure dd p.hotelArea {
    padding-top: 3px;
}
dl.srchStructure dd p.partHotel {
    color: #666666;
    padding: 5px 0 0 20px;
    position: relative;
    width: 190px;
}
dl.srchStructure dd p.partHotel input {
    left: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    vertical-align: -2px;
}
dl.srchStructure dd ul {
    list-style-type: none;
}
dl.srchStructure dd ul.adult {
    float: left;
    margin-bottom: 7px;
    width: 90px;
}
dl.srchStructure2 {
    font-size: 82%;
    margin-bottom: 10px;
    width: 300px;
}
dl.srchStructure2 dt {
    margin-bottom: 5px;
}
dl.srchStructure2 dd {
    margin-left: 10px;
    width: 300px;
}

p.moreSelect {
    float: right;
    margin: 0 0 7px;
    padding-right: 7px;
	padding-top:3px;
    text-align: right;
}
p.moreSelect a {
    background-image: url("https://img.travel.rakuten.co.jp/special/airport/imagesarrow.gif");
    background-repeat: no-repeat;
    padding-left: 18px;
}
p.moreSelect a:link {
    background-position: 3px 4px;
}
p.moreSelect a:visited {
    background-position: 3px 4px;
}
p.moreSelect a:visited:hover, p.moreSelect a:link:hover {
    background-position: 3px 4px;
}
p.moreSelect a:visited:active, p.moreSelect a:link:active {
    background-position: -772px -35px;
}

div#childBox {
    background-position: -765px -5px;
    background-repeat: no-repeat;
    display: none;
    font-size: 82%;
    left: 70px;
    padding-top: 7px;
    position: absolute;
    top: 185px;
    width: 425px;
}
div#childBox table {
    border: 1px solid #E6E6E6;
    border-spacing: 0;
    margin-bottom: 2px;
    width: 100%;
}
div#childBox table tr {
    border: 1px solid #E6E6E6;
    padding: 3px;
}
div#childBox table tr th {
    background-color: #EFEFEF;
    padding: 3px;
    text-align: center;
    width: 4em;
}
div#childBox table tr td {
    padding: 3px;
}
div#childBox table tr td span {
    display: inline-block;
    margin-right: 3px;
    width: 7em;
}
#childBoxBackground{ height:0;}