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

/* reset */
img{max-width:100%;}

#grpRakutenLinkArea .grpSpelinlk,#grpRakutenLinkArea #grpKeyword,#grpRakutenLinkArea #grpFooter,#grpRakutenLinkArea #grpFooterNav dt,#grpRakutenLinkArea #grpFooterNav dd ul,.pc{display:none;}

#contents{background-color:#fff;}
#contents .pagetop{position:fixed;z-index:9;bottom:0;right:5px;width:40px;height:30px;}
#contents .pagetop a{display:block;width:40px;height:30px;background:rgba(0,0,0,0.8);border-radius:4px 4px 0 0;color:#FFF;text-indent:-9999px;}
#contents .pagetop a:before{display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;margin-top:-3px;margin-left:-7px;border-top:4px solid #FFF;border-right:4px solid #FFF;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:"";}

/* top */
#grpRakutenLinkArea{border-top:2px solid #72A331;padding:5px 0;}
#grpRakutenLinkArea .grpCopyright{font-size:60%;color:#666666;text-align:center;}
#keyVisual{margin-bottom:10px;}
#keyVisual p{ display:none;}

/* left */
#search-box{border:0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background-color:#FFF;margin:5px 0 10px;padding:0!important; overflow:hidden;}
#search-box h1{font-size:100%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px;line-height:40px;position:relative;}
#search-box h1.open:after{content:"+";border:1px solid #cbc2a0;width:12px;height:14px;display:block;position:absolute;top:50%;margin-top:-9px;right:13px;line-height:0.8;text-align:center;padding-right:2px;padding-bottom:2px;padding-left:2px;}
#search-box h1.close:after{content:"-";border:1px solid #cbc2a0;width:12px;height:14px;display:block;position:absolute;top:50%;margin-top:-9px;right:13px;line-height:0.8;text-align:center;padding-right:2px;padding-bottom:2px;padding-left:2px;}
#search-box-body{display:none;border:4px solid #0957C1;border-top:none;padding:5px;border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;overflow:hidden;}
.col-left .searchBox{position:relative;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 2px;}
#search-box .searchCategory{margin-bottom:7px;}
#search-box .searchCategory li{width:auto;margin-bottom:3px;font-size:78%;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 .searchCategory li img{vertical-align:-2px;}
#search-box .explain{margin-bottom:10px;font-size:78%;line-height:1.4;color:#CC0000;}
#search-box .structure dt{clear:both;float:left;width:36%;min-width:100px;font-size:78%;line-height:1.2;}
#search-box .structure dt.date{padding-top:10px;}
#search-box .structure dd{float:left;width:64%;margin-bottom:10px;font-size:82%;}
#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:3px;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;}
.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-des{display:block;}
.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;}
#search-box .searchCategory:after,#search-box .structure:after,#search-box .structure .number:after,#keywordSearch .inner:after{content:"";display:block;clear:both;}
#search-box .structure .number li,.themeBox .inner ul li{float:left;width:50%;}

#keywordSearch{border:0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background-color:#FFF;margin:0 0 10px;padding:0!important; overflow:hidden;}
#keywordSearch h1{font-size:100%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px;line-height:40px;}
#keywordSearch .inner{border:4px solid #0957C1;border-top:none;padding:5px;border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;}
#keywordSearch #f_query{float:left;width:65%;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:25%;border:1px solid #bf0c0b;border-radius:5px;text-align:center;text-decoration:none;font-size:90%;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;}

.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,#ad{border:4px solid #0957C1;border-radius:8px;padding-bottom:5px;margin:0 10px 15px;}
.bnrs h1,#ad h1{font-size:110%;color:#FFFFFF;font-weight:bold;background:#0957C1;padding:0 10px;line-height:40px;margin-bottom:5px;}
.bnrs ul,#ad ul{margin:0 10px;}
.bnrs ul li,#ad ul li{font-size:78%;margin-bottom:15px;}
.bnrs ul li img,#ad ul li img{ width:100%;}
.bnrs ul li span{ display:block;}

/* center */
.primary{margin:0 10px 10px;}

.bd{border:4px solid #0957C1;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin:0 0 10px;}
.bd h1{font-size:100%;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:10px; font-size:88%;}
.ap_info ul{overflow:hidden; padding-bottom:10px; line-height:0; display:block; margin:0 1%;}
.ap_info ul li{width:48%; margin:5px 1% 0; float:left; position:relative;text-align:center;}
.ap_info ul li a:active{ opacity:0.7;}
.ap_info ul li img{ width:100%;}
.ap_info ul li span{ position:absolute; left:0; top:0; width:100%; display:block; padding:10px 0; line-height:1; font-size:100%; background:rgba(23,113,234,0.7); color:#fff; font-weight:bold; }

.apn_search h1{ padding:8px 10px 8px 45px; background:url(https://img.travel.rakuten.co.jp/special/airport/images/icon_02.gif) 8px center no-repeat #0957C1; line-height:1;}
.apn_search h1 span{ display:block; margin-left:-5px;}
.apn_search dl{ overflow:hidden;margin:0 0 10px 0; 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 10px 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 10px;}
.apn_search dd ul{overflow:hidden;}
.apn_search dd ul li{width:50%; float:left;}
.apn_search dd ul li a{ display:block; margin:5px 3px 0; 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;}
.apn_search dd ul li a:active{ text-decoration:none; background:#999; font-weight:bold; }

nav ul{overflow:hidden; line-height:1; margin:0 0 15px 10px;}
nav ul li{ padding:10px 15px; float:left; font-size:78%; font-weight:bold; text-align:center; }
nav ul li:nth-child(2n-1){ border-right:1px solid #ddd;}
nav ul li a{ color:#000; text-decoration:underline;}
nav ul li a:active{text-decoration:none;}

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


.ap.bd .btn{text-align:center; margin:25px 10px;}
.ap.bd .btn a{ display:block; background:#CE2B18; border-radius:5px; color:#fff; font-size:140%; padding:16px 0; font-weight: bold; }
.ap.bd .btn a:active{ opacity:0.7; text-decoration:none;}
.ap.bd .btn a img{display:none;}


.hotel .btn{  text-align:center;  margin: 10px;}
.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{ margin:10px 10px 0; 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:active{ opacity:0.7;}

.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:active{ opacity:0.7;}

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;}


.srchStructure dt{clear:both;float:left;width:36%;min-width:100px;font-size:78%;line-height:1.2;}
.srchStructure dt.date{padding-top:10px;}
.srchStructure dd{float:left;width:64%;margin-bottom:10px;font-size:82%;}
.srchStructure .number li select{max-width:40px;vertical-align:1px;}
.adult{ float:left; width:40%;}
.moreSelect{ float:left; width:40%;}