@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { color:#262626; }
a { color: #1d3994; text-decoration: none; font-size: 1.2rem; }
.OnCL { clear: both; }
.OnFL { float: left; }
.OnFR { float: right; }
.breadcrumb { display:block; }
/* ----------------------------------------------
トップ全体
---------------------------------------------- */
.topCts {
padding: 15px 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4179d9), color-stop(1.00, #bbe5fa));
background: -webkit-linear-gradient(#4179d9, #bbe5fa);
background: -moz-linear-gradient(#4179d9, #bbe5fa);
background: -o-linear-gradient(#4179d9, #bbe5fa);
background: -ms-linear-gradient(#4179d9, #bbe5fa);
background: linear-gradient(#4179d9, #bbe5fa);
/*background: url("/attending/air/images/2017/topbg_EBL15-43542D.jpg") ; */
/*background-image: url("/attending/air/images/2017/topbg_BP18-006013D.jpg") ;
background-size: cover;*/
/*background-position:0 -60px;*/
}
.topCtsIn { position: relative; width: 960px; height: auto; margin: 0 auto; }
.topCtsIn .air_form { float: left; width: 680px; height: auto; }
/*.topCtsIn .air_carousel { float: right; width: 260px; height: 272px; }*/
.topCtsIn .air_carousel { float: right; width: 240px; /*height: 332px;*/ height: 378px; padding:0 0 10px; box-sizing:border-box;
/*background:#fff; スライドで2つ以上になったら背景白にする*/
}
/* ----------------------------------------------
topTab
---------------------------------------------- */
.topTab ul { overflow: hidden; margin-bottom: 10px;background:url("/attending/dp/images/BtnDp_bg.png") no-repeat 0 0; }
.topTab ul li { float: left; display: inline-block; font-size: 14px; line-height: 1.5; padding:0; }
.topTab ul li:last-of-type { border-right:none; }
.topTab ul li a { display: block; }
.topTab ul li a:hover { text-decoration: none; }
.topTab ul li a:hover span { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #1a1a1a ; font-size: 14px; line-height: 1.5; color: #fff; margin:0 10px; padding:10px 20px; }
/*.topTab ul li span { display: block; font-size: 14px; line-height: 1.5; color: #1a1a1a; padding:10px 30px; text-decoration: none; }*/
.topTab ul li.active span { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #1a1a1a ; font-size: 14px; line-height: 1.5; color: #fff; margin:0 20px; padding:10px 20px; }
.topTab ul li.active:first-child { display: block; padding:0 20px 0 0; }
.topTab {
position: relative;
}
.arrow_box {
display: none;
position: absolute;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #333;
color: #fff;
font-size:12px;
line-height:1.5;
z-index:999;
}
.arrow_box:after {
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -10px;
border: solid transparent;
border-color: rgba(51, 51, 51, 0);
border-bottom-color: #333;
border-width: 10px;
pointer-events: none;
content: " ";
}
a:hover + span.arrow_box {
display: block;
}
/* ----------------------------------------------
carousel バナー
---------------------------------------------- */
.slick-list { background-color: #f2f2f2; /*padding-bottom: 10px;*/ /*height:290px!important;*/ height:378px!important; }
/*.slick-prev { top: 0; width: 260px; height: 25px; background: url("/attending/air/images/carousel_prev.png"); border: 0; text-indent: -9999px; cursor: pointer; }
.slick-next { bottom: 0; width: 260px; height: 25px; background: url("/attending/air/images/carousel_next.png"); border: 0; text-indent: -9999px; cursor: pointer; }
.slick-prev_g { top: 0; width: 260px; height: 25px; background: url("/attending/hotel/images/carousel_prev_g.png"); border: 0; text-indent: -9999px; }
.slick-next_g { bottom: 0; width: 260px; height: 25px; background: url("/attending/hotel/images/carousel_next_g.png"); border: 0; text-indent: -9999px; }*/
/*.slick-slide { margin: 10px 10px 0; }*/
.slider div:nth-child(3) img,
.slider div:nth-child(4) img{ display: none; }
.slider button.slick-prev , .slider button.slick-next{
text-indent: -9999px;
position: absolute;
}
.slick-slider button {
display:none;
}
/*----------------------------------------------
検索枠
----------------------------------------------*/
form#topSearch{ position:relative; margin-top:50px;}
.topSearchTtl{ display:none;}
.topSearchBody * { font-size: 14px; line-height: 30px; white-space: nowrap; }
.topSearchBody dt { color: #fff; font-weight: bold; }
.topSearchBody dd, .topSearchBody dd span { color: #fff; }
.topSearchBody input[type=radio] { margin-right: 8px; }
.topSearchBody input[type=checkbox] { margin-right: 5px; }
.topSearchBody input[type="text"] { border: 1px solid #CCC; height: 32px; padding-left: 10px; }
.topSearchBody input[type="text"]:focus { border: 1px solid #0073e5; }
.topSearchLine { width: auto; height: auto; overflow: hidden; clear: both; margin:6px 0 16px 0 ;}
.topSearchBody { background: rgba(0,0,0,0.6); border: 2px solid #4169e1; height: auto; overflow: hidden; padding:6px 20px 14px 20px; width: 680px;}
.heightAdjst { min-height: 328px;}
/*旅行形態*/
.tripTypeSelect{ padding-left:16px; border-bottom: 2px solid #4169e1; position: absolute; top: -50px; width: 680px; left: 0px; }
.tripTypeSelect dt{ display:none; }
.tripTypeSelect dd{ display:inline-block; }
.tripTypeSelect input{ display:none; }
.tripTypeSelectRT label,.tripTypeSelectOW label{ display: block; vertical-align: top; font-size: 16px; line-height: 42px; font-weight: bold; color:#4169e1; border-left: 2px solid #4169e1; border-right: 2px solid #4169e1; border-top: 2px solid #4169e1; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; height: auto; padding: 2px 32px; cursor : pointer;}
.tripTypeSelectRT input[type="radio"]:checked + label{ background:#4169e1; color:#fff; }
.tripTypeSelectOW input[type="radio"]:checked + label{ background:#4169e1; color:#fff; }
/*.tripTypeSelect01 div{ display: block; vertical-align: top; font-weight: bold; border-left: 2px solid #4169e1; border-right: 2px solid #4169e1; border-top: 2px solid #4169e1; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; width: auto; height: auto; padding: 2px 32px; }
.tripTypeSelect01 div p{ font-size:16px; line-height: 42px; display:inline-block; }*/
.tripTypeSelect .tripTypeSelect01 a{ display: inline-block; font-size: 12px; line-height: 16px; padding: 6px 20px 6px 20px; vertical-align: middle; color:#000; font-weight:bold; clear:both; width:440px;}
.tripTypeSelect .tripTypeSelect01 a:before{
content:"周遊";
font-size: 16px;
line-height: 34px;
font-weight: bold;
color: #4169e1;
float:left;
margin-right: 14px;
}
.tripTypeSelect .tripTypeSelect01{
color: #4169e1;
border-left: 2px solid #4169e1;
border-right: 2px solid #4169e1;
border-top: 2px solid #4169e1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fff;
vertical-align: top;
}
/*.tripTypeSelect dt { width: 4em; }*/
/*出発日*/
.departureDate1Select { width: auto; height: auto; overflow: hidden; float: left; padding-right: 24px; }
.departureDate1Select dt { float: left; }
.departureDate1Select dd { float: left; background:#fff; }
.departureDate1Select dt { padding-right: 15px; width: 75px; padding-top: 3px; }
.departureDate1Select .cal{background:#ffffff; }
.departureDate1Select .dep{ font-size:14px; font-weight:bold; padding-right: 15px; width:auto; }
.departureDate1Select dd input { width: 174px; background: url("../images/topSearchCal.png") no-repeat center right; }
/*現地出発日*/
.departureDate2Select { width: auto; height: auto; overflow: hidden; float: left; }
.departureDate2Select dt, .departureDate2Select dd { float: left; }
.departureDate2Select dt { padding-right: 15px; width: auto; padding-top: 3px; }
.departureDate2Select dd{background:#ffffff; }
.departureDate2Select dd input { width: 160px; background: url("../images/topSearchCal.png") no-repeat center right; }
/*出発地*/
.departure1Select { overflow: hidden; width: auto; height: auto; clear: both; margin-top: 8px; margin-bottom:10px; overflow:hidden;}
.departure1Select dt, .departure1Select dd { float: left; padding: 0 15px 0 0; }
.departure1Select dt { padding-right: 15px; width: 75px; padding-top: 1px; }
.departure1Select select { width: 230px; height: 32px; -webkit-appearance: menulist-button;}
/*目的地*/
.departure2Select { clear: both; height: auto; width: auto; padding-top: 6px; margin-bottom:10px; overflow:hidden;}
.departure2Select dt, .departure2Select dd { float: left; padding: 0 4px 0 0; }
.departure2Select dt { padding-right: 15px; width: 75px; }
.departure2Select01 { height: 32px; width: 140px; -webkit-appearance: menulist-button;}
.departure2Select02 { height: 32px; width: 140px; -webkit-appearance: menulist-button;}
.departure2Select03 { height: 32px; width: 240px; -webkit-appearance: menulist-button;}
/*人数*/
.numSelect { width: auto; height: auto; clear: both; padding-top:6px; margin-bottom:10px; overflow:hidden;}
.numSelect dt, .numSelect dd { float: left; padding: 0 15px 0 0; }
.numSelect dt { padding-right: 15px; width: 75px; padding-top: 1px; }
.numSelect dd:nth-of-type(1){ vertical-align: top; float:left; width:auto; line-height:32px; }
.numSelect dd:nth-of-type(2){ vertical-align: top; float:left; width:auto; line-height:32px; }
.numSelect dd:nth-of-type(3){ vertical-align: top; float:left; width:auto; line-height:32px; }
.numSelect dd.aboutNum {float:left; width:auto; padding-top: 10px; }
.numSelect dd.aboutNum a { font-size: 12px; line-height: 12px; font-weight:bold; text-decoration:underline; color:#fff; }
.numSelect dd {font-size:14px; line-height:32px; color:#fff; display:inline-block; }
.numSelect dd span {display:inline-block; width:auto;font-size: 10px; line-height: 14px; }
.numSelect dd p span {width:80px; }
.numSelect dd:nth-of-type(1) span{width:50px}
.numSelect dd:nth-of-type(2) span{width:62px}
.numSelect dd:nth-of-type(3) span{width:40px}
.numSelect select { width: 48px; height: 32px; vertical-align: top; -webkit-appearance: menulist-button;}
/*航空会社*/
.caSelect { width: auto; height: auto; clear: both; float: left; padding-right: 30px; padding-top: 6px; }
.caSelect dt, .caSelect dd { float: left; }
.caSelect dt { padding-right: 15px; width: 75px; padding-top: 1px; }
.caSelect select { width: 255px; height: 30px; -webkit-appearance: menulist-button;}
/*座席クラス*/
.seatSelect { width: auto; height: auto; float: left; padding-top:6px; }
.seatSelect dt, .seatSelect dd { float: left; padding: 0 15px 0 0; }
.seatSelect dt { padding-right: 15px; width: auto; padding-top: 1px; }
.seatSelect select { width: 170px; height: 32px; -webkit-appearance: menulist-button;}
.addConditions { clear: both; }
.addConditions a { font-size: 14px; line-height: 1.5; color: #163dc2; }
/*条件を追加する*/
.topSearchAdd { width: 165px; height: auto; padding-top: 25px; margin-right: 20px; float: left; clear: both; }
.topSearchAdd a{ font-size:13px; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #111; width: auto; padding: 0 15px; text-align:center; display:block; line-height: 24px; }
.topSearchAdd a span{ font-weight:bolder; }
/*検索ボタン*/
.topSearchBtn { width: 349px; height: 38px; padding-top: 13px; float: left; }
/*追加条件*/
.topSearchAddCts { width: auto; height: auto; clear: both; overflow: hidden; margin-top: 16px; border-top: 1px dashed #CCC; display: none; }
/*出発時間帯*/
.depTimeSelect1 { width: auto; height: auto; clear: both; padding-top: 6px; float: left; padding-right: 30px; }
.depTimeSelect1 dt, .depTimeSelect1 dd { float: left; padding: 0 15px 0 0; }
.depTimeSelect1 dt { padding-right: 5px; padding-top: 1px; }
.depTimeSelect1 select { width: 140px; height: 32px; -webkit-appearance: menulist-button;}
/*現地出発時間帯*/
.depTimeSelect2 { width: auto; height: auto; float: left; padding-top: 6px; }
.depTimeSelect2 dt, .depTimeSelect2 dd { float: left; padding: 0 15px 0 0; }
.depTimeSelect2 dt { padding-right: 15px; }
.depTimeSelect2 select { width: 140px; height: 32px; -webkit-appearance: menulist-button;}
/*直行便*/
.directSelect { width: auto; height: auto; clear: both; float: left; }
.directSelect dt, .directSelect dd { float: left; padding: 0 15px 0 0; }
.directSelect dt { padding-right: 15px; width:75px; }
.directSelect label{color:#fff;}
/*現地変更*/
.retOpenSelect { width: auto; height: auto; padding-top: 8px; float: left; overflow: hidden; }
.retOpenSelect dt, .retOpenSelect dd { float: left; padding: 0 15px 0 0; }
.retOpenSelect dt { padding-right: 15px; }
/*制限付き航空券*/
.fareSelect { width: 640px; height: auto; clear: both; padding-top: 8px; float: left; }
.fareSelect dt, .fareSelect dd { float: left; padding: 0 15px 0 0; }
.fareSelect dt { padding-right: 15px; }
.srchChdAgeSelect { clear: both; overflow: hidden; padding-top: 10px; }
.cautionTxt { font-size: 12px; margin-bottom: 5px; }
.srchChild { overflow: hidden; }
.srchChild dt { float: left; font-weight: bold; padding-right: 5px; }
.srchChild dd { float: left; font-size: 12px; margin-right: 20px; }
.srchChild dd select { height: auto; width: 70px; }
.srchChdAgeSelect .srchChild select { font-size: 1.2rem; }
.cautionTxt span { font-size: 10px; line-height: 1.5; }
.contents { position: relative; }
.secCts .contents {clear: both; /*overflow: hidden;*/ padding-bottom: 40px; display: table;}
.SubWinBox { height: auto; width: 700px; display: block; top: 170px; left: 20px; position: absolute; }
/*表示順序変更*/
/*.topSearchBody{display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}*/
.departure1Select{
-webkit-box-ordinal-group:0;
-ms-flex-order:0;
-webkit-order:0;
order:0;
}
.departure2Select{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.topSearchLine{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.numSelect{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.topSearchAddCts{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}
.topSearchAdd{
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
}
.topSearchBtn{
-webkit-box-ordinal-group:5;
-ms-flex-order:5;
-webkit-order:5;
order:5;
}
/*----------------------------------------------
コンテンツ枠 secCts
----------------------------------------------*/
.secCts{background:#f2f1ee; }
.mainCts{ float:left; width:680px; height:auto; }
.mainCts h2{ color:#fff; font-size:24px; line-height:24px; font-weight: normal; padding:16px 16px 16px 50px; }
/*----------------------------------------------
検索枠下のバナー width 960px
----------------------------------------------*/
.BnBox {
width:960px;
margin:0 auto;
padding:0;
background:#f2f1ee;
}
.BnBox p {
/*padding-top:30px;*/
}
/*----------------------------------------------
おすすめ海外航空券
----------------------------------------------*/
.recommend{ margin-top:30px; }
.recommend h2{ background: url("/attending/air/images/2017/tl_rec.png") no-repeat; background-color:#4169e1; background-position: 20px 50%; background-size: 25px; }
.recommend ul{ display:block; width:690px; margin-left: -10px; }
.recommend li{ width:333px; border:1px solid #4169e1; display:inline-block; margin-left:10px; margin-top:10px; height:85px; background: url("/attending/air/images/2017/arrow_rec.png") no-repeat 50%; background-size:10px; background-position: 316px 68px; background-color: #fff; }
.recommend li a:hover{ text-decoration:none!important; }
.recommend li:hover { border: 5px solid #ff9100 \9; border:1px solid #ff9100; margin: 0 \9; -webkit-box-shadow: 0 0 0 5px #ff9100; box-shadow: 0 0 0 5px #ff9100; transition-duration: 0.2s; transition-timing-function: ease-out; background: url("/attending/air/images/2017/arrow_rec_ov.png") no-repeat 50%; background-size:10px; background-position: 320px 72px; background-color: #fff; }
.recommend li dl{ padding:8px; }
.recommend li dl dt{ font-size:14px; color:#4c4c4c; font-weight:bold; text-align:center; letter-spacing:0.5px; }
.recommend li dl dd{ text-align:center; }
.recommend li dl .price{ font-size:21px; line-height:28px; text-align:center; letter-spacing:0.5px; }
.recommend li dl .price p{ display:inline-block; color: #e60012; font-size: 12px; font-weight: bold; line-height: 32px;}
.recommend .txt{ text-align:right;}
/*----------------------------------------------
人気の方面特集
----------------------------------------------*/
.pop{ margin-top:30px; }
.pop h2{ background: url("/attending/air/images/2017/tl_rec.png") no-repeat; background-color:#4169e1; background-position: 20px 50%; background-size: 25px; }
.pop .bg_white{ background: #fff; margin-bottom:20px;}
.pop .bg_white .txt{padding-bottom:15px; padding-left:15px; text-align:right;}
.pop ul{ padding-left: 15px; display: block; padding-bottom: 10px; padding-top: 10px; }
.pop li{ width:152px; height:auto; display:inline-block; margin-right:10px; }
.pop li:hover { border: 5px solid #ff9100 \9; margin: 0 \9; -webkit-box-shadow: 0 0 0 5px #ff9100; box-shadow: 0 0 0 5px #ff9100; transition-duration: 0.2s; transition-timing-function: ease-out; }
.pop li div{ position:relative; }
.pop li div img{ width:152px; height:auto; }
.pop li div p{
position: absolute;
width: 152px;
color: #fff;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: bold;
text-align: center;
bottom: 0;
padding-top:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
.pop li:hover div p{ line-height: 32px; }
/*----------------------------------------------
海外航空券を探す
----------------------------------------------*/
.from_search{margin-bottom:30px; }
.from_search h2{ background: url("/attending/air/images/2017/tl_search.png") no-repeat; background-color:#4169e1; background-position: 20px 50%; background-size: 25px; }
.from_search .airCts{ background:#fff; margin-bottom: 20px; padding-bottom: 20px; }
.airCtsPlane { clear:both; overflow: hidden; width: 640px; height: auto; padding-bottom: 8px; border-bottom: 1px solid #c8e6fa; padding-top: 10px; margin:auto 20px; }
.airCtsPlane h3{ float:left; margin-left:8px; font-size:13px; color:#4c4c4c; font-weight:bold; border-bottom:none;}
.airCtsPlane ul{ float:left; display:block; }
.airCts .airCtsPlane h3{width:115px; }
.airCts .airCtsPlane ul{width:517px; }
.airCts2 .airCtsPlane h3{width:173px; }
.airCts2 .airCtsPlane ul{width:459px; }
.airCtsPlane li{ font-size:12px; line-height:18px; color:#4c4c4c; display:inline-block; }
.airCtsPlane li:after{ content:"｜"; font-weight:bold; color:#4169e1; margin:0 4px; }
.airCtsPlane li a{ color:#4c4c4c!important; }
.from_search .airCts2 { background: #fff; padding-bottom: 20px; }
.from_search .airCts2 h2 span a{ color:#fff; margin-left:30px; font-weight:normal;}
/*----------------------------------------------
海外航空券の新着情報
----------------------------------------------*/
.new_info{ margin-bottom:30px; }
.new_info h2{ background: url("/attending/air/images/2017/tl_search.png") no-repeat; background-color:#4169e1; background-position: 20px 50%; background-size: 25px; }
.new_info div{ padding:20px; background:#fff; }
.new_info dt:before { content: ''; display: inline-block; width: 0; height: 0; border: transparent solid 5px; border-left-color: #1d3994; }
/*----------------------------------------------
海外航空券のよくあるご質問
----------------------------------------------*/
.faqBox{margin-bottom:30px; }
.faqBox h2{ background: url("/attending/air/images/2017/tl_search.png") no-repeat; background-color:#4169e1; background-position: 20px 50%; background-size: 25px; }
.faqBox .faqInbox{ background:#fff; margin-bottom:30px; padding:10px 20px 20px 20px; }
.faqBox .prebox ul{ border-bottom:1px dotted #a5a5a5; }
.faqBox .prebox li:first-child{ background: url("/attending/air/images/2017/icon_question.png") no-repeat left; content: ""; display: inline-block; background-size:24px; background-position-y: top; padding-left:30px; font-size:12px; line-height:21px; color:#4c4c4c; margin:6px 0; }
.faqBox .prebox li:last-child{ background: url("/attending/air/images/2017/icon_anser.png") no-repeat left; content: ""; display: inline-block; background-size:24px; background-position-y: top; padding-left:30px; font-size:12px; line-height:21px; color:#4169e1; font-weight:bold; margin-bottom:6px; }
/* 開閉 */
.faqBox div.faqTxtBlk { border-bottom: none; margin-bottom: 0; }
.faqBox div.faqBtn { border-bottom: none; text-align: center; margin: 10px auto 20px; }
.faqBox div.faqBtn a { font-size:13px; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #111; padding: 5px 15px; text-align:center; display:block; }
.m_center{ margin:0 auto; width:360px; }
/*----------------------------------------------
重要なお知らせ
----------------------------------------------*/
/*.notices{ margin-bottom:30px; }
.notices h2{ background: url("/attending/air/images/2017/tl_notice.png") no-repeat; background-color:#fff; background-position: 15px 50%; background-size: 33px; border:2px solid #d92b2b; color:#d92b2b; padding: 14px 14px 14px 55px; }
.notices .impInfo{ width:680px; border:none; margin:0; padding:0; }
.notices .impInfo p{ display:none; }
.notices .impInfo ul{ background:#fff; float:none; width:680px; padding:20px; clear: both; overflow: hidden; }*/
/*----------------------------------------------
お客様へのお知らせ
----------------------------------------------*/
.customer{ margin-bottom:30px; }
.customer h2 { background: url(/attending/air/images/2017/tl_search.png) no-repeat; background-color: #4169e1; background-position: 20px 50%; background-size: 25px; }
.customer .txt{ background:#fff; padding:10px 20px; display:block; }
.customer .txt li{ display:inline-block; margin-right:15px; margin-top:20px; }
.customer .btnTo{ margin-left:-20px; width:700px; clear:both; overflow:hidden; }
.customer .btnTo li{ float:left; width:330px; height:auto; margin-left:20px; margin-top:20px;}
/*----------------------------------------------
旅の情報
----------------------------------------------*/
.trip_info{ margin-bottom:30px; }
.trip_info h2 { background: url(/attending/air/images/2017/tl_search.png) no-repeat; background-color: #4169e1; background-position: 20px 50%; background-size: 25px; }
.trip_info h2 span{ color:#fff; font-size:14px; margin-left:20px; font-weight:normal;}
/*旅行の旅ガイド*/
.trip_info .box{ background:#fff; padding:20px; clear:both; overflow:hidden; }
.trip_info .box h2{ display:none; }
.information_i{ overflow:hidden; }
.trip_info .icn { overflow: hidden; width: 340px; }
.trip_info .icn img { display: block; float: left; }
.trip_info .icn p { float: left; font-size: 16px; line-height: 1.5; margin-top: 10px; margin-left: 10px; }
.trip_info .idx_box08 { width: 320px; height: auto; }
.trip_info .guide_i { overflow: hidden; width: 300px; height: auto; }
.trip_info .guide_i .pht { float: left; width: 105px; height: 80px; }
.trip_info .guide_i .pht img, .trip_info .guide_d .pht img { height: 80px; width: 105px; }
.trip_info .guide_i dt { float: right; width: 185px; height: auto; text-align: left; }
.trip_info .guide_i dt a { font-size: 14px; line-height: 1.5; }
.trip_info .guide_i .txt { float: right; width: 185px; height: auto; font-size: 12px; line-height: 1.5; text-align: left; margin-bottom: 5px; }
.trip_info .more { float: right; display: inline-block; border: solid 1px #bbc3df; }
.trip_info .more a { display: block; background: url(../images/arrw02.png) 125px 7px no-repeat; font-size: 14px; line-height: 1.5; padding: 2px 20px 2px 10px; }
/*ブログ*/
.trip_info .blog_i .icn { overflow: hidden; width: 340px; }
.trip_info .blog_i .icn img { display: block; float: left; }
.trip_info .blog_i .icn p { float: left; font-size: 16px; line-height: 1.5; margin-top: 10px; margin-left: 10px; }
.trip_info .blog_i dl { float: left; width: 145px; height: auto; }
.trip_info .blog_i > dl { margin-right: 15px; }
.trip_info .blog_i dl .pht { width: 145px; height: 108px; text-align: center; overflow: hidden; }
.trip_info .blog_i dl .pht img { height: 100%; width: auto; }
.trip_info .blog_i dl .date { font-size: 12px; line-height: 1.5; padding-top: 5px; width: 145px; }
.trip_info .blog_i dl dt { width: 145px; height: auto; text-align: left; }
.trip_info .blog_i dl dt a { font-size: 12px; line-height: 1.5; }
.trip_info .blog_i .more { float: right; display: inline-block; border: solid 1px #bbc3df; margin-top: 10px; clear: both; }
.trip_info .blog_i .more a { display: block; background: url(/sharing/common16/images/arrw02.png) 110px 7px no-repeat; font-size: 14px; line-height: 1.5; padding: 2px 20px 2px 10px; }
/*----------------------------------------------
海外航空券 ご案内事項
----------------------------------------------*/
.airAnnnai{
width:960px;
overflow:hidden;
margin:0 auto;
border-top:1px solid #cccccc;
padding-top:15px;
padding-bottom:40px;
}
.airAnnnai h3{
font-size:14px;
line-height:21px;
border-bottom:none;
}
.airAnnnai li{
font-size:11px;
line-height:14px;
text-indent:-1em;
padding-left:1em;
}
.footerArea{
margin-top:0;
}
.side{ float:right; width:260px; height:auto; }
/*----------------------------------------------
海外航空券 00月の最安値
----------------------------------------------*/
.air_lowest{
margin:30px 0 20px 0;
background:#fff;
}
.air_lowest h2.searchTtl_new{
border:4px solid #4169e1;
}
.air_lowest h2.searchTtl_new img{
display: inline-block;
vertical-align: top;
padding: 10px 0 10px 10px;
}
.air_lowest h2.searchTtl_new p{
display:inline-block;
padding:10px;
color:#4169e1;
font-size:24px;
line-height:32px;
padding-left: 42px;
}
.air_lowest h2.searchTtl_new {
background: url(/attending/air/images/2017/tour_icon_midashi03.png) no-repeat;
background-position: 10px 25%;
background-size: 25px;
}
.air_lowest > div{
padding:5px 10px 15px 10px;
}
.air_lowest p.txt{
color: #4c4c4c;
/* font-size: 1.1rem;*/
line-height: 1.5;
vertical-align: middle;
text-indent: -1.1rem;
padding-left: 1.1rem;
}
/*最安値*/
.lowest_update{
color: #4c4c4c;
/*font-size: 1.1rem;*/
line-height:2.75rem;
display:inline-block;
vertical-align: middle;
}
.lowest_select{
display:inline-block;
background:#e6e6e6;
float:right;
margin-bottom: 5px;
}
.lowest_select select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 8px;
border:0px;
height: 2.75rem;
background: url(/attending/air/sm/images/2017/smArrow4.png) no-repeat right center;
background-size: auto 2.75rem;
width:10em;
border-radius:0px;
}
.lowest_nrt , .lowest_hnd , .lowest_osa , .lowest_ngo , .lowest_fuk{
padding:5px 0 1px 0;
}
.lowest_nrt dl , .lowest_hnd dl , .lowest_osa dl , .lowest_ngo dl , .lowest_fuk dl{
background:url(/attending/air/sm/images/2017/low_bg.png) repeat-x;
background-size:contain;
margin-bottom:1px;
clear:both;
overflow:hidden;
}
.lowest_nrt dt , .lowest_hnd dt , .lowest_osa dt , .lowest_ngo dt , .lowest_fuk dt{
color:#fff;
font-size:1.3rem;
line-height:3.6rem;
padding-left:3%;
display:inline-block;
float:left;
}
.lowest_nrt dd , .lowest_hnd dd , .lowest_osa dd , .lowest_ngo dd , .lowest_fuk dd{
color:#d90b0b;
font-size:1.8rem;
line-height:3.6rem;
letter-spacing: 0.05rem;
text-align:right;
padding-right:6.5%;
display:inline-block;
float:right;
background: url(/attending/air/sm/images/2017/smArrow3.png) no-repeat 94% center;
background-size: 0.6rem;
}
.lowest_nrt dd p , .lowest_hnd dd p , .lowest_osa dd p , .lowest_ngo dd p , .lowest_fuk dd p{
display:inline-block;
color:#fff;
font-size:1.2rem;
}
.air_lowest dl:hover dd , .air_lowest dl:hover dd p , .air_lowest dl:hover dt{color:#FEFD00;}
.air_lowest .price_null { font-size: 1.8rem; line-height: 3.6rem; padding: 0 2.25em; opacity:0.5;}
/*----------------------------------------------
サイドバー side
----------------------------------------------*/
h3.mdsBar02{ margin-top:20px; margin-bottom:5px; font-size:16px; color:#4169e1; font-weight:normal; border:4px solid #4169e1; background:#fff; padding:12px; letter-spacing:0.5px;}
.rbBlk p , .rbBlk dl , .rbBlk ul {margin:0 10px; }
.rbBlk p , .rbBlk dt , .rbBlk dd , .rbBlk li{font-size:12px; line-height:18px; letter-spacing:0.5px;}
.rbBlk img{margin-top:8px;}
.contact dt {font-size:14px; font-weight:bold; letter-spacing:0.5px;}
.contact dt p{font-weight:normal; font-size:12px;}
.contact dd {font-size:16px; font-weight:bold; letter-spacing:0.5px; margin:5px 0;}
/*----------------------------------------------
検索枠下 バナー
----------------------------------------------*/
.contents .BnBox p {
/*padding-top: 30px;*/
}
/*----------------------------------------------
重要なお知らせ
----------------------------------------------*/
#notice {
border-left: none;
border-right: none;
width: 960px;
margin: 20px auto 0;
clear: both;
height: auto;
background-color: #fff;
}
#notice h2 {
display:none;
}
#notice .impInfo p {
display:block;
float: left;
background: url(/sharing/common14/images/impInfoIcon.gif) 0 1px no-repeat;
width: 110px;
height: auto;
font-size: 1.2rem;
color: #f83030;
padding-left: 20px;
}
#notice .impInfo ul {
float: right;
width: 808px;
height: auto;
}
#notice .impInfo ul li {
float: left;
background: url(/sharing/common14/images/arrw01.gif) no-repeat 0 6px;
padding-left: 10px;
font-size: 1.2rem;
margin-right: 15px;
}
.SearchUnderInfo, .SearchUnderInfo a {
font-size:14px;
line-height:1.5;
}
.SearchUnderInfo {
background: url(/attending/air/images/ExclamationMarkRed.png) 1% 50% no-repeat;
clear:both;
padding: 5px 5px 5px 50px;
background-color: rgba(255,255,255,0.6);
margin:15px auto 10px;
width:960px;
}
.SearchTopInfo {
font-size:12px;
line-height:1.5;
color:#262626;
}
.SearchTopInfo {
/*background: url(/attending/air/images/ExclamationMarkRed.png) 1% 50% no-repeat;*/
clear:both;
padding: 5px 5px 5px 5px;
background-color: rgba(255,255,255,0.6);
margin:15px auto 10px;
width:960px;
margin-bottom:10px;
}
.SearchTopInfo a {color: #0000ff; text-decoration: underline;}
/* お客様へのお知らせボタン */
.bt_faq {
background-color: #ff8a00;
border: none !important;
margin: 15px 20px 0;
}
.bt_faq_link {
display: block;
}
.bt_faq_link:hover {
text-decoration: none;
}
.bt_faq_text {
position: relative;
display: block;
font-size: 18px;
line-height:1.5;
color: #fff;
text-align: center;
padding: 15px 0;
}
.bt_faq_text::before {
content:'';
position: absolute;
left: 9%;
display: inline-block;
background-image: url(/attending/air/images/icon_qa.png);
background-size: contain;
background-position: center center;
background-repeat:no-repeat;
width:10%;
height:50%;
}
.bt_faq_text::after {
content:'';
position: absolute;
right: 3%;
top: 50%;
display: block;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin-top:-6px;
transition: 0.5s;
}
.bt_faq_text:hover::after {
right: 2%;
}