/*
copy of master.css in page-w_dp-content
/element_sp/w_dp/list/css/master.css
---------------------------------- */
/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.page-w_dp-content .link-list-city:before,
.page-w_dp-content .link-list-city:after,
.page-w_dp-content .list-popular:before,
.page-w_dp-content .list-popular:after{
content:"";
display:table;
}
.page-w_dp-content .link-list-city:after,
.page-w_dp-content .list-popular:after{
clear:both;
}
.page-w_dp-content .list-popular li{
width:50%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin:0;
padding-right:3px;
}
.page-w_dp-content .list-popular li:nth-child(even){
padding-right:0;
padding-left:3px;
}
.page-w_dp-content .list-line {
line-height:1.25;
}
.page-w_dp-content .list-line > li {
display:inline-block;
margin:5px 0 0 5px;
padding-left:8px;
border-left:1px solid #ccc;
}
.page-w_dp-content .list-line > li:first-child {
margin-left:0;
padding-left:0;
border-left:none;
}
/* .list-separate
----------------------------------------------- */
.page-w_dp-content .list-separate {
margin:10px 0;
}
.page-w_dp-content .list-separate > li {
overflow:hidden;
margin-top:10px;
}
.page-w_dp-content .list-separate > li > .cell {
float:left;
}
.page-w_dp-content .list-separate > li > .cell:first-child {
position:relative;
float:left;
width:30%;
max-width:200px;
}
.page-w_dp-content .list-separate > li > .cell > :first-child {
margin-top:0;
}
.page-w_dp-content .list-separate > li > .cell.card img {
height:11px;
margin-right:3px;
}
.page-w_dp-content .list-separate > li:first-child {
margin-top:0;
}
.page-w_dp-content .list-separate.branch {
font-size:12px;
color:#555;
}
.page-w_dp-content .search-item-container .list-separate.branch > li span{
display:inline-block;
margin-right:1px;
vertical-align:text-top;
}
/* .term
----------------------------------------------- */
.page-w_dp-content .term {
position:relative;
margin-top:12px;
padding:10px 10px 16px;
border-radius:4px;
background-color:#fff;
}
/* .search-item-container
----------------------------------------------- */
.page-w_dp-content .search-item-container {
margin:0 -10px;
background-color:#666;
}
.page-w_dp-content .search-item-container .search-item-num {
font-weight:bold;
margin:0 0 -6px 0;
padding:12px 10px 10px;
color:#fff;
min-height:26px;
position:relative;
background:#666;
}
.page-w_dp-content .search-item-container .search-item + .search-item-num{
padding:5px 10px;
min-height:inherit;
}
.page-w_dp-content .search-item-container .search-item-num .sup {
font-size:12px;
font-weight:normal;
}
.page-w_dp-content .search-item-container .search-item {
margin-top:6px;
padding:10px 10px 6px;
background-color:#fff;
}
.page-w_dp-content .search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other {
position:absolute;
top:80px;
left:0;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-caption {
font-size:10px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100px;
text-align:left;
color:#999;
white-space:nowrap;
margin-top:-3px;
}
.page-w_dp-content .search-item-container .search-item-info {
position:relative;
min-height:90px;
padding-left:110px;
}
.page-w_dp-content .search-item-container .search-item-info > .act_gaq_link_hotel_name{
display:block;
}
.page-w_dp-content .search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other{
position:absolute;
top:80px;
left:0;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-thumb {
max-width:100px;
max-height:100px;
border:1px solid #dfe0e6;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-icon {
font-size:12px;
position:absolute;
top:80px;
left:0;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100px;
padding:2px;
text-align:center;
color:#fff;
border-radius:3px;
background-color:var(--cmn-font-color-base);
}
.page-w_dp-content .search-item-container .search-item-info .search-item-caption {
font-size:10px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100px;
padding:0 2px;
text-align:left;
color:#999;
white-space:nowrap;
}
.page-w_dp-content .search-item-container .search-item-hdg {
font-size:15px;
line-height:1.1;
}
.page-w_dp-content .search-item-container .search-item-hdg .text-eng{
font-size:11px;
color:#999;
display:block;
font-weight:normal;
margin:3px 0;
}
.page-w_dp-content .search-item-container .text-area{
font-size:11px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}
.page-w_dp-content .search-item-container .map {
margin:5px 0 8px;
display:inline-block;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 2px no-repeat;
background-size:9px;
color:#555;
font-size:11px;
padding:1px 0 1px 12px;
}
.page-w_dp-content .feature-list{
display:block;
margin:0 0 4px 0;
font-size:0;
}
.page-w_dp-content .feature-list li{
display:inline-block;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.3;
margin:0 0 3px 0;
}
.page-w_dp-content .feature-list li .cmn-tip-btn{
vertical-align:middle;
margin-left:2px;
}
.page-w_dp-content .feature-list li.disabled{
color:#ccc;
}
.page-w_dp-content .feature-list li:after{
content:"/";
color:var(--cmn-font-color-base);
margin:0 2px;
}
.page-w_dp-content .feature-list li:last-child:after{
content:"";
}
.page-w_dp-content .hotel-detail-area .link-line {
text-align:left;
margin:0;
}
.page-w_dp-content .hdg-price{
clear:both;
font-size:12px;
background:#f1f1f1;
padding:2px 5px 0;
margin-bottom:0;
overflow:hidden;
}
.page-w_dp-content .hdg-price .link-text{
display:block;
font-size:11px;
font-weight:normal;
float:right;
color:#555;
}
.page-w_dp-content .hdg-price .link-text a{
cursor:pointer;
z-index:5;
}
.page-w_dp-content .hdg-price.hdg-l3 .link-text{
margin-top:3px;
}
.page-w_dp-content .search-item-container .search-item-hdg a {
color:var(--cmn-font-color-link);
}
.page-w_dp-content .search-item-container .search-item-hdg-01 {
margin:10px 0 -10px;
}
.page-w_dp-content .search-item-container .list-separate > li {
margin-top:4px;
}
.page-w_dp-content .search-item-container .list-separate > li > .cell:first-child {
width:7em;
}
.page-w_dp-content .search-item-container .list-separate.branch {
font-size:11px;
margin:5px 0 0 0;
clear:both;
display:block;
padding-top:3px;
}
.page-w_dp-content .search-item-container .list-separate.branch > li {
margin-top:0;
}
.page-w_dp-content .search-item-container .list-separate.branch > li > .cell:first-child {
width:8.5em;
font-size:11px;
}
.page-w_dp-content .search-item-container .list-separate.branch > li > .cell:first-child a{
margin:0 0 0 4px;
cursor:pointer;
z-index:5;
vertical-align:top;
}
.page-w_dp-content .search-item-container .list-separate.branch > li:last-child{
margin-top:2px;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line {
margin-top:-4px;
margin-bottom:4px;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line > li {
margin:3px 0 0 0;
padding-left:0;
border-left:none;
width:100%;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line > li b {
font-size:12px;
padding-right:2px;
padding-left:4px;
display:inline-block;
vertical-align:bottom;
font-family:arial;
font-weight:normal;
margin-bottom:-1px;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line > li > a {
font-size:11px;
color:#555;
vertical-align:middle;
font-weight:normal;
padding:0 0 0 15px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
margin-left:5px;
}
.page-w_dp-content .search-item-container .list-separate.branch > li.address,
.page-w_dp-content .search-item-container .list-separate.branch > li.check-in-out{
display:table;
}
.page-w_dp-content .search-item-container .list-separate.branch > li.check-in-out{
margin-bottom:3px;
}
.page-w_dp-content .search-item-container .list-separate.branch > li.address div,
.page-w_dp-content .search-item-container .list-separate.branch > li.check-in-out div{
display:table-cell;
min-width:123px;
font-size:11px;
}
.page-w_dp-content .search-item-container .list-separate.branch > li.address div:last-child,
.page-w_dp-content .search-item-container .list-separate.branch > li.check-in-out div:last-child{
text-indent:-.5em;
padding-left:.5em;
}
.page-w_dp-content .search-item-container .list-separate.branch > li.address div:last-child:before,
.page-w_dp-content .search-item-container .list-separate.branch > li.check-in-out div:last-child:before{
content:":";
margin:0 2px;
}
.page-w_dp-content item-container .list-separate.branch > li.check-in-out{
margin-bottom:3px;
}
.page-w_dp-content .search-item-container .list-separate.list-col-2 > li {
width:36.875%;
}
.page-w_dp-content .search-item-container .list-separate.list-col-2 > li > .cell:first-child {
width:5em;
}
.page-w_dp-content .search-item-container .list-separate.list-col-2 > li:nth-child(2n+1) {
width:60%;
}
.page-w_dp-content .search-item-container .review-rate {
margin:0;
}
.page-w_dp-content .search-item-container .review-more {
font-size:12px;
margin:0;
}
.page-w_dp-content .search-item-container .nav-search-item {
font-size:11px;
margin-top:4px;
padding-top:5px;
position:relative;
padding-bottom:5px;
}
.page-w_dp-content .search-item-container .nav-search-item > .cmn-loading-spinner-dot{
width:16px;
height:16px;
margin:19px auto;
}
.page-w_dp-content .search-item-container .nav-search-item > a,
.page-w_dp-content .search-item-container .nav-search-item > .plan-detail-box,
.page-w_dp-content main .plan-detail-item-price > a{
position:relative;
display:block;
min-height:30px;
padding:0 14px 0 0;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .search-item-container .nav-search-item > .plan-detail-box a,
.page-w_dp-content .search-item-container .nav-search-item > a,
.page-w_dp-content main .plan-detail-item-price > a{
color:var(--cmn-font-color-base);
display:block;
line-height:1;
}
.page-w_dp-content .search-item-container .nav-search-item > a:before,
.page-w_dp-content .search-item-container .nav-search-item > .plan-detail-box:before,
.page-w_dp-content main .plan-detail-item-price > a::before {
position:absolute;
display:block;
width:7px;
height:7px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
}
.page-w_dp-content .search-item-container .nav-search-item > a:before,
.page-w_dp-content .search-item-container .nav-search-item > .plan-detail-box:before,
.page-w_dp-content main .plan-detail-item-price > a::before {
top:50%;
right:0;
margin-top:-5px;
}
.page-w_dp-content .search-item-container .price {
font-size:14px;
display:table-cell;
padding-right:16px;
vertical-align:baseline;
color:var(--cmn-font-color-red);
}
.page-w_dp-content .search-item-container .price.nofix{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .plan-detail-box p{
font-size:11px;
margin:0;
line-height:1.2;
text-align:right;
}
.page-w_dp-content .foreign-price p b{
font-size:14px;
font-weight:bold;
}
.page-w_dp-content .foreign-price span.price-info{
color:var(--cmn-font-color-red);
font-size:11px;
display:block;
line-height:1.1;
float:right;
}
.page-w_dp-content .search-item-container .price small{
font-size:11px;
padding-right:3px;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .search-item-container .nav-search-item-inner > .foreign-price {
display:block;
vertical-align:baseline;
padding-left:85px;
padding-right:3px;
}
.page-w_dp-content .toggle-inner-box .foreign-price-list,
.page-w_dp-content .foreign-price-list{
margin:-3px 0 0 0;
text-align:right;
float:right;
padding:0;
}
.page-w_dp-content .toggle-inner-box .foreign-price-list li,
.page-w_dp-content .foreign-price-list li{
line-height:1.35;
font-size:11px;
display:table;
text-align:right;
width:145px;
margin:0;
padding:0;
}
.page-w_dp-content .tab-container .foreign-price-list li{
width:100%;
}
.page-w_dp-content .toggle-inner-box .foreign-price-list li > span,
.page-w_dp-content .foreign-price-list li > span{
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
white-space:nowrap;
}
.page-w_dp-content .foreign-price-list li > span:last-child{
min-width:80px;
padding-left:8px;
}
.page-w_dp-content .foreign-price-list li.foreign-price-flight{
border-top:1px dotted #e9e9e9;
margin-top:5px;
padding-top:5px;
}
.page-w_dp-content .foreign-price-list li.foreign-price-flight,
.page-w_dp-content .foreign-price-list li.foreign-price-hotel{
position:relative;
margin-top:6px;
}
.page-w_dp-content .foreign-price-list li.foreign-price-flight > span,
.page-w_dp-content .foreign-price-list li.foreign-price-hotel > span{
display:block;
}
.page-w_dp-content .foreign-price-list li.foreign-price-flight > span.list-hdg,
.page-w_dp-content .foreign-price-list li.foreign-price-hotel > span.list-hdg{
position:absolute;
top:0;
left:0;
}
.page-w_dp-content .foreign-price-list li.foreign-price-flight > span.list-hdg{
top:5px;
}
.page-w_dp-content .foreign-price-list li > span:first-child{
text-align:left;
min-width:55px;
padding-left:5px;
}
.page-w_dp-content .foreign-price-list li > span:first-child .cmn-tip-btn{
margin-left:4px;
vertical-align:middle;
}
.page-w_dp-content .foreign-price-list li > span.clr-stl-01:first-child,
.page-w_dp-content .foreign-price-list li > span.clr-stl-01:last-child,
.page-w_dp-content .foreign-price-list li > span.clr-stl-02:first-child,
.page-w_dp-content .foreign-price-list li > span.clr-stl-02:last-child,
.page-w_dp-content .foreign-price-list li > span.num:first-child{
min-width:inherit;
padding-left:0;
display:inline;
}
.page-w_dp-content .foreign-price-list li > .number-sum{
font-size:11px;
}
.page-w_dp-content .foreign-price-list li > .price-sum{
color:var(--cmn-font-color-red);
font-size:11px;
}
.page-w_dp-content .foreign-price-list li > .price-sum .num{
font-size:17px;
font-weight:bold;
font-family:arial;
}
.page-w_dp-content .plan-detail-box .date-num{
margin:0;
text-align:right;
}
.page-w_dp-content .plan-detail-box .tax-list:before{
content:"/";
margin:0 0 0 2px;
display:inline-block;
}
.page-w_dp-content .search-item-container .nav-search-item-inner > .foreign-price b {
display:inline-block;
}
.page-w_dp-content .search-item-container .search-item-detaile {
font-size:13px;
margin-top:6px;
text-align:center;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn {
font-size:12px;
position:relative;
width:160px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:11px 10px 10px;
background:none;
background-color:#fff;
border:1px solid #d1d1d1;
border-radius:4px;
color:var(--cmn-font-color-gray);
margin:0 auto;
line-height:1;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn.disabled{
border:0;
color:#a4a4a4;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn.loading:before{
display:none;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn.loading span{
position:relative;
font-size:12px;
padding-left:21px;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn.loading span:before{
content:"";
top:-2px;
left:0;
position:absolute;
color:transparent;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn:before {
margin-top:-14px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:"";
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.page-w_dp-content .search-item-container .search-item-detaile .search-item-btn:before {
position:static;
display:inline-block;
margin:-6px 5px 0 0;
vertical-align:middle;
}
.page-w_dp-content .search-item-container .search-item-detaile.active .search-item-btn:before {
margin-top:-1px;
top:50%;
left:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* for detail */
.page-w_dp-content .search-item-container.branch{
-webkit-box-shadow:none;
box-shadow:none;
border-bottom:none;
}
.page-w_dp-content .search-item-container.branch .search-item{
padding:0 10px;
margin-top:0;
background-color:#d2d2d2;
}
.page-w_dp-content .search-item-container.branch .nav-search-item{
margin:0 -10px;
padding:12px 10px 9px;
border-bottom:1px solid #666;
background-color:#fff;
}
.page-w_dp-content .tab-item .search-item-container.branch .nav-search-item{
border:0;
border-bottom:1px solid #666;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box{
margin-top:0;
}
.page-w_dp-content .search-item-container.branch .nav-search-item div.logo{
left:10px;
}
.page-w_dp-content .agent-info{
background:#f5f5f5;
position:relative;
padding:10px 15px;
display:block;
margin-top:5px;
}
.page-w_dp-content .agent-info .close{
position:absolute;
top:10px;
right:10px;
font-size:11px;
}
.page-w_dp-content .agent-info p{
font-weight:bold;
font-size:14px;
padding-right:3em;
margin:0;
}
.page-w_dp-content .agent-info ul{
margin:0;
}
.page-w_dp-content .agent-info li{
font-size:12px;
width:49%;
display:inline-block;
}
.page-w_dp-content .agent-info li span{
display:inline-block;
}
.page-w_dp-content .agent-info .definition{
width:4.2em;
}
.page-w_dp-content .agent-info .detail:before{
content:" :";
}
.page-w_dp-content .unable-box{
margin:0 -10px;
background:#ddd;
padding:0 10px;
}
.page-w_dp-content .unable-box > p{
background:#525252;
margin:5px -10px 0 -10px;
padding:5px 10px;
color:#fff;
font-weight:bold;
font-size:12px;

}
/* 擬似遷移ページ内の時 */
.page-w_dp-content .pseudo-content .search-item-container {
border-bottom:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.page-w_dp-content .pseudo-content .pseudo-header + .search-item-container {
margin-top:-10px;
}
/* .plan-detail-item
----------------------------------------------- */
.page-w_dp-content .plan-detail-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.page-w_dp-content .plan-detail-item-hdg{
font-size:13px;
padding-right:8px;
line-height:1.25;
width:105px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:bold;
}
.page-w_dp-content .plan-detail-item-hdg .sup{
font-size:11px;
display:block;
margin-bottom:2px;
}
.page-w_dp-content .plan-detail-item-hdg .cmn-tip-btn{
margin-left:4px;
}
.page-w_dp-content .plan-detail-item-price{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.page-w_dp-content .plan-detail-item-price-tbl{
display:table;
width:100%;
}
.page-w_dp-content .plan-detail-item-price-tbl > .cell{
display:table-cell;
vertical-align:top;
}
.page-w_dp-content .plan-detail-item-price-tbl > .cell:first-child{
padding:3px 4px 0 0;
text-align:right;
}
.page-w_dp-content .plan-detail-item + .payment-info{
margin-top:-20px;
padding:0;
margin-bottom:-2px;
}
.page-w_dp-content .plan-detail-item + .payment-info .payment-info-list{
padding-left:100px;
margin-bottom:0;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
@media screen and (max-width:365px){
.page-w_dp-content .plan-detail-item + .payment-info{
margin-top:0;
padding:0;
}
.page-w_dp-content .plan-detail-item + .payment-info .payment-info-list{
padding-left:0;
}
}
/* .plan-detail-item-agt
----------------------------------------------- */
.page-w_dp-content .plan-detail-item-agt > span{
display:block;
font-size:12px;
margin-top:-2px;
}
.page-w_dp-content .plan-detail-item-agt > .plan-agt-link{
margin:4px 0 2px;
}
.page-w_dp-content .plan-detail-item-agt > .plan-agt-link a{
max-width:7em;
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.page-w_dp-content .plan-detail-item-hdg .plan-detail-item-agt{
font-weight:normal;
}
/* .recommend-item
----------------------------------------------- */
/* 都市ページ内おすすめツアートグルコンポーネント */
.page-w_dp-content .recommend-item .recommend-item-btn {
font-weight:bold;
position:relative;
display:inline-block;
margin:0;
}
.page-w_dp-content .recommend-item .recommend-item-btn:before {
position:absolute;
top:4px;
left:0;
display:block;
overflow:hidden;
width:18px;
height:18px;
content:"";
}
.page-w_dp-content .recommend-item .recommend-item-btn:before {
border:1px solid #777;
border-radius:3px;
background-color:#fff;
}
.page-w_dp-content .recommend-item .recommend-item-btn button {
position:relative;
z-index:1;
padding:3px 0 3px 25px;
border:none;
background:none;
}
.page-w_dp-content .recommend-item .recommend-item-btn button:before {
position:absolute;
top:13px;
left:5px;
display:block;
overflow:hidden;
width:10px;
height:2px;
content:"";
}
.page-w_dp-content .recommend-item .recommend-item-btn button:after {
position:absolute;
top:9px;
left:9px;
display:block;
overflow:hidden;
width:2px;
height:10px;
content:"";
}
.page-w_dp-content .recommend-item .recommend-item-btn button:before,
.page-w_dp-content .recommend-item .recommend-item-btn button:after {
background-color:var(--cmn-font-color-base);
}
.page-w_dp-content .recommend-item.active .recommend-item-btn button:after {
display:none;
}
/* .suggest
----------------------------------------------- */
.page-w_dp-content .suggest {
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
z-index:2;
top:87px;
left:0;
width:100%;
padding:0 10px;
}
.page-w_dp-content .suggest .suggest-list {
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
border:1px solid #ccc;
background-color:#fff;
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, .5);
box-shadow:0 0 2px rgba(0, 0, 0, .5);
}
.page-w_dp-content .suggest .suggest-list li {
margin:0;
border-bottom:1px solid #ccc;
}
.page-w_dp-content .suggest .suggest-list li:last-child {
border-bottom:none;
}
.page-w_dp-content .suggest .suggest-list li a {
display:block;
padding:10px;
color:var(--cmn-font-color-base);
}
/* suggest
----------------------------------------------- */
.page-w_dp-content .suggest .suggest-box {
position:absolute;
z-index:1;
left:10px;
display:none;
width:calc(100% - 20px);
border:1px solid #b5b5b5;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
top:14px;
margin:0;
}
.page-w_dp-content .suggest .suggest-box.is-active{
display:block;
}
.page-w_dp-content .suggest .suggest-box > ul {
margin:0;
}
.page-w_dp-content .suggest .suggest-box > ul li{
border-bottom:1px solid #e5e5e5;
}
.page-w_dp-content .suggest .suggest-box > ul a {
display:block;
padding:10px;
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.35;
}
.page-w_dp-content .suggest .hdg-l2 {
margin:0;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#e5e5e5;
padding:8px 10px;
color:var(--cmn-font-color-base);
line-height:1;
}
.page-w_dp-content .suggest.is-active .suggest-box {
display:block;
}
.page-w_dp-content .txt-suggest{
padding:10px;
text-align:right;
font-size:13px;
color:#555;
margin:0;
}
.page-w_dp-content .info-suggest{
font-size:11px;
padding:0 10px 10px;
color:var(--cmn-font-color-gray);
margin:0;
}
.page-w_dp-content .suggest .suggest-box > ul.suggest-list-spot li a{
position:relative;
padding-left:35px;
display:block;
}
.page-w_dp-content .suggest-list-spot li a:before{
position:absolute;
top:20px;
left:10px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:"";
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
background-size:220px;
}
.page-w_dp-content .suggest-list-spot li.spot-01 a:before {
background-position:0 0;
}
.page-w_dp-content .suggest-list-spot li.spot-02 a:before {
background-position:-37px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-03 a:before {
background-position:-18px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-04 a:before {
background-position:-55px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-05 a:before {
background-position:-75px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-06 a:before {
background-position:-94px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-07 a:before {
width:13px;
margin-left:3px;
background-position:-110px 0;
}
.page-w_dp-content .suggest-list-spot li.spot-08 a:before {
background-position:-122px 0;
}
.page-w_dp-content .suggest-error{
padding:10px;
font-size:13px;line-height:1.4;
}
.page-w_dp-content .suggest-error > b{
display:block;
margin-bottom:4px;
}
/* ----------------------------------------------------------------
  .pseudo-input-word
----------------------------------------------------------------- */
/* .pseudo-input-word
----------------------------------------------- */
.page-w_dp-content .pseudo-input-word{
margin:20px 0;
position:relative;
}
.page-w_dp-content .pseudo-input-word .hdg-l2-01,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01{
border-bottom:0;
}
.page-w_dp-content .pseudo-input-word > .link-list > li:first-child > a,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + .link-list > li:first-child > a{
border-top:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-input-word > .link-list > li:first-child > .txt,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + .link-list > li:first-child .txt{
padding-top:0;
}
.page-w_dp-content .pseudo-input-word #Area_destination_history li,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_destination_history li{
border-bottom:0;
}
.page-w_dp-content .pseudo-input-word #Area_destination_history li a,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_destination_history li a{
border-bottom:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-input-word #Area_departure_history li,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_departure_history li{
border-bottom:0;
}
.page-w_dp-content .pseudo-input-word #Area_departure_history li a,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_departure_history li a{
border-bottom:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-input-word #Area_lodging_history li,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_lodging_history li{
border-bottom:0;
}
.page-w_dp-content .pseudo-input-word #Area_lodging_history li a,
.page-w_dp-content .pseudo-input-word + .hdg-l2-01 + #Area_lodging_history li a{
border-bottom:1px solid #e5e5e5;
}
/* .pseudo-input-word-inner
----------------------------------------------- */
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner{
position:relative;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"],
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]{
padding:0 30px 0 7px;
border:1px solid #bbb;
width:100%;
height:38px;
min-height:38px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-webkit-input-placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-webkit-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-webkit-input-placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-webkit-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-moz-placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-moz-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]:-ms-input-placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]:-ms-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-ms-input-placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-ms-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-webkit-input-placeholder, .page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-webkit-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-moz-placeholder, .page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-moz-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]:-ms-input-placeholder, .page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]:-ms-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::-ms-input-placeholder, .page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::-ms-input-placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="text"]::placeholder,
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner input[type="search"]::placeholder{
font-size:16px;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner button{
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
text-indent:-9999px;
border:0;
background-color:transparent;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-inner button::before{
content:"";
display:block;
position:absolute;
top:15px;
right:10px;
width:10px;
height:10px;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-mask:url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#666;
}
/* .pseudo-input-word-suggest
----------------------------------------------- */
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:0;
z-index:2;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest.is-active{
display:block;
}
/* .pseudo-input-word-suggest-hdg
----------------------------------------------- */
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}
/* .pseudo-input-word-suggest-list-keyword
----------------------------------------------- */
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword{
margin:0;
font-size:14px;
line-height:1.25;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword > li{
position:relative;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.page-w_dp-content .pseudo-input-word .pseudo-input-word-suggest-list-keyword > li button:before{
content:"";
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}
.page-w_dp-content .pseudo-input-word .error{
font-size:12px;
padding:10px;
}
.page-w_dp-content .pseudo-input-word .error .sup{
display:block;
font-size:10px;
text-indent:-1em;
padding-left:1em;
margin-top:2px;
}
/* .pseudo-lyt
----------------------------------------------- */
.page-w_dp-content .pseudo-lyt .hdg-l1-container{
margin-top:0;
margin-bottom:0;
}
.page-w_dp-content .pseudo-content.pseudo-lyt {
padding-bottom:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.page-w_dp-content .pseudo-content.pseudo-lyt.page-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
/* .pseudo-error
----------------------------------------------- */
.page-w_dp-content .pseudo-error{
margin:16px 0;
}
.page-w_dp-content .pseudo-error strong{
margin-bottom:20px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}
/* .pseudo-link-list
----------------------------------------------- */
.page-w_dp-content .pseudo-link-list{
margin:0;
line-height:1.35;
}
.page-w_dp-content .pseudo-link-list > li{
border-bottom:1px solid #e5e5e5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.page-w_dp-content .pseudo-link-list > li > a{
color:var(--cmn-font-color-base);
padding:4px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-width:0;
min-height:44px;
}
.page-w_dp-content .pseudo-link-list > li > button{
margin:0 0 0 16px;
padding:0 4px;
border:1px solid #bbb;
border-radius:3px;
min-height:23px;
background-color:#fff;
font-size:12px;
}
.page-w_dp-content .pseudo-link-list > li.is-selected > a > span:first-child{
padding-right:24px;
background:url(/element_sp/w_dp/shared/images/icon-check.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.page-w_dp-content .pseudo-link-list > li > .airport,
.page-w_dp-content .pseudo-link-list > li > .station,
.page-w_dp-content .pseudo-link-list > li > .area,
.page-w_dp-content .pseudo-link-list > li > .spot,
.page-w_dp-content .pseudo-link-list > li > .hotel{
padding-left:26px;
position:relative;
}
.page-w_dp-content .pseudo-link-list > li > .airport::before,
.page-w_dp-content .pseudo-link-list > li > .station::before,
.page-w_dp-content .pseudo-link-list > li > .area::before,
.page-w_dp-content .pseudo-link-list > li > .spot::before,
.page-w_dp-content .pseudo-link-list > li > .hotel::before{
margin-top:-8px;
content:"";
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.page-w_dp-content .pseudo-link-list > li > .airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.page-w_dp-content .pseudo-link-list > li > .station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.page-w_dp-content .pseudo-link-list > li > .area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.page-w_dp-content .pseudo-link-list > li > .spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}
.page-w_dp-content .pseudo-link-list > li > .hotel::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}
.page-w_dp-content .pseudo-link-list > li.has-child > a{
padding-right:20px;
position:relative;
}
.page-w_dp-content .pseudo-link-list > li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.page-w_dp-content .pseudo-link-list .is-disabled > a{
color:#ccc;
}
.page-w_dp-content .pseudo-link-list .num{
color:#777;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
text-align:right;
}
.page-w_dp-content .pseudo-link-list .sup{
display:inline-block;
}
.page-w_dp-content .pseudo-link-list .sup-s{
display:block;
font-size:12px;
}
.page-w_dp-content .pseudo-toggle-list .pseudo-link-list{
margin:0 0 -1px 0;
border-top:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-btn-prev + .pseudo-link-list,
.page-w_dp-content .pseudo-hdg-l4 + .pseudo-link-list,
.page-w_dp-content .pseudo-hdg-l4-container + .pseudo-link-list{
border-top:1px solid #e5e5e5;
}
.page-w_dp-content .pseudo-hdg-l3 + .pseudo-link-list{
margin-top:-8px;
}
/* .pseudo-lyt-content
----------------------------------------------- */
.page-w_dp-content .pseudo-lyt .pseudo-lyt-content{
margin:0 -10px;
padding:0 10px 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
line-height:1.42;
}
.page-w_dp-content .pseudo-lyt .pseudo-lyt-content.branch{
background-color:#f5f5f5;
}
.page-w_dp-content .pseudo-lyt .pseudo-lyt-content > p:first-child{
margin-top:16px;
}
/* .pseudo-lyt-header
----------------------------------------------- */
.page-w_dp-content .pseudo-lyt .pseudo-lyt-header{
position:relative;
z-index:1;
}
/* .pseudo-lyt-footer
----------------------------------------------- */
.page-w_dp-content .pseudo-lyt .pseudo-lyt-footer{
margin:0 -10px;
padding:12px 10px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#444;
font-size:12px;
}
.page-w_dp-content .pseudo-lyt .pseudo-lyt-footer > p{
margin-bottom:8px;
}
.page-w_dp-content .pseudo-lyt .pseudo-lyt-footer > :first-child{
margin-top:0;
}
/* .form-container
----------------------------------------------- */
.page-w_dp-content .form-container{
display:table;
width:100%;
margin:10px 0;
}
.page-w_dp-content .lyt-sticky .search-area .form-container{
margin:0;
}
.page-w_dp-content .form-container > .form-inner{
display:table-cell;
vertical-align:middle;
padding:0 5px;
}
.page-w_dp-content .form-container > .form-inner:first-child{
padding:0 5px 0 0;
}
.page-w_dp-content .form-container > .form-inner:last-child{
padding:0 0 0 5px;
}
.page-w_dp-content .form-container > .form-inner .select-custom{
margin-left:0;
}
.page-w_dp-content .form-container > .form-inner .select-custom select{
padding:6px 20px 6px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:36px;
font-size:16px;
font-weight:normal;
}
.page-w_dp-content .form-container > .form-inner .filter-btn{
min-height:38px;
padding:0;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
background-image:none;
font-size:14px;
}
/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading-box
----------------------------------------------- */
.page-w_dp-content .loading-box{
color:#373737;
}
.page-w_dp-content .loading-txt {
margin:45px 0 0 0;
font-size:15px;
font-weight:bold;
text-align:center;
}
.page-w_dp-content .loading-txt:before{
content:"";
display:inline-block;
margin:0 auto 20px;
width:24px;
height:24px;
display:block;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat 50% 50%;
background-size:100% 100%;
-webkit-animation:cmn-loading-spinner-rotate 2s linear infinite;
animation:cmn-loading-spinner-rotate 2s linear infinite;
}
.page-w_dp-content .loading-box-2{
text-align:center;
margin:15px 0;
}
.page-w_dp-content .loading-box-2 .loading-txt{
color:#a4a4a4;
font-size:12px;
font-weight:normal;
margin:0;
display:inline-block;
padding:0 0 0 25px;
position:relative;
}
.page-w_dp-content .loading-box-2 .loading-txt:before{
content:"";
display:inline-block;
width:17px;
height:17px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.page-w_dp-content .loading-num{
margin:0;
text-align:center;
}
.page-w_dp-content .loading-num > b{
font-size:16px;
}
.page-w_dp-content .loading-num > span{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.page-w_dp-content .list .loading-box{
margin:0 -10px;
padding:25px 0;
background-color:#fff;
}
.page-w_dp-content .agent-txt-list{
margin-top:15px;
}
.page-w_dp-content .agent-txt-list li{
display:block;
text-align:center;
margin-bottom:4px;
font-size:12px;
}
/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
/* .loading-top-container
----------------------------------------------- */
.page-w_dp-content .loading-top-container {
margin:0 -10px;
padding:8px 15px 13px;
position:fixed;
top:0;
width:100%;
-webkit-box-shadow:0 2px 5px 4px rgba(0, 0, 0, .3);
box-shadow:0 2px 5px 4px rgba(0, 0, 0, .3);
background-color:rgba(0, 0, 0, .75);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:3;
}
.page-w_dp-content .loading-bar-item > .loading-bar-txt{
display:block;
font-size:11px;
margin-bottom:3px;
color:#fff;
}
.page-w_dp-content .loading-bar-item .searching-progressbar{
width:100%;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
border-radius:6px;
}
.page-w_dp-content .searching-progressbar-inner {
height:6px;
border-radius:0;
background-image:url(/element/w_dp/shared/images/modal_bg01_001.gif);
text-indent:-9999px;
}
.page-w_dp-content .tab-item .search-result-header{
background:#666;
margin:0 -10px;
color:#fff;
font-size:12px;
padding:5px 10px 6px;
}
.page-w_dp-content .tab-item .loading-bar-item .searching-progressbar{
margin-bottom:10px;
}
.page-w_dp-content .tab-item .search-result-header .loading-bar-info{
display:block;
}
.page-w_dp-content .tab-item .search-result-header .loading-bar-info .cmn-tip-btn{
margin:-2px 0 0 4px;
vertical-align:middle;
}
.page-w_dp-content .tab-item .search-result-header .loading-bar-info .icon-q:before{
border:0;
}
.page-w_dp-content .price-info-txt-box{
text-align:right;
font-size:11px;
margin:4px -10px 0;
padding:0 10px;
border-bottom:1px solid #666;
}
.page-w_dp-content .price-info-txt-box .cmn-tip-btn{
margin:0 0 0 4px;
vertical-align:top;
}
/* .loading-modal
----------------------------------------------- */
.page-w_dp-content .loading-modal{
position:fixed;
top:0;
left:0;
z-index:101;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
}
.page-w_dp-content .loading-modal .loading-modal-inner{
position:absolute;
right:50%;
bottom:50%;
padding:10px 20px 8px;
border-radius:8px;
background-color:#fff;
font-weight:bold;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.page-w_dp-content .loading-modal .cmn-loading-spinner {
margin:5px auto;
}
/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
@-webkit-keyframes loading {
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}
100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}
@keyframes loading {
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}
100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}
/* .error-box
----------------------------------------------- */
.page-w_dp-content .error-box {
font-size:12px;
font-weight:bold;
margin:20px 0;
padding-bottom:60px;
text-align:center;

/*background:url(/element_sp/shared/images/icon/icon-error.svg) 50% 100% no-repeat;*/
}
.page-w_dp-content .error-list-box{
clear:both;
background:#fff;
margin:0;
padding:10px 15px 20px 15px;
text-align:center;
}
.page-w_dp-content .error-list-box p{
font-size:12px;
font-weight:bold;
}
.page-w_dp-content .error-list-box p + p{
font-weight:normal;
margin-top:20px;
}
.page-w_dp-content .error-list-box p + p b{
display:block;
}
.page-w_dp-content .error-list-box button{
background:#fff;
text-align:center;
border:1px solid #ccc;
padding:3px 5px;
display:block;
margin:0 auto;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/* ----------------------------------------------------------------
    .rate-list
----------------------------------------------------------------- */
.page-w_dp-content .rate-info{
padding-top:5px;
clear:both;
}
.page-w_dp-content .rate-info-list{
display:table;
width:100%;
margin:0;
border-collapse:collapse;
border-top:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}
.page-w_dp-content .rate-info-list >li {
padding:0;
display:table-cell;
border-bottom:none;

/*border-right:2px solid #fff;*/
text-align:left;
width:85%;
}
.page-w_dp-content .rate-info-list >li:last-child {
width:auto;
border-right:none;
}
.page-w_dp-content .rate-info-list >li b {
padding:3px 8px 2px 8px;
display:block;
font-size:13px;
font-weight:normal;
color:#555;
border-right:1px solid #e3e3e3;
background-color:#f0f0f0;
}
.page-w_dp-content .rate-info-list >li b sup{
vertical-align:baseline;
}
.page-w_dp-content .rate-info-list >li span,
.page-w_dp-content .rate-info-list >li ul {
display:block;
margin:0;
}
.page-w_dp-content .rate-info-list >li span{
padding:2px 8px;
font-size:12px;
border-bottom:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}
.page-w_dp-content .rate-info-list >li:nth-child(2) span{
border-right:0px;
}
.page-w_dp-content .rate-info-list >li:nth-child(2) b{
border-right:0px;
}
/* .box-carousel
----------------------------------------------- */
.page-w_dp-content .box-carousel {
position:relative;
margin:0 -10px;
background-color:#fff;
}
.page-w_dp-content .box-carousel#banner{
border:none;
}
.page-w_dp-content .box-carousel .list-carousel-image {
overflow:hidden;
margin:0 0 10px;
height:210px;
}
.page-w_dp-content .box-carousel .list-carousel-image li {
display:block;
width:100%;
height:210px;
float:left;
}
.page-w_dp-content .box-carousel .list-carousel-image img{
display:block;
width:100%;
height:auto;
}
.page-w_dp-content .box-carousel .num-carousel-image {
text-align:center;
font-size:12px;
margin:-5px 0 5px;
}
.page-w_dp-content .box-carousel [class^="btn-carousel-"] {
position:absolute;
top:90px;
padding-top:30px;
overflow:hidden;
height:0;
width:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .box-carousel .btn-carousel-prev {
left:10px;
}
.page-w_dp-content .box-carousel .btn-carousel-next {
right:10px;
}
.page-w_dp-content .box-carousel [class^="btn-carousel-"]:before,
.page-w_dp-content .box-carousel [class^="btn-carousel-"]:after {
content:"";
position:absolute;
top:50%;
margin-top:-6px;
height:16px;
width:16px;
display:block;
border:3px solid #555;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .box-carousel .btn-carousel-prev:before,
.page-w_dp-content .box-carousel .btn-carousel-prev:after {
left:6px;
border-right-width:0;
border-top-width:0;
}
.page-w_dp-content .box-carousel .btn-carousel-next:before,
.page-w_dp-content .box-carousel .btn-carousel-next:after {
right:5px;
border-left-width:0;
border-bottom-width:0;
}
.page-w_dp-content .box-carousel [class^="btn-carousel-"]:after {
border-color:#fff;
margin-top:-8px;
}
.page-w_dp-content .box-carousel .caption {
position:absolute;
right:10px;
bottom:3px;
margin:0;
line-height:1.3;
text-align:right;
font-size:10px;
display:block;
color:#555;
}
.page-w_dp-content .box-carousel .caption a{
color:#555;
}
.page-w_dp-content .box-carousel .caption b{
font-weight:normal;
position:relative;
padding-right:8px;
}
.page-w_dp-content .box-carousel .caption b:after{
content:"\ff1a";
display:block;
position:absolute;
right:0;
top:0;
}
/* No Photo ver */
.page-w_dp-content .box-carousel.nophoto .list-carousel-image li{
display:block;
text-align:center;
vertical-align:middle;
margin:0 auto;
background:#ededed;
}
.page-w_dp-content .box-carousel.nophoto .list-carousel-image li:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
.page-w_dp-content .box-carousel.nophoto .list-carousel-image li img{
display:inline-block;
height:100%;
vertical-align:middle;
height:auto;
width:auto;
max-width:100%;
max-height:100%;
}
/* .box-detail-map
----------------------------------------------- */
.page-w_dp-content .box-map-detail {
margin:0 -10px;
position:relative;
}
.page-w_dp-content .box-map-detail .map-spot-container {
position:relative;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:10px 10px 0;
}
.page-w_dp-content .box-map-detail .map-spot-container p {
font-size:13px;
margin:0;
padding-right:5em;
color:#555;
font-weight:bold;
}
.page-w_dp-content .box-map-detail .map-spot-container button {
font-size:12px;
position:absolute;
top:10px;
right:10px;
padding:0 13px;
color:var(--cmn-font-color-gray);
border:1px solid #c4c4c4;
border-radius:3px;
background-color:#fff;
}
.page-w_dp-content .box-map-detail .map-spot-container .map-spot ul {
overflow:hidden;
margin:0;
}
.page-w_dp-content .box-map-detail .map-spot-container .map-spot ul li {
font-size:12px;
line-height:1;
display:inline-block;
float:left;
margin:7px 5px 7px 0;
padding-left:5px;
border-left:1px solid #bbb;
}
.page-w_dp-content .box-map-detail .map-spot-container .map-spot ul li:first-child {
padding-left:0;
border-left:none;
}
.page-w_dp-content .box-map-detail .map-spot-container .map-spot ul li:last-child {
margin-right:0;
}
.page-w_dp-content .box-map-detail + .btn-container {
overflow:hidden;
padding:10px 0;
}
.page-w_dp-content .box-map-detail + .btn-container > .btn {
float:right;
}
.page-w_dp-content .box-map-detail #act_hotel-map{
border-bottom:1px solid #e5e5e5;
}
/* .review-disp-list
----------------------------------------------- */
.page-w_dp-content .review-disp-list li{
position:relative;
padding-left:80px;
}
.page-w_dp-content .review-disp-list li > span{
width:80px;
position:absolute;
left:0;
top:0;
}
.page-w_dp-content .review-disp-list li > span > span{
margin-bottom:3px;
}
.page-w_dp-content .review-disp-list li a{
display:table;
width:100%;
}
.page-w_dp-content .review-disp-list li a > *{
display:table-cell;
vertical-align:middle;
}
.page-w_dp-content .review-disp-list .disp-bar{
width:80%;
}
.page-w_dp-content .review-disp-list .disp-bar > span{
display:block;
}
.page-w_dp-content .review-disp-list .disp-bar > span:before{
content:"";
display:block;
height:12px;
background-color:#b1b1b1;
}
.page-w_dp-content .box branch .review-disp-list .disp-num{
text-align:right;
}
.page-w_dp-content .review-sup{
font-size:11px;
text-indent:-1em;
padding-left:1em;
}
.page-w_dp-content .review-disp-list .act_review-rank-count-none{
color:#999;
font-weight:normal;
}
.page-w_dp-content .review-disp-list li a > *{
text-align:right;
}
/* .comment-box
----------------------------------------------- */
.page-w_dp-content .comment-box{
margin:10px -10px 0 -10px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:13px;
border-top:6px solid #666;
}
.page-w_dp-content .comment-box > :first-child{
margin-top:0;
}
.page-w_dp-content .comment-box > :last-child{
margin-bottom:0;
}
.page-w_dp-content .btn-more{
font-size:13px;
display:block;
margin:20px -10px 0;
border-top:6px solid #666;
}
.page-w_dp-content .btn-more .btn-02{
border:0;
display:block;
width:100%;
-webkit-box-shadow:none;
box-shadow:none;
border:0;
border-radius:0;
margin:0;
}
.page-w_dp-content .btn-more .btn-02 > span{
margin:0;
padding:0 0 0 17px;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
}
.page-w_dp-content .hdg-comment-container{
margin:0 -10px 10px;
padding:0 10px 5px;
border-bottom:1px solid #e1e1e1;
}
.page-w_dp-content .hdg-comment-container .list-def {
margin:0;
overflow:hidden;
}
.page-w_dp-content .hdg-comment-container .list-def > li{
display:inline-block;
width:auto;
font-size:11px;
}
.page-w_dp-content .hdg-comment-container .list-def > li > *{
display:inline-block;
}
.page-w_dp-content .hdg-comment-container .list-def > li:first-child{
float:left;
}
.page-w_dp-content .hdg-comment-container .list-def > li:last-child{
float:right;
text-align:right;
}
.page-w_dp-content .hdg-comment{
font-size:15px;
line-height:1.2;
margin-bottom:5px;
}
.page-w_dp-content .hdg-comment .hdg-sup{
display:block;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:12px;
}
.page-w_dp-content .comment-txt{
margin:10px 0;
}
.page-w_dp-content .comment-review {
letter-spacing:-.4em;
}
.page-w_dp-content .comment-review > * {
letter-spacing:normal;
display:inline-block;
font-size:13px;
line-height:1;
font-weight:bold;
}
.page-w_dp-content .comment-review.branch > *{
font-size:15px;
font-family:arial;
}
.page-w_dp-content .comment-review > .icon-total {
margin:-5px 8px 0 0;
padding:3px 10px 1px;
border:1px solid #d3d3d3;
background-color:#fff;
font-size:11px;
vertical-align:middle;
font-weight:normal;
}
.page-w_dp-content .comment-review [class^="icon-r-"] span {
margin:0 5px 5px 0;
}
.page-w_dp-content .comment-review > .num-total{
font-weight:normal;
font-size:13px;
margin-left:10px;
}
/* .tab-container
----------------------------------------------- */
.page-w_dp-content .tab-container > .tab-item{
padding:0 10px;
display:none;
margin:0 -10px;
}
.page-w_dp-content .box-outline + .tab-container > .tab-item form .search-area.branch{
padding-top:10px;
}
.page-w_dp-content .tab-container > .tab-item.active{
display:block;
}
/* .nav-box
----------------------------------------------- */
.page-w_dp-content .nav-box ul{
margin:0 -10px;
overflow:hidden;
border-bottom:5px solid #fff;
}
.page-w_dp-content .nav-box li{
float:left;
width:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
font-size:15px;
}
.page-w_dp-content .nav-box li a{
display:block;
padding:11px 0;
background:#f5f5f5;
border-top:0;
color:#555;
font-weight:normal;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .nav-box li a.active{
background:#fff;
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
border-bottom:0;
border-top:1px solid #bbb;
position:relative;
z-index:1;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .nav-box li:last-child{
border-left:1px solid #bbb;
}
.page-w_dp-content main .nav-box li a.off{
cursor:default;
color:#999;
}
.page-w_dp-content .nav-box ul:before,
.page-w_dp-content .nav-box ul:after{
content:"";
display:table;
}
.page-w_dp-content .nav-box ul:after{
clear:both;
}
.page-w_dp-content .detail .tab-container .nav-box{
background-color:#fff;
padding-bottom:10px;
}
.page-w_dp-content .detail .tab-container .nav-box li a.active{
font-weight:bold;
}
/* ----------------------------------------------------------------
  Modal Component
----------------------------------------------------------------- */
/* .modal-map-box
----------------------------------------------- */
.page-w_dp-content .modal-map-box{
margin:-15px -15px 10px;
}
/* .modal-info-box
----------------------------------------------- */
.page-w_dp-content .modal-info-box a:link{
color:var(--cmn-font-color-link);
}
.page-w_dp-content .modal-info-box > :first-child{
margin-top:0;
}
.page-w_dp-content .modal-info-box > :last-child{
margin-bottom:0;
}
/* hotel */
.page-w_dp-content .modal-info-box .hdg-hotel-l2 {
margin-bottom:10px;
font-size:13px;
font-weight:bold;
line-height:1.3;
overflow:hidden;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .modal-info-box .tbl-hotel-info {
font-size:11px;
margin:10px -3px 0;
}
.page-w_dp-content .modal-info-box .tbl-hotel-info th {
width:60px;
font-weight:normal;
vertical-align:top;
}
.page-w_dp-content .modal-info-box .tbl-hotel-info td > ul {
margin:0;
}
.page-w_dp-content .modal-info-box .list-hotel-info-01 {
width:100%;
letter-spacing:-.5em;
}
.page-w_dp-content .modal-info-box .list-hotel-info {
display:table-cell;
margin:0;
}
.page-w_dp-content .modal-info-box .list-hotel-info li {
margin:0;
font-weight:bold;
font-size:12px;
}
.page-w_dp-content .modal-info-box .list-hotel-info li b {
display:inline-block;
width:7em;
font-size:11px;
font-weight:normal;
}
.page-w_dp-content .modal-info-box .list-hotel-info li:last-child span {
color:var(--cmn-font-color-red);
}
.page-w_dp-content .modal-info-box .list-hotel-info li strong {
font-size:16px;
}
.page-w_dp-content .modal-info-box .list-hotel-info-01 > li {
display:inline-block;
letter-spacing:normal;
}
.page-w_dp-content .modal-info-box .list-hotel-info-01 > li:first-child {
margin-right:1.5em;
}
.page-w_dp-content .modal-info-box .list-hotel-info-01 > li b {
margin-right:.5em;
font-weight:normal;
}
.page-w_dp-content .modal-info-box .box-hotel-info {
display:table;
width:100%;
table-layout:fixed;
}
.page-w_dp-content .modal-info-box .list-hotel-info {
display:table-cell;
margin:0;
}
.page-w_dp-content .modal-info-box .list-hotel-info li {
margin:0;
font-weight:bold;
font-size:12px;
}
.page-w_dp-content .modal-info-box .list-hotel-info li b {
display:inline-block;
width:7em;
font-weight:normal;
}
.page-w_dp-content .modal-info-box .list-hotel-info li:last-child span {
color:var(--cmn-font-color-red);
}
.page-w_dp-content .modal-info-box .list-hotel-info li strong {
font-size:16px;
}
.page-w_dp-content .modal-info-box [class^="icon-r-"] span{
margin-bottom:3px;
}
.page-w_dp-content .cmn-modal .cmn-modal-inner{
margin:0 15px;
}
.page-w_dp-content .cmn-modal .modal-info-area{
padding:15px;
}
.page-w_dp-content #act_pm_planmodal .simplemodal-container,
.page-w_dp-content .simplemodal-container{
padding:0;
width:100%;
}
.page-w_dp-content #act_pm_planmodal .simplemodal-container:focus,
.page-w_dp-content .simplemodal-container:focus,
.page-w_dp-content .simplemodal-wrap:focus,
.page-w_dp-content .simplemodal-data:focus{
outline:none;
}
/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
.page-w_dp-content .modal-container .modal-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, .5);
z-index:1;
}
.page-w_dp-content .modal-container .modal-panel{
position:absolute;
left:50%;
margin-left:-46.5%;
background:#fff;
-webkit-box-shadow:1px 1px 3px rgba(6, 0, 1, .4);
box-shadow:1px 1px 3px rgba(6, 0, 1, .4);
z-index:2;
}
.page-w_dp-content .modal-container .modal-panel img{
max-width:100%;
vertical-align:top;
}
.page-w_dp-content .modal-container .modal-panel .modal-panel-item{
padding:10px;
}
.page-w_dp-content .modal-container .modal-panel .modal-btn-close{
position:absolute;
top:-16px;
right:-10px;
width:34px;
height:0;
padding:30px 0 0 0;
background-color:#4d4d4d;
border:2px solid #fff;
border-radius:50%;
line-height:2;
overflow:hidden;
z-index:2;
}
.page-w_dp-content .modal-container .modal-panel .modal-btn-close:before,
.page-w_dp-content .modal-container .modal-panel .modal-btn-close:after{
position:absolute;
content:"";
width:20px;
height:3px;
top:50%;
left:50%;
margin-top:-2px;
margin-left:-10px;
border-radius:3px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.page-w_dp-content .modal-container .modal-panel .modal-btn-close:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* .list-summary
-----------------------------------------------------*/
.page-w_dp-content .list-summary{
margin-top:5px;
overflow:hidden;
}
.page-w_dp-content .list-summary li{
font-size:11px;
overflow:hidden;
}
.page-w_dp-content .list-summary li >b{
display:block;
float:left;
width:4.2em;
font-weight:normal;
line-height:1.3;
}
.page-w_dp-content .list-summary li >b +span{
overflow:hidden;
display:block;
line-height:1.3;
}
.page-w_dp-content .modal-panel-item .hdg-l2-04 {
font-size:14px;
line-height:1.4;
}
.page-w_dp-content .hdg-l2-04-container .hdg-l2-04 .sup {
display:block;
font-size:10px;
font-weight:normal;
color:#4c4c4c;
}
/* .sup-category
----------------------------------------------- */
.page-w_dp-content .sup-category{
display:block;
margin-top:-3px;
margin-bottom:9px;
font-size:11px;
font-weight:normal;
color:#808080;
}
.page-w_dp-content .sup-category +.list-sup-area{
margin-top:-5px;
margin-bottom:-4px;
}
.page-w_dp-content .sup-category +.list-summary{
margin-top:-6px;
}
/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* .tbl-def
----------------------------------------------- */
.page-w_dp-content .tbl-def{
width:100%;
margin:9px 0 5px;
line-height:1.25;
-webkit-box-sizing:border-box;
box-sizing:border-box;
table-layout:fixed;
}
.page-w_dp-content .tbl-def th{
width:23%;
padding-bottom:3px;
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-base);
text-align:left;
vertical-align:top;
}
.page-w_dp-content .tbl-def th:last-of-type{
margin-bottom:0;
}
.page-w_dp-content .tbl-def td{
padding-bottom:3px;
font-size:12px;
word-break:break-all;
}
.page-w_dp-content .tbl-def td a{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .tbl-def td:last-of-type{
margin-bottom:0;
}
.page-w_dp-content .modal-panel-item .tbl-def{
margin:7px -2px;
}
/* .tbl-plan
----------------------------------------------- */
.page-w_dp-content .tbl-plan{
color:var(--cmn-font-color-base);
line-height:1.2;
border-collapse:collapse;
}
.page-w_dp-content .tbl-plan th{
position:relative;
padding-right:7px;
font-size:11px;
font-weight:normal;
}
.page-w_dp-content .tbl-plan th:after{
position:absolute;
display:inline-block;
content:":";
right:0;
}
.page-w_dp-content .tbl-plan td{
font-size:10px;
}
.page-w_dp-content .tbl-plan td em{
font-size:13px;
font-weight:bold;
}
.page-w_dp-content .tbl-plan td span{
font-size:11px;
}
/* .spot-data
----------------------------------------------- */
.page-w_dp-content .spot-data{
overflow:hidden;
}
.page-w_dp-content .spot-data .spot-data-desc{
padding:0 10px;
}
.page-w_dp-content .spot-data table,
.page-w_dp-content .spot-data tbody{
display:block;
}
.page-w_dp-content .spot-data tr{
display:inline;
margin-bottom:10px;
}
.page-w_dp-content .spot-data tr th{
display:block;
float:left;
width:7.5em;
}
.page-w_dp-content .spot-data tr td{
display:block;
overflow:hidden;
margin-bottom:5px;
word-break:break-all;
}
.page-w_dp-content .spot-data .spot-data-thumb{
float:right;
width:75px;
margin:0 0 5px 5px;
}
.page-w_dp-content .spot-data .spot-data-thumb span{
display:table-cell;
width:75px;
height:75px;
text-align:center;
vertical-align:middle;
background-color:#f2f2f2;
}
.page-w_dp-content .spot-data .spot-data-thumb span img{
max-width:75px;
max-height:75px;
vertical-align:middle;
}
.page-w_dp-content .spot-data .spot-data-thumb .btn-03{
margin:5px 0 0;
}
.page-w_dp-content .spot-data .spot-data-thumb .btn-03 a{
padding:7px 2px;
font-size:10px;
line-height:1.2;
}
/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.page-w_dp-content .toggle-container .toggle-item {
display:none;
}
.page-w_dp-content .toggle-container.active .toggle-item {
display:block;
}
.page-w_dp-content .toggle-content > .toggle-inner-box{
display:none;
}
.page-w_dp-content .toggle-content.active > .toggle-inner-box{
display:block;
clear:both;
}
.page-w_dp-content .toggle-content.active > .toggle-inner-box.act_gaq_other{
margin-bottom:-3px;
}
.page-w_dp-content .hdg-toggle-in{
padding:0;
margin:10px 0 10px 28px;
}
.page-w_dp-content .toggle-inner-box > .hdg-toggle-in:first-child{
margin-top:-3px;
}
.page-w_dp-content .toggle-inner-box .hdg-toggle-in + ul{
margin-left:28px;
}
.page-w_dp-content .toggle-content > p{
margin:0;
padding:5px 10px 5px 0;
position:relative;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .toggle-content > p a{
font-size:14px;
color:var(--cmn-font-color-base);
font-weight:bold;
position:relative;
display:block;
padding:5px 10px 0 0;
line-height:1.8;
}
.page-w_dp-content .toggle-content > p:after{
content:"";
display:block;
position:absolute;
width:13px;
height:13px;
top:50%;
right:0;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
}
.page-w_dp-content .toggle-content.active > p:after{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.page-w_dp-content .toggle-content > p a > span{
font-size:12px;
display:inline-block;
line-height:1.2;
padding-left:8px;
font-weight:normal;
}
.page-w_dp-content .toggle-content > p a > .info-note{
position:relative;
color:#777;
font-size:12px;
display:inline-block;
margin-left:4px;
padding-left:16px;
}
.page-w_dp-content .toggle-inner-box  ul{
margin:0 0 12px 0;
}
.page-w_dp-content .toggle-inner-box .toggle-child-box  ul,
.page-w_dp-content .toggle-inner-box .toggle-child-box  ul + p,
.page-w_dp-content .toggle-inner-box .toggle-child-box  ul + p + p{
display:none;
}
.page-w_dp-content .toggle-inner-box .toggle-child-box .btn-more-01 > span:after {
display:block;
}
.page-w_dp-content .toggle-inner-box .toggle-child-box.active  ul,
.page-w_dp-content .toggle-inner-box .toggle-child-box.active  ul + p,
.page-w_dp-content .toggle-inner-box .toggle-child-box.active  ul + p + p{
display:block;
}
.page-w_dp-content .toggle-inner-box .toggle-child-box.active .btn-more-01 > span:after {
display:none;
}
.page-w_dp-content .toggle-inner-box li{
width:48%;
display:inline-block;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin-top:16px;
vertical-align:top;
}
.page-w_dp-content .toggle-inner-box li:nth-child(1),
.page-w_dp-content .toggle-inner-box li:nth-child(2){
margin-top:0;
}
.page-w_dp-content .toggle-inner-box li:nth-child(odd){
margin-right:2px;
}
.page-w_dp-content .toggle-inner-box li label{
text-indent:-25px;
padding-left:25px;
display:block;
}
.page-w_dp-content .toggle-inner-box li b{
font-size:14px;
font-weight:normal;
}
.page-w_dp-content .toggle-inner-box li .select-custom{
margin-left:0;
}
.page-w_dp-content .toggle-child-box p > b{
font-weight:bold;
}
.page-w_dp-content .keyword-box{
margin:0 0 12px;
padding:0 10px 0 0;
}
.page-w_dp-content input[type="text"],
.page-w_dp-content .keyword-box input[type="text"],
.page-w_dp-content input[type="search"],
.page-w_dp-content .keyword-box input[type="search"] {
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:42px;
border-color:#bbb;
}
.page-w_dp-content .toggle-content:last-child{
margin-bottom:80px;
}
.page-w_dp-content form.filter-list{
padding-bottom:120px;
}
.page-w_dp-content .toggle-child-box{
margin-left:28px;
border-top:1px solid #e5e5e5;
}
.page-w_dp-content .toggle-child-box.toggle-link-more{
margin-left:0;
border:0;
}
.page-w_dp-content .toggle-child-box > p{
margin:0 ;
background:#fff;
border-bottom:0;
padding:0;
}
.page-w_dp-content .toggle-child-box > p .btn-more-01{
background:none;
padding:11px 0;
}
.page-w_dp-content .act_gaq_small_area .toggle-child-box > p{
margin:0px 0 10px;
padding:0 10px 0 10px;
}
.page-w_dp-content .act_gaq_small_area .toggle-child-box > p .btn-more-01{
font-weight:normal;
width:auto;
display:inline-block;
padding-left:15px;
border:0;
margin-top:-10px;
font-size:14px;
vertical-align:bottom;
}
.page-w_dp-content .act_gaq_small_area .toggle-child-box > p .btn-more-01.btn-more-01:before {
right:inherit;
left:0;
margin-top:-5px;
}
.page-w_dp-content .toggle-child-box > p.toggle-hdg{
margin:0;
padding:0;
}
.page-w_dp-content .flight .toggle-content > p{
font-weight:bold;
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
color:#fff;
}
.page-w_dp-content .air-detail-area .toggle-content > p.form-toggle-btn{
background-color:#fff;
margin:0;
padding:5px 10px 5px 0;
position:relative;
min-height:38px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
border-radius:4px;
min-height:30px;
}
.page-w_dp-content .flight .toggle-content > p.form-toggle-btn a:before,
.page-w_dp-content .flight .toggle-content > p.form-toggle-btn a:after{
background:#333;
}
.page-w_dp-content .air-detail-area .toggle-content > p:after {
content:"";
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:"";
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:15px;
left:inherit;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.page-w_dp-content .air-detail-area .toggle-content.active > p:after {
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.page-w_dp-content .flight .air-detail-area .toggle-content > p a{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .filter-list .toggle-content + .toggle-content{
border-top:1px solid #e5e5e5;
}
.page-w_dp-content main .filter-list.flight .toggle-content{
border-bottom:1px solid #e5e5e5;
border-top:0;
}
.page-w_dp-content main .filter-list.flight .toggle-content.code-info-box{
border:1px solid #ccc;
}
.page-w_dp-content .flight .toggle-inner-box ul {
padding:0 0 12px;
margin-bottom:0;
}
.page-w_dp-content .flight .toggle-inner-box ul.list-in{
padding-left:28px;
line-height:1.2;
}
.page-w_dp-content .flight .toggle-inner-box ul.list-in > li > b{
font-weight:bold;
}
.page-w_dp-content .flight .toggle-inner-box li{
margin-top:16px;
display:block;
width:100%;
}
.page-w_dp-content .flight .toggle-inner-box > ul > li:first-child{
margin-top:0;
}
.page-w_dp-content .flight .toggle-inner-box li.disabled,
.page-w_dp-content .filter-list .toggle-inner-box li.disabled{
color:#aaa;
}
.page-w_dp-content .flight .toggle-inner-box li.disabled label,
.page-w_dp-content .filter-list .toggle-inner-box li.disabled label{
cursor:default;
color:#ccc;
}
.page-w_dp-content .flight .toggle-inner-box li ul li{
display:inline-block;
margin-right:30px;
width:auto;
}
.page-w_dp-content .flight .toggle-inner-box .select-list b{
display:block;
}
.page-w_dp-content .flight .toggle-inner-box .select-list .select-box {
margin-top:5px;
}
.page-w_dp-content .flight .toggle-inner-box .select-list .select-box .select{
width:calc(100% / 2 - 12px);
display:inline-block;
font-weight:bold;
font-size:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .flight .toggle-inner-box .select-list label + label{
margin-left:30px;
}
.page-w_dp-content .toggle-inner-box ul.chk-option{
display:table;
margin:5px 0 12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
clear:both;
overflow:hidden;
box-sizing:border-box;
padding-bottom:0;
}
.page-w_dp-content .toggle-inner-box ul.chk-option + ul > li:first-child{
margin-top:15px;
}
.page-w_dp-content .toggle-inner-box ul.select-list li > ul li{
display:inline-block;
margin:7px 0 4px;
}
.page-w_dp-content .chk-option li:first-child button{
border-top-left-radius:.3em;
border-bottom-left-radius:.3em;
}
.page-w_dp-content .flight .toggle-inner-box .chk-option li{
display:table-cell;
width:20%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
.page-w_dp-content .chk-option button{
font-size:12px;
font-weight:bold;
line-height:1.3;
padding:3px 1px;
text-align:center;
vertical-align:middle;
border:1px solid #b8b8b8;
border-right:none;
background:#eee;
font-weight:normal;
display:table-cell;
width:100%;
min-height:4.5em;
}
.page-w_dp-content .chk-option button.active{
color:var(--cmn-font-color-base);
background:#fff;
}
.page-w_dp-content .chk-option li:last-child button{
border-right:1px solid #b8b8b8;
border-top-right-radius:.3em;
border-bottom-right-radius:.3em;
}
.page-w_dp-content .chk-option + ul{
margin-top:15px;
}
.page-w_dp-content .flight .toggle-inner-box ul img{
width:62px;
margin:0 5px -6px 3px;
}
.page-w_dp-content .check-block + ul{
margin-top:10px;
}
.page-w_dp-content .check-block label{
border:1px solid #ccc;
border-radius:4px;
padding:6px 10px 7px 10px;
margin:0 15px 0 37px;
display:block;
}
.page-w_dp-content .flight .toggle-inner-box ul ul{
padding-left:0;
padding-top:0;
padding-bottom:0;
}
.page-w_dp-content .flight .toggle-inner-box ul ul > li{
display:block;
margin-right:0;
}
.page-w_dp-content .flight .toggle-inner-box ul ul ul{
padding-left:20px;
margin-top:8px;
}
.page-w_dp-content .info-tab-area{
background:#ccc;
padding-bottom:18px;
margin:0 -10px;
}
.page-w_dp-content .info-tab{
position:relative;
padding:12px 0;
text-align:center;
font-size:15px;
background:#fff;
}
.page-w_dp-content .toggle-content.active + .info-tab-area .info-tab{
border-top:1px solid #e5e5e5;
}
.page-w_dp-content .info-tab:after{
position:absolute;
content:"";
width:0;
height:0;
border-style:solid;
border-width:15px 15px 0 15px;
border-color:#ffffff transparent transparent transparent;
bottom:-15px;
left:50%;
margin-left:-15px;
}
.page-w_dp-content .code-info-box{
border:1px solid #ccc;
border-radius:4px;
margin:15px 0px 15px 5px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.page-w_dp-content .code-info-box.toggle-content > p{
min-height:30px;
background:#fff;
border-radius:4px;
}
.page-w_dp-content .code-info-box.toggle-content > p:after {
background:none;
content:"";
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:"";
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:15px;
left:inherit;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.page-w_dp-content .code-info-box.toggle-content.active > p:after {
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.page-w_dp-content .code-info-box.toggle-content > p a{
font-size:12px;
padding:0 37px 0 10px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .code-info-box.toggle-content > p a:before {
top:10px;
}
.page-w_dp-content .code-info-box.toggle-content > p a:after{
top:7px;
}
.page-w_dp-content .code-info-box.toggle-content .info-area{
display:none;
}
.page-w_dp-content .code-info-box.toggle-content.active .info-area{
display:block;
}
.page-w_dp-content .code-info-box .info-area{
border-top:1px solid #ccc;
margin:0 8px;
}
.page-w_dp-content .code-info-box .info-area li{
display:inline-block;
font-size:11px;
margin-right:8px;
}
.page-w_dp-content .code-info-box .info-area p{
margin-top:8px;
font-size:11px;
}
.page-w_dp-content .code-info-box .info-area p span{
display:block;
margin-bottom:4px;
background:url(/element_sp/w_dp/shared/images/ic-car.png) no-repeat;
background-size:14px 13px;
padding-left:18px;
}
.page-w_dp-content .code-info-box .info-area p b{
color:var(--cmn-font-color-red);
}
.page-w_dp-content .search-area.flight .code-info-box{
margin:10px 0 0;
}
.page-w_dp-content .act_label-bold {
font-size:14px;
font-weight:bold;
}
/* .flt-item
----------------------------------------------- */
.page-w_dp-content .flt-item {
margin:10px -10px 0;
}
.page-w_dp-content .fit-item-text{
font-size:11px;
text-align:left;
margin:0 -10px;
padding:10px 15px;
border-bottom:2px solid #ccc;
line-height:1.2;
color:#555;
}
.page-w_dp-content .flt-item li{
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 5px 10px 12px;
position:relative;
}
.page-w_dp-content .flt-item li label{
display:block;
}
.page-w_dp-content .flt-item li .check-label{
position:absolute;
top:50px;
left:8px;
margin-top:-10px;
}
.page-w_dp-content .flt-item li .check-label + div{
padding-left:25px;
}
.page-w_dp-content .modal-info-area .product-list li > div .link-detail,
.page-w_dp-content .flt-item li div .link-detail{
display:block;
font-size:11px;
padding-left:18px;
color:var(--cmn-font-color-gray);
line-height:1.3;
margin-left:-31px;
position:relative;
}
.page-w_dp-content .modal-info-area .product-list li > div .link-detail::before,
.page-w_dp-content .flt-item li div .link-detail::before{
margin-top:-7px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:"";
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.page-w_dp-content .flt-item li div .link-detail + .box-schedule{
display:none;
}
.page-w_dp-content .modal-info-area .product-list li > div .link-detail.active,
.page-w_dp-content .flt-item li div .link-detail.active{
margin-left:0;
}
.page-w_dp-content .modal-info-area .product-list li > div .link-detail.active::before,
.page-w_dp-content .flt-item li div .link-detail.active::before{
margin-top:-3px;
top:50%;
left:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.page-w_dp-content .modal-info-area .product-list li > div .txt-luggage{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .flt-item li div .link-detail.active + .box-schedule{
display:block;
}
.page-w_dp-content .flt-item li div .link-detail.active + .box-schedule > ul{
margin-top:0;
}
.page-w_dp-content .schedule-notice-txt{
color:#808080;
display:block;
font-size:11px;
text-indent:-1.3em;
padding-left:1.3em;
line-height:1.25;
margin-top:-6px;
}
.page-w_dp-content .cmn-modal .schedule-notice-txt{
margin-top:8px;
}
.page-w_dp-content .schedule-notice-txt:before{
content:"\0203B";
}
.page-w_dp-content .flt-item li a:first-child {
position:relative;
display:block;
padding:7px 20px 7px 8px;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .flt-item li label + div a:first-child{
color:var(--cmn-font-color-link);
padding:0;
position:inherit;
}
.page-w_dp-content .flt-item li label + div a.link-detail{
margin-left:0;
color:var(--cmn-font-color-gray);
padding:0 0 0 17px;
position:relative;
}
.page-w_dp-content .flt-item li label + div a:first-child:after{
display:none;
}
.page-w_dp-content .flt-item li a:first-child:after {
position:absolute;
display:block;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #434343;
border-bottom:4px solid #434343;
}
.page-w_dp-content .flt-item li a:first-child:after {
position:absolute;
top:50%;
right:10px;
border-width:2px;
}
.page-w_dp-content .flight-list.branch .flt-item{
margin-top:0;
}
.page-w_dp-content .flight-list.branch .flt-item li{
border-bottom-width:2px;
}
.page-w_dp-content .flight-list.branch .flt-item li > label + div{
margin-top:5px;
}
/* .flt-item-02
----------------------------------------------- */
.page-w_dp-content .flt-item-02 {
margin:0 -10px;
border-top:2px solid #aaa;
}
.page-w_dp-content .flt-item-02 p {
margin:0;
}
.page-w_dp-content .flt-item-02 .flt-item {
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:5px 35px 5px 100px;
border-bottom:1px solid #d3d3d3;
background-color:#f5f5f5;
}
.page-w_dp-content .flt-item-02 .flt-item:after {
position:absolute;
display:block;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #434343;
border-bottom:3px solid #434343;
}
.page-w_dp-content .flt-item-02 .flt-item:after {
top:50%;
right:20px;
width:8px;
height:8px;
margin-top:-4px;
}
.page-w_dp-content .flt-item-02 .flt-item:link,
.page-w_dp-content .flt-item-02 .flt-item:visited,
.page-w_dp-content .flt-item-02 .flt-item:hover,
.page-w_dp-content .flt-item-02 .flt-item:active {
color:var(--cmn-font-color-base);
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container {
float:right;
width:100%;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container .flt-hdg {
font-size:12px;
font-weight:bold;
margin-bottom:3px;
padding:0 5px 2px;
color:var(--cmn-font-color-red);
border-bottom:1px solid #d3d3d3;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container .flt-hdg small {
font-weight:normal;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container .flt-hdg b {
font-family:Helvetica,
Arial,
sans-serif;
font-size:20px;
line-height:1.2;
display:block;
margin-top:-3px;
text-align:right;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container .flt-unit {
font-size:10px;
padding-right:5px;
padding-left:5px;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-hdg-container .flt-unit b {
font-family:Helvetica,
Arial,
sans-serif;
font-size:15px;
line-height:1.2;
display:block;
margin-top:-3px;
text-align:right;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl {
font-size:10px;
line-height:1.2;
float:left;
width:82px;
margin-left:-90px;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .flt-logo {
width:80px;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .flt-logo span {
display:table-cell;
width:80px;
height:25px;
text-align:center;
border:1px solid #bdbdbd;
background-color:#fff;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .flt-logo span img {
max-width:80px;
max-height:25px;
vertical-align:middle;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .flt-name {
margin-top:3px;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .carrier-notes {
display:block;
margin-top:3px;
padding:0 2px 2px;
background-color:#e5e5e5;
}
.page-w_dp-content .flt-item-02 .flt-item .flt-cariier-dtl .carrier-notes b {
font-weight:normal;
display:block;
}
.page-w_dp-content .flt-item-02 .flt-plan {
padding:10px 7px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-txt {
font-size:13px;
font-weight:bold;
line-height:1.3;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-info-list {
margin:2px 0 0;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-info-list > li {
font-size:13px;
display:inline;
padding-left:5px;
color:var(--cmn-font-color-gray);
border-left:1px solid #555;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-info-list > li:first-child {
padding-left:0;
border-left:none;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list {
margin:-7px 0 0;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li {
line-height:1.2;
display:table;
width:100%;
padding:7px 0;
border-bottom:1px solid #d3d3d3;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec {
font-size:12px;
display:table-cell;
padding-right:5px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec small {
font-size:12px;
display:block;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec b {
font-size:14px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sup {
display:block;
margin-bottom:2px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sup .flt-num {
font-size:10px;
padding:2px 4px;
text-align:center;
vertical-align:middle;
color:var(--cmn-font-color-gray);
background-color:#f2f2f2;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival {
position:relative;
padding-left:20px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:before,
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:after {
position:absolute;
top:50%;
display:block;
content:"";
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:before {
left:5px;
width:8px;
height:2px;
margin-top:-1px;
background-color:#aaa;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:after {
left:13px;
margin-top:-4px;
border:4px solid #aaa;
border-top-color:transparent;
border-right:none;
border-bottom-color:transparent;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sec-air {
display:block;
margin-top:2px;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-time {
font-size:12px;
display:table-cell;
width:90px;
vertical-align:middle;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-time > span {
display:inline-block;
padding:3px 0 3px 7px;
border-left:1px solid #c9c9c9;
}
.page-w_dp-content .flt-item-02 .flt-plan .flt-plan-list > li .flt-time b {
font-size:13px;
display:block;
}
.page-w_dp-content .flt-item-02 .flt-agt {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:7px 0 0;
}
.page-w_dp-content .flt-item-02 .flt-agt .flt-agt-info {
padding-right:7px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.page-w_dp-content .flt-item-02 .flt-agt .flt-agt-info .flt-agt-name {
font-size:10px;
}
.page-w_dp-content .flt-item-02 .flt-agt .flt-agt-order {
width:160px;
text-align:center;
}
.page-w_dp-content .flt-item-02 .flt-agt .flt-agt-order .btn-03 {
margin:0;
}
/* .flt-item-off
----------------------------------------------- */
.page-w_dp-content .flt-item-off{
margin:0 -10px;
padding:0 10px;
background-color:#000;
}
.page-w_dp-content .flt-item-off .flt-item{
margin-top:0;
}
.page-w_dp-content .flt-item-off .flt-item li{
position:relative;
border-top-color:#444;
}
.page-w_dp-content .flt-item-off .flt-item li:first-child{
border-top:none;
}
.page-w_dp-content .flt-item-off .flt-item li .flt-link{
padding-top:0;
background-color:#fff;
opacity:.8;
}
.page-w_dp-content .flt-item-off .flt-item li .off-item{
display:block;
position:relative;
padding:5px 20px 5px 10px;
background-color:#fff;
opacity:.8;
}
.page-w_dp-content .flt-item-off .flt-item li .off-item:after{
display:block;
position:absolute;
border-right:4px solid #434343;
border-bottom:4px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.page-w_dp-content .flt-item-off .flt-item li .off-item:after{
position:absolute;
top:50%;
right:7px;
border-width:2px;
}
.page-w_dp-content .flt-item-off .flt-item li:first-child .off-item{
border-top:none;
}
.page-w_dp-content .flt-item-off .flt-item-notice{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
margin:-6px -10px 0;
padding:10px;
background-color:#fff;
}
.page-w_dp-content .flt-item-off .flt-item-notice:before{
position:absolute;
top:-16px;
left:50%;
margin-left:4px;
width:2px;
height:22px;
background-color:#000;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);

/*filter:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"1\" /></filter></svg>#filter");
-webkit-filter:blur(1px);
filter:blur(1px);*/
}
.page-w_dp-content .flt-item-off .flt-item-notice:after{
position:absolute;
top:-14px;
left:50%;
margin-left:-18px;
border:14px solid #fff;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
content:"";
}
.page-w_dp-content .flt-item-off .flt-item-notice p{
margin:12px 0 8px;
text-align:center;
font-size:13px;
line-height:1.3;
}
.page-w_dp-content .flt-item-off .flt-item-notice p:before{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-20px;
width:50px;
height:5px;
background-color:#fff;
content:"";
}
.page-w_dp-content .flt-item-off .flt-item-notice .notice-btn-container{
margin:0 auto;
width:185px;
}
/* .flt-carrier
----------------------------------------------- */
.page-w_dp-content .flt-carrier{
display:table;
width:100%;
font-size:11px;
}
.page-w_dp-content .flt-carrier .flt-logo{
display:table-cell;
width:40px;
vertical-align:top;
}
.page-w_dp-content .flt-carrier .flt-logo span{
display:table-cell;
width:40px;
height:20px;
background-color:#fff;
vertical-align:middle;
text-align:center;
line-height:0;
}
.page-w_dp-content .flt-carrier .flt-logo span img{
max-width:40px;
max-height:20px;
vertical-align:middle;
}
.page-w_dp-content .flt-carrier .flt-cariier-dtl{
display:table-cell;
padding:5px 0 5px 9px;
vertical-align:middle;
word-break:break-all;
}
.page-w_dp-content .flt-carrier .flt-cariier-dtl .flt-name{
display:inline-block;
width:100%;
font-size:11px;
}
.page-w_dp-content .flt-carrier .flt-cariier-dtl .carrier-notes{
display:inline-block;
margin:0;
padding:1px 3px;
background-color:#e5e5e5;
text-indent:0;
font-size:10px;
line-height:1.3;
}
.page-w_dp-content .flt-carrier .flt-cariier-dtl .carrier-notes b{
display:block;
font-weight:normal;
}
/* .flt-info
----------------------------------------------- */
.page-w_dp-content .flt-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:11px;
}
/* .flt-airport
----------------------------------------------- */
.page-w_dp-content .flt-airport{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
width:83px;
font-size:14px;
line-height:1.2;
}
.page-w_dp-content .flt-airport > span{
display:block;
position:relative;
width:50px;
font-size:11px;
}
.page-w_dp-content .flt-airport > span .time-num{
font-weight:bold;
font-size:15px;
font-family:Arial,
Helvetica,
sans-serif;
}
.page-w_dp-content .flt-airport > span small{
display:block;
min-width:90px;
font-weight:normal;
font-size:10px;
}
.page-w_dp-content .flt-airport > span small .date-num{
font-size:11px;
font-family:Arial,
Helvetica,
sans-serif;
}
.page-w_dp-content .flt-airport .ico-add{
display:inline-block;
position:relative;
top:-1px;
padding:0;
width:auto;
font-size:10px;
font-family:Arial,
Helvetica,
sans-serif;
}
.page-w_dp-content .flt-airport span + b{
padding-right:0;
text-align:left;
}
.page-w_dp-content .flt-airport b{
display:block;
padding-right:2px;
vertical-align:middle;
text-align:right;
font-weight:normal;
font-size:16px;
font-family:Arial,
Helvetica,
sans-serif;
}
/* .flt-term
----------------------------------------------- */
.page-w_dp-content .flt-term{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
margin:0 5px 0 3px;
width:90px;
min-height:40px;
text-align:center;
}
.page-w_dp-content .flt-term.transit > :first-child:before{
display:block;
position:absolute;
bottom:-5px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.page-w_dp-content .flt-term.transit.transit-02 > :first-child:before{
left:30%;
}
.page-w_dp-content .flt-term.transit.transit-02 > :first-child:after{
display:block;
position:absolute;
bottom:-5px;
left:66%;
z-index:1;
margin-left:-3px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.page-w_dp-content .flt-term > :first-child{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
margin-top:1px;
margin-bottom:5px;
padding-bottom:4px;
width:100%;
height:16px;
line-height:1.1;
}
.page-w_dp-content .flt-term::after{
display:block;
position:absolute;
top:17px;
left:3px;
border-top:2px solid #aaa;
width:95%;
height:1px;
content:"";
}
.page-w_dp-content .flt-term:before{
display:block;
position:absolute;
right:0;
bottom:17px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
/* .flt-item
----------------------------------------------- */
.page-w_dp-content .flt-item{
margin:0 -10px;
}
.page-w_dp-content .flt-item > li > a{
display:block;
position:relative;
padding:7px 10px 0;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .flt-item > li > a:after{
display:block;
position:absolute;
top:50%;
right:12px;
border-right:2px solid #434343;
border-bottom:2px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.page-w_dp-content .flt-item > li > a .flt-cariier-dtl{
padding:0 0 0 10px;
}
.page-w_dp-content .flt-item .carrier-notes{
display:block;
padding-left:120px;
text-indent:-120px;
font-size:10px;
line-height:1.3;
}
.page-w_dp-content .flt-item .carrier-notes b{
display:inline;
font-weight:normal;
}
.page-w_dp-content .flt-item .flt-connect{
display:block;
margin:10px 0;
padding:3px 7px;
background-color:#f3f3f3;
font-size:12px;
}
.page-w_dp-content .flt-item .flt-connect b{
display:inline-block;
margin-right:15px;
font-weight:normal;
}
.page-w_dp-content .flt-item .flt-connect span:after{
display:inline-block;
margin:0 4px 0 7px;
content:":";
}
/* .code-share
----------------------------------------------- */
.page-w_dp-content .code-share{
display:block;
font-size:11px;
margin-top:-2px;
padding:0 45px 0 85px;
position:relative;
}
/* .add-fee
----------------------------------------------- */
.page-w_dp-content .add-fee {
text-align:right;
font-size:12px;
white-space:nowrap;
width:28%;
padding-right:5px;
}
.page-w_dp-content .add-fee > b{
color:var(--cmn-font-color-red);
font-size:12px;
display:block;
}
/* .flt-link
----------------------------------------------- */
.page-w_dp-content .flt-link {
font-size:11px;
font-weight:bold;
display:table;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:7px 7px;
vertical-align:middle;
color:var(--cmn-font-color-link);
border-top:1px solid #d9d9d9;
}
.page-w_dp-content .flt-link span {
font-size:15px;
display:table-cell;
text-align:right;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .flt-link span small {
font-size:10px;
color:var(--cmn-font-color-gray);
}
/* .flt-link-dtl
----------------------------------------------- */
.page-w_dp-content .flt-link-dtl {
font-size:11px;
font-weight:bold;
display:block;
}
.page-w_dp-content .flt-link-dtl a {
display:block;
padding-bottom:5px;
}
/* .flt-stay
----------------------------------------------- */
.page-w_dp-content .flt-stay {
font-size:12px;
position:relative;
display:block;
margin:7px 0;
padding:5px 7px 5px 6em;
background-color:#e5e5e5;
}
.page-w_dp-content .flt-stay h3 {
font-size:13px;
font-weight:bold;
position:absolute;
top:50%;
left:7px;
margin-top:-.7em;
}
.page-w_dp-content .flt-stay p {
margin:0;
}
.page-w_dp-content .flt-stay p span {
display:block;
}
/* .plan-list
----------------------------------------------- */
.page-w_dp-content .plan-list .form-list{
margin:0 -10px;
}
.page-w_dp-content .plan-list .form-list > li{
padding-left:35px;
margin:0;
border-bottom:2px solid #ccc;
}
.page-w_dp-content .plan-list .form-list > li label{
display:table;
padding:5px 10px 5px 0;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .plan-list .form-list > li label > *{
display:table-cell;
vertical-align:middle;
}
.page-w_dp-content .plan-list .form-list > li input[type="radio"]{
top:50%;
margin-top:-8px;
left:10px;
}
.page-w_dp-content .plan-list .planname{
width:70%;
padding-left:5px;
}
/* .pseudo-under-info
----------------------------------------------- */
.page-w_dp-content .pseudo-under-info{
margin-top:16px;
}
.page-w_dp-content .pseudo-under-info > p{
margin:0;
}
.page-w_dp-content .pseudo-under-info-list{
margin:10px 0 0;
}
.page-w_dp-content .pseudo-under-info-list li{
text-indent:-18px;
padding-left:18px;
}
.page-w_dp-content .pseudo-under-info-list li > span{
padding-right:4px;
}
/* .box-schedule
----------------------------------------------- */
.page-w_dp-content .box-schedule,
.page-w_dp-content .box-intro {
margin:0 -10px 20px;
padding:7px;
background-color:#fff;
-webkit-box-shadow:0 2px 2px rgba(6, 0, 1, .3);
box-shadow:0 2px 2px rgba(6, 0, 1, .3);
}
.page-w_dp-content .box-schedule .hdg-container,
.page-w_dp-content .box-intro .hdg-container {
position:relative;
border-bottom:1px solid #d9d9d9;
}
.page-w_dp-content .box-schedule .hdg-container h2,
.page-w_dp-content .box-intro .hdg-container h2 {
font-size:15px;
padding:7px 155px 7px 0;
}
.page-w_dp-content .box-schedule .hdg-container .btn-schedule,
.page-w_dp-content .box-intro .hdg-container .btn-schedule {
font-size:11px;
position:absolute;
top:5px;
right:0;
padding-left:20px;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fff;
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(7%, #ddd), color-stop(8%, #fefefe));
background-image:linear-gradient(to top, #ddd 7%, #fefefe 8%);
}
.page-w_dp-content .box-schedule .hdg-container .btn-schedule:after,
.page-w_dp-content .box-intro .hdg-container .btn-schedule:after {
position:absolute;
top:6px;
left:12px;
display:block;
width:5px;
height:5px;
content:"";
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.page-w_dp-content .box-schedule .hdg-container .btn-schedule span:before,
.page-w_dp-content .box-intro .hdg-container .btn-schedule span:before {
position:absolute;
top:3px;
left:5px;
display:block;
width:12px;
height:12px;
content:"";
background-color:#bfbfbf;
}
.page-w_dp-content .box-schedule .hdg-container .btn-schedule span:after,
.page-w_dp-content .box-intro .hdg-container .btn-schedule span:after {
position:absolute;
top:6px;
left:5px;
display:block;
width:5px;
height:5px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.page-w_dp-content .box-schedule .flt-item,
.page-w_dp-content .box-intro .flt-item {
margin-right:0;
margin-left:0;
}
.page-w_dp-content .box-schedule .flt-airport,
.page-w_dp-content .box-intro .flt-airport {
font-size:14px;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .box-schedule .flt-airport small,
.page-w_dp-content .box-intro .flt-airport small {
font-size:11px;
}
.page-w_dp-content .box-schedule .flt-airport b,
.page-w_dp-content .box-intro .flt-airport b {
font-size:16px;
}
/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-popular
----------------------------------------------- */
.page-w_dp-content .list-popular ul{
margin:10px 0 0 0;
}
.page-w_dp-content .list-popular > ul > li{
margin-bottom:20px;
}
/* .list-inline
----------------------------------------------- */
.page-w_dp-content .list-inline > li{
display:inline-block;
}
.page-w_dp-content td > .list-inline{
margin:0;
}
.page-w_dp-content .list-inline.comma li:after{
content:"\3001";
}
.page-w_dp-content .list-inline.comma li:last-child:after{
content:"";
}
.page-w_dp-content .list-inline.comma li.unavailable{
color:#ccc;
}
/* .list-review-01
----------------------------------------------- */
.page-w_dp-content .list-review-01 .review-rate{
font-size:15px;
font-weight:bold;
line-height:1;
position:relative;
letter-spacing:-.4em;
}
.page-w_dp-content .list-review-01 .review-rate > * {
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}
.page-w_dp-content .list-review-01 .review-rate .icon-r-hotel,
.page-w_dp-content .list-review-01 .review-rate .icon-r-face{
font-family:Arial;
}
.page-w_dp-content .list-review-01 .review-rate > b{
font-weight:normal;
color:var(--cmn-font-color-gray);
font-size:10px;
width:8em;
position:relative;
}
.page-w_dp-content .list-review-01 .review-rate > b a{
margin:0 1px;
z-index:10;
cursor:pointer;
position:absolute;
right:2px;
top:-2px;
}
.page-w_dp-content .list-review-01 .review-rate > span > span {
margin:0 5px 3px 0;
}
/* .list-review-02
----------------------------------------------- */
.page-w_dp-content .list-review-02 {
margin:0;
overflow:hidden;
letter-spacing:-.5em;
}
.page-w_dp-content .list-review-02 li {
width:50%;
display:inline-block;
letter-spacing:normal;
font-size:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.page-w_dp-content .list-review-02 li:nth-child(even){
padding-left:10px;
}
.page-w_dp-content .list-review-02 li b {
margin-left:10px;
float:right;
font-family:arial;
}
.page-w_dp-content .list-review-02 + p {
margin:0;
}
/* .list-sch
----------------------------------------------- */
.page-w_dp-content .list-sch li {
position:relative;
}
.page-w_dp-content .list-sch li:after {
position:absolute;
top:3px;
left:114px;
display:block;
width:5px;
height:5px;
content:"";
border:2px solid #898989;
border-radius:50%;
background-color:#fff;
}
.page-w_dp-content .list-sch li:before {
position:absolute;
top:10px;
left:116px;
width:1px;
height:100%;
content:"";
border-right:3px solid #898989;
}
.page-w_dp-content .list-sch li.sch-transit:before {
border-right-style:dotted;
}
.page-w_dp-content .list-sch li.sch-transit .sch-required-02 .sch-desc {
padding:15px 0 20px;
}
.page-w_dp-content .list-sch li:last-child:before {
display:none;
}
.page-w_dp-content .list-sch li [class^=sch-required] {
display:table;
width:100%;
}
.page-w_dp-content .list-sch li [class^=sch-required] .sch-sub {
font-size:11px;
position:relative;
display:table-cell;
width:110px;
padding-right:20px;
text-align:right;
vertical-align:top;
}
.page-w_dp-content .flt-item .box-schedule{
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
margin:5px 7px 0 0;
padding:7px;
background-color:#f1f1f1;
box-shadow:0 0 0;
}
.page-w_dp-content .flt-item .list-sch li {
border:0;
padding-left:0;
}
.page-w_dp-content .flt-item .list-sch li .sch-required-02 .sch-desc .carrier-notes{
background:none;
}
.page-w_dp-content .flt-item .list-sch li [class^=sch-required] .sch-sub .ico-add{
color:var(--cmn-font-color-red);
}
.page-w_dp-content .list-sch li [class^=sch-required] .sch-sub .ico-add {
font-weight:bold;
display:block;
margin-left:45px;
text-align:left;
}
.page-w_dp-content .list-sch li [class^=sch-required] .sch-desc {
font-size:12px;
line-height:1.3;
display:table-cell;
vertical-align:top;
word-break:break-all;
}
.page-w_dp-content .list-sch li .sch-required-02 .sch-sub {
vertical-align:middle;
}
.page-w_dp-content .list-sch li .sch-required-02 .sch-desc {
font-size:12px;
padding:10px 0 15px;
vertical-align:middle;
}
.page-w_dp-content .list-sch li .sch-required-02 .sch-desc b {
font-size:11px;
font-weight:normal;
line-height:1.2;
display:inline-block;
padding:2px 3px;
background-color:#fffae4;
}
.page-w_dp-content .list-sch li .sch-required-02 .sch-desc b:before {
content:"";
background:url(/element_sp/w_dp/shared/images/ic-transit.png) no-repeat;
background-size:13px 10px;
width:13px;
height:10px;
display:inline-block;
margin-right:3px;
margin-bottom:-1px;
}
.page-w_dp-content .list-sch li .sch-required-02 .sch-desc .carrier-notes {
font-size:11px;
display:block;
margin:0 0 3px 0;
padding:1px 0;
background-color:#e5e5e5;
}
.page-w_dp-content .ico-transit-03 {
overflow:hidden;
display:inline-block;
position:relative;
margin:0 3px;
padding-top:11px;
width:14px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
bottom:1px;
padding-top:14px;
width:11px;
background-image:url(/element_sp/w_dp/shared/images/icon-cycle.svg);
}
/* .list-def
----------------------------------------------- */
.page-w_dp-content .list-def > li{
display:table;;
width:100%;
font-size:12px;
}
.page-w_dp-content .list-def > li > *{
display:table-cell;
}
.page-w_dp-content .list-def > li > b{
font-weight:normal;
padding-right:10px;
position:relative;
}
.page-w_dp-content .list-def > li > b:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
}
/* .list-def.branch
----------------------------------------------- */
.page-w_dp-content .list-def.branch > li > b:after{
display:none;
}
/* .list-def-code
----------------------------------------------- */
.page-w_dp-content .list-def-code {
font-size:11px;
margin:5px 0;
}
.page-w_dp-content .list-def-code li {
display:inline-block;
margin-right:10px;
}
.page-w_dp-content .list-def-code b {
font-weight:bold;
display:inline-block;
}
.page-w_dp-content .list-def-code b:after {
display:inline-block;
margin-left:5px;
content:"=";
}
/* .list-def-icon
----------------------------------------------- */
.page-w_dp-content .list-def-icon {
font-size:10px;
font-weight:bold;
letter-spacing:-.02em;
}
.page-w_dp-content .list-def-icon b {
font-weight:bold;
display:inline-block;
}
.page-w_dp-content .list-def-icon b:after {
display:inline-block;
margin-left:2px;
content:"=";
}
.page-w_dp-content .list-def-icon b .ico-transit-01 {
margin-right:0;
}
/* .list-filter
----------------------------------------------- */
.page-w_dp-content .list-filter {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:7px 0;
}
.page-w_dp-content .list-filter li:first-child {
width:148px;
margin-right:7px;
}
.page-w_dp-content .list-filter li:not(:first-child) {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.page-w_dp-content .list-filter li .btn-filter {
font-size:12px;
font-weight:bold;
position:relative;
width:100%;
height:37px;
padding:0 7px 0;
text-align:left;
letter-spacing:-.06em;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-bottom:none;
border-radius:3px;
background:#fff;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, .06),
0 1px 2px rgba(6, 0, 1, .2),
inset 0 -1px rgba(6, 0, 1, .3);
box-shadow:0 0 1px rgba(0, 0, 0, .06),
0 1px 2px rgba(6, 0, 1, .2),
inset 0 -1px rgba(6, 0, 1, .3);
}
.page-w_dp-content .list-filter li select {
font-size:12px;
font-weight:bold;
position:relative;
height:37px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-bottom:none;
border-radius:3px;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, .06),
0 1px 2px rgba(6, 0, 1, .2),
inset 0 -1px rgba(6, 0, 1, .3);
box-shadow:0 0 1px rgba(0, 0, 0, .06),
0 1px 2px rgba(6, 0, 1, .2),
inset 0 -1px rgba(6, 0, 1, .3);
}
/* .list-agt
----------------------------------------------- */
.page-w_dp-content .list-agt {
margin:0 -10px;
background-color:#fff;
-webkit-box-shadow:0 2px 2px rgba(6, 0, 1, .3);
box-shadow:0 2px 2px rgba(6, 0, 1, .3);
}
.page-w_dp-content .list-agt .list-agt-item {
border-bottom:3px solid #333;
}
.page-w_dp-content .list-agt .list-agt-item:last-child {
border-bottom:none;
}
.page-w_dp-content .list-agt a {
display:table;
width:100%;
padding:10px 0;
border-bottom:solid 1px #ccc;
}
.page-w_dp-content .list-agt a span {
display:table-cell;
vertical-align:top;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-agt a .logo {
font-size:11px;
width:90px;
padding:0 4px 0 7px;
}
.page-w_dp-content .list-agt a .logo span:first-child {
display:table-cell;
width:90px;
height:30px;
text-align:center;
vertical-align:middle;
border:solid 1px #bdbdbd;
}
.page-w_dp-content .list-agt a .logo span:first-child img {
max-width:82px;
max-height:30px;
vertical-align:middle;
}
.page-w_dp-content .list-agt a .logo .provInfo {
font-size:10px;
padding-top:2px;
white-space:nowrap;
color:#555;
}
.page-w_dp-content .list-agt a .ico-opt {
font-size:10px;
line-height:1.1;
display:block;
margin:3px 0;
padding:1px 3px;
text-align:center;
border:1px solid #f1f1f1;
border-radius:2px;
background-color:#f1f1f1;
}
.page-w_dp-content .list-agt a .ico-opt.off {
color:#ccc;
border:1px solid #eee;
background-color:#fff;
}
.page-w_dp-content .list-agt a .price {
font-size:10px;
padding:0 10px 0 5px;
text-align:right;
}
.page-w_dp-content .list-agt a .price span {
font-size:10px;
display:block;
margin:0 0 -8px 0;
color:var(--cmn-font-color-red);
}
.page-w_dp-content .list-agt a .price .add-info {
font-weight:bold;
display:block;
margin:0 0 8px 0;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-agt a .price .info {
display:block;
margin-top:5px;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-agt a .price .text-lang,
.page-w_dp-content .list-agt a .price .text-domestic,
.page-w_dp-content .list-agt a .price .text-seat {
display:inline;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-agt a .price .text-info {
text-align:left;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-agt a .price strong {
font-size:14px;
vertical-align:middle;
}
.page-w_dp-content .list-agt a .price b {
font-size:20px;
margin:0 .1em;
}
.page-w_dp-content .list-agt a .price b .pcInfo {
font-size:90%;
font-weight:normal;
display:block;
margin:3px 0 0 0;
padding-left:.6em;
text-align:left;
text-indent:-.6em;
color:var(--cmn-font-color-red);
}
.page-w_dp-content .list-agt .vacancy {
font-size:10px;
width:45px;
padding-right:7px;
text-align:center;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box {
font-size:15px;
display:table-cell;
width:45px;
padding:4px 0 2px;
content:"";
color:#fff;
border-radius:4px;
background-color:#78ae0e;
-webkit-box-shadow:inset 0 -3px rgba(0, 0, 0, .22);
box-shadow:inset 0 -3px rgba(0, 0, 0, .22);
}
.page-w_dp-content .list-agt .vacancy .vacancy-box small {
font-size:10px;
font-weight:bold;
display:block;
margin-bottom:-3px;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box b {
font-weight:bold;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box .vacancy-true {
line-height:2;
display:block;
overflow:hidden;
width:14px;
height:0;
margin:0 auto 1px;
padding-top:14px;
border:2px solid #fff;
border-radius:50%;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box .vacancy-false {
line-height:2;
position:relative;
display:block;
overflow:hidden;
width:18px;
height:0;
margin:0 auto 1px;
padding-top:18px;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box .vacancy-false:before {
position:absolute;
top:-4px;
left:4px;
display:block;
width:9px;
height:9px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}
.page-w_dp-content .list-agt .vacancy .vacancy-box .vacancy-false:after {
position:absolute;
bottom:-2px;
left:4px;
display:block;
width:9px;
height:9px;
content:"";
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}
.page-w_dp-content .list-agt .vacancy .vacancy-num {
font-size:10px;
display:block;
margin-top:4px;
padding:2px 0;
color:#fff;
background-color:#1b1b1b;
}
.page-w_dp-content .list-agt .content-info {
position:relative;
display:table;
padding:3px 8px;
}
.page-w_dp-content .list-agt .content-info .info-notes {
font-size:8px;
position:absolute;
top:3px;
left:90px;
display:inherit;
width:auto;
margin:0;
vertical-align:top;
}
.page-w_dp-content .list-agt .content-info dl {
position:relative;
display:table-cell;
padding:14px 0 0 0;
}
.page-w_dp-content .list-agt .content-info dl:first-child {
width:42px;
}
.page-w_dp-content .list-agt .content-info dl:not(:first-child) {
width:174px;
}
.page-w_dp-content .list-agt .content-info dl dt {
font-size:8px;
font-weight:normal;
position:absolute;
top:0;
left:-1px;
white-space:nowrap;
letter-spacing:-.09em;
}
.page-w_dp-content .list-agt .content-info dl dd {
display:inline-block;
margin-top:3px;
}
.page-w_dp-content .list-agt .content-info dl dd ul {
font-size:0;
display:inline-block;
margin:0;
}
.page-w_dp-content .list-agt .content-info dl dd ul li {
display:inline-block;
width:29px;
height:29px;
margin-right:3px;
margin-left:0;
border:1px solid #f1f1f1;
border-radius:3px;
background-color:#f1f1f1;
}
.page-w_dp-content .list-agt .content-info dl dd ul li.off {
color:#ccc;
border:1px solid #eee;
background:#ececec;
background-color:#fff;
}
.page-w_dp-content .list-agt .content-info dl dd ul li span {
font-size:9px;
line-height:1.2;
display:table-cell;
width:29px;
height:29px;
text-align:center;
vertical-align:middle;
letter-spacing:-.04em;
}
.page-w_dp-content .list-agt .content-info .list-credit {
display:table-cell;
overflow:hidden;
width:72px;
padding-top:17px;
vertical-align:top;
border:none;
}
.page-w_dp-content .list-agt .content-info .list-credit li {
line-height:2;
display:inline-block;
float:left;
overflow:hidden;
height:0;
margin:0 0 1px 1px;
padding-top:17px;
vertical-align:middle;
background-repeat:no-repeat;
background-size:100% auto;
}
.page-w_dp-content .list-agt .content-info .list-credit li:nth-child(4n) {
clear:left;
}
.page-w_dp-content .list-agt .content-info .list-credit li.logo-visa {
width:25px;
background-image:url(/element_sp/shared/images/logo/card/logo-visa.gif);
}
.page-w_dp-content .list-agt .content-info .list-credit li.logo-master {
width:25px;
background-image:url(/element_sp/shared/images/logo/card/logo-master.gif);
}
.page-w_dp-content .list-agt .content-info .list-credit li.logo-jcb {
width:19px;
background-image:url(/element_sp/shared/images/logo/card/logo-jcb.gif);
}
.page-w_dp-content .list-agt .content-info .list-credit li.logo-diners {
width:21px;
background-image:url(/element_sp/shared/images/logo/card/logo-diners.gif);
}
.page-w_dp-content .list-agt .content-info .list-credit li.logo-amex {
width:15px;
background-image:url(/element_sp/shared/images/logo/card/logo-amex.gif);
}
/* .list-ariline
----------------------------------------------- */
.page-w_dp-content .list-ariline {
display:none;
margin:0 -10px;
}
.page-w_dp-content .list-ariline.active {
display:block;
}
.page-w_dp-content .list-ariline table {
font-weight:bold;
width:100%;
border-collapse:collapse;
}
.page-w_dp-content .list-ariline th {
font-size:12px;
width:25%;
padding:10px 0;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ccc;
background:#eee;
}
.page-w_dp-content .list-ariline td {
font-size:9px;
text-align:center;
vertical-align:middle;
border-bottom:2px solid #dcdcdc;
border-left:1px solid #ccc;
}
.page-w_dp-content .list-ariline td:first-child {
text-align:center;
}
.page-w_dp-content .list-ariline td img {
max-width:65px;
}
.page-w_dp-content .list-ariline td .airline {
font-size:10px;
display:block;
}
.page-w_dp-content .list-ariline td span.title {
font-size:12px;
color:var(--cmn-font-color-base);
}
.page-w_dp-content .list-ariline td span b {
font-size:15px;
display:inline-block;
text-decoration:underline;
}
.page-w_dp-content .list-ariline td a {
display:block;
padding:3px 5px;
text-align:right;
text-decoration:underline;
}
.page-w_dp-content .list-ariline td:first-child {
border-left:0;
}
.page-w_dp-content .list-ariline td:first-child a {
text-decoration:none;
}
.page-w_dp-content .list-ariline .low-price {
background:#feefe6;
}
.page-w_dp-content .list-ariline .low-price span {
text-decoration:underline;
color:var(--cmn-font-color-red);
}
.page-w_dp-content .list-ariline .low-price span.title {
text-decoration:none;
}
/* .list-option
----------------------------------------------- */
.page-w_dp-content .list-option li {
padding:6px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.page-w_dp-content .list-option li ul {
margin:-6px -10px;
}
.page-w_dp-content .list-option li ul li {
padding-left:35px;
}
.page-w_dp-content .list-option li ul li:last-child {
border-bottom:none;
}
.page-w_dp-content .list-option .list-option-col2 span {
position:relative;
}
.page-w_dp-content .list-option .list-option-col2 span:first-child {
position:relative;
display:inline-block;
padding-right:90px;
}
.page-w_dp-content .list-option .list-option-col2 span:first-child img {
display:inline-block;
width:40px;
height:auto;
}
.page-w_dp-content .list-option .list-option-col2 span:last-child {
position:absolute;
top:3px;
right:10px;
display:block;
width:90px;
text-align:right;
}
.page-w_dp-content .chk-option + .box-01 .list-option-col2 span:first-child,
.page-w_dp-content .chk-option-02 + .box-01 .list-option-col2 span:first-child {
padding-left:50px;
text-indent:-50px;
}
.page-w_dp-content .chk-option + .box-01 .list-option-col2 span:first-child img,
.page-w_dp-content .chk-option-02 + .box-01 .list-option-col2 span:first-child img {
margin-right:10px;
}
/* .list-sns
----------------------------------------------- */
.page-w_dp-content .list-sns {
margin:35px 0 15px 0;
text-align:center;
letter-spacing:-.4em;
}
.page-w_dp-content .list-sns > li {
display:inline-block;
margin:0 15px;
letter-spacing:normal;
vertical-align:text-top;
}
.page-w_dp-content .list-sns > li img {
width:30px;
height:30px;
vertical-align:top;
}
/* ----------------------------------------------------------------
  Tooltip
----------------------------------------------------------------- */
.page-w_dp-content .tooltip-item {
font-size:12px;
position:absolute;
z-index:3;
top:0;
left:0;
display:none;
min-width:150px;
max-width:80%;
margin-top:18px;
padding:10px 12px 10px 10px;
border:1px solid #9f9f9f;
border-radius:6px;
background-color:#fff;
-webkit-box-shadow:2px 1px 6px rgba(0, 0, 0, .5);
box-shadow:2px 1px 6px rgba(0, 0, 0, .5);
}
.page-w_dp-content .tooltip-item > :first-child {
margin-top:0;
}
.page-w_dp-content .tooltip-item.active {
display:block;
}
.page-w_dp-content .tooltip-item .tooltip-hdg {
font-size:14px;
margin-bottom:2px;
}
.page-w_dp-content .tooltip-item .list-separate > li {
margin-top:0;
}
.page-w_dp-content .tooltip-item .list-separate > li > .cell:first-child {
width:30%;
}
.page-w_dp-content .tooltip-item .btn-close {
position:absolute;
top:-18px;
right:-18px;
overflow:hidden;
width:40px;
height:40px;
text-indent:-9999px;
color:#fff;
border:2px solid #fff;
border-radius:20px;
background:#404040;
-webkit-box-shadow:2px 0 4px rgba(0, 0, 0, .5);
box-shadow:2px 0 4px rgba(0, 0, 0, .5);
}
.page-w_dp-content .tooltip-item .btn-close:before {
position:absolute;
top:50%;
left:50%;
display:block;
overflow:hidden;
width:9px;
height:9px;
content:"";
}
.page-w_dp-content .tooltip-item .btn-close:before {
margin:-5px 0 0 -4px;
-webkit-transform:scale(2);
transform:scale(2);
background:url(/element_sp/w_dp/shared/images/sprite.svg) 53.44828% 0 no-repeat;
}
.page-w_dp-content .tooltip-item .tooltip-balloon {
position:relative;
position:relative;
position:absolute;
top:-10px;
left:50%;
display:block;
margin-left:-10px;
}
.page-w_dp-content .tooltip-item .tooltip-balloon:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 11px 11px 11px;
border-style:solid;
border-color:transparent transparent #9f9f9f transparent;
}
.page-w_dp-content .tooltip-item .tooltip-balloon:before {
top:-1px;
left:-1px;
}
.page-w_dp-content .tooltip-item .tooltip-balloon:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 10px 10px 10px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.page-w_dp-content .tooltip-item .tooltip-balloon:after {
top:0;
left:0;
}
.page-w_dp-content .tooltip-item.active {
display:block;
}
/* ----------------------------------------------------------------
  Balloon-box
----------------------------------------------------------------- */
.page-w_dp-content .balloon-box {
font-size:12px;
position:relative;
position:relative;
position:relative;
margin-top:10px;
padding:5px;
text-align:center;
border:1px solid #d9d9d9;
background-color:#fff;
}
.page-w_dp-content .balloon-box:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 8px 8px 8px;
border-style:solid;
border-color:transparent transparent #d2d2d2 transparent;
}
.page-w_dp-content .balloon-box:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 7px 7px 7px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.page-w_dp-content .balloon-box:before,
.page-w_dp-content .balloon-box:after {
position:absolute;
top:-7px;
left:50%;
display:block;
margin-left:-7px;
}
.page-w_dp-content .balloon-box:before {
top:-8px;
margin-left:-8px;
}
/* ----------------------------------------------------------------
  Pseudo Page 擬似遷移
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.page-w_dp-content .pseudo-content {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 10px 10px;
}
.page-w_dp-content .pseudo-content .pseudo-content-item{
margin:0 -10px;
}
.page-w_dp-content .pseudo-content .pseudo-content-item .pseudo-line-item + .pseudo-line-item{
padding-top:12px;
margin-top:12px;
border-top:1px solid #e5e5e5;
}
/* .pseudo-header
----------------------------------------------- */
.page-w_dp-content .pseudo-header {
position:relative;
margin:0 -10px 10px;
padding:10px 55px;
color:#fff;
background-color:#4d4d4d;
}
.page-w_dp-content .pseudo-header .pseudo-hdg {
font-size:16px;
font-weight:bold;
text-align:center;
}
.page-w_dp-content .pseudo-header .btn-pseudo-prev {
font-weight:bold;
position:absolute;
top:0;
left:0;
height:100%;
padding:0 10px;
border-width:0 1px 0 0;
border-style:solid;
border-color:#000;
background:none;
}
.page-w_dp-content main > .pseudo-header {
margin-top:-10px;
}
/* .carousel
----------------------------------------------- */
.page-w_dp-content .carousel {
margin:-10px -10px 0;
}
.page-w_dp-content .carousel .carousel-catch {
font-size:16px;
font-weight:bold;
position:absolute;
bottom:0;
left:0;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:10px;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}
/* ----------------------------------------------------------------
  FlexSlider
----------------------------------------------------------------- */
/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author:Tyler Smith (@mbmufffin)
 *
 */
/* RESETS
----------------------------------------------- */
.page-w_dp-content .flex-container a:hover,
.page-w_dp-content .flex-slider a:hover,
.page-w_dp-content .flex-container a:focus,
.page-w_dp-content .flex-slider a:focus {
outline:none;
}
.page-w_dp-content .slides,
.page-w_dp-content .slides > li,
.page-w_dp-content .flex-control-nav,
.page-w_dp-content .flex-direction-nav {
margin:0;
padding:0;
list-style:none;
}
.page-w_dp-content .flex-pauseplay span {
text-transform:capitalize;
}
/* BASE STYLES
----------------------------------------------- */
.page-w_dp-content .flexslider {
margin:0;
padding:0;
}
.page-w_dp-content .flexslider .slides > li {
position:relative;
display:none;
-webkit-backface-visibility:hidden;
}
.page-w_dp-content .flexslider .slides img {
display:block;
width:100%;
}
.page-w_dp-content .flexslider .slides:after {
line-height:0;
display:block;
visibility:hidden;
clear:both;
height:0;
content:"\0020";
}
.page-w_dp-content html[xmlns] .flexslider .slides {
display:block;
}
.page-w_dp-content .no-js .flexslider .slides > li:first-child {
display:block;
}
/*  DEFAULT THEME
----------------------------------------------- */
.page-w_dp-content .flexslider {
position:relative;
margin:0 0 46px;
}
.page-w_dp-content .flexslider .slides img {
height:auto;
}
.page-w_dp-content .flex-viewport {
max-height:2000px;
-webkit-transition:all 1s ease;
transition:all 1s ease;
}
.page-w_dp-content .loading .flex-viewport {
max-height:300px;
}
.page-w_dp-content .flex-direction-nav a {
position:relative;
position:absolute;
z-index:10;
top:50%;
display:block;
overflow:hidden;
width:32px;
height:40px;
margin:-40px 0 0;
cursor:pointer;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
text-decoration:none;
opacity:0;
border-radius:5px 0 0 5px;
background-color:rgba(0, 0, 0, .3);
}
.page-w_dp-content .flex-direction-nav a:link,
.page-w_dp-content .flex-direction-nav a:active,
.page-w_dp-content .flex-direction-nav a:hover,
.page-w_dp-content .flex-direction-nav a:focus {
color:rgba(51, 51, 51, 0);
}
.page-w_dp-content .flex-direction-nav a:before {
position:absolute;
display:block;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}
.page-w_dp-content .flex-direction-nav a:before {
top:50%;
right:10px;
width:14px;
height:14px;
margin-top:-9px;
}
.page-w_dp-content .flex-direction-nav a.flex-prev {
border-radius:0 5px 5px 0;
}
.page-w_dp-content .flex-direction-nav a.flex-prev:before {
right:auto;
left:10px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.page-w_dp-content .flex-direction-nav .flex-prev {
left:0;
opacity:1;
}
.page-w_dp-content .flex-direction-nav .flex-next {
right:0;
text-align:right;
opacity:1;
}
.page-w_dp-content .flex-direction-nav .flex-disabled {
cursor:default;
opacity:0 !important;
filter:alpha(opacity=0);
}
.page-w_dp-content .flex-pauseplay a {
position:absolute;
z-index:10;
bottom:5px;
left:10px;
display:block;
overflow:hidden;
width:20px;
height:20px;
cursor:pointer;
opacity:.8;
color:#000;
}
.page-w_dp-content .flex-pauseplay a:before {
font-size:20px;
display:inline-block;
content:"\f004";
}
.page-w_dp-content .flex-pauseplay a:hover {
opacity:1;
}
.page-w_dp-content .flex-pauseplay a .flex-play:before {
content:"\f003";
}
.page-w_dp-content .flex-control-nav {
position:absolute;
bottom:-35px;
width:100%;
text-align:center;
}
.page-w_dp-content .flex-control-nav li {
display:inline-block;
margin:0 6px;
}
.page-w_dp-content .flex-control-paging li a {
display:block;
width:7px;
height:7px;
cursor:pointer;
text-indent:-9999px;
border-radius:20px;
background:#b3b3b3;
}
.page-w_dp-content .flex-control-paging li a:hover {
background:#666;
}
.page-w_dp-content .flex-control-paging li a.flex-active {
cursor:default;
background:#666;
}
.page-w_dp-content .flex-control-thumbs {
position:static;
overflow:hidden;
margiin:5px 0 0;
}
.page-w_dp-content .flex-control-thumbs li {
float:left;
width:25%;
margin:0;
}
.page-w_dp-content .flex-control-thumbs img {
display:block;
width:100%;
height:auto;
cursor:pointer;
-webkit-transition:all 1s ease;
transition:all 1s ease;
opacity:.7;
}
.page-w_dp-content .flex-control-thumbs img:hover {
opacity:1;
}
.page-w_dp-content .flex-control-thumbs .flex-active {
cursor:default;
opacity:1;
}
/* ----------------------------------------------------------------
  Common
----------------------------------------------------------------- */
/* ？アイコン
----------------------------------------------- */
.page-w_dp-content .icon-q {
position:relative;
display:inline-block;
overflow:hidden;
width:21px;
height:21px;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
vertical-align:middle;
}
.page-w_dp-content .icon-q:before {
position:absolute;
top:3px;
left:3px;
display:block;
overflow:hidden;
width:13px;
height:13px;
content:"";
border:1px solid #c9c9c9;
border-radius:2px;
}
.page-w_dp-content .icon-q:before {
background:url(/element_sp/w_dp/shared/images/help_icon.svg) 0 0 no-repeat;
}
/* マージン・パディング制御用クラス
----------------------------------------------- */
.page-w_dp-content .m-top-0 {
margin-top:0 !important;
}
.page-w_dp-content .m-right-0 {
margin-right:0 !important;
}
.page-w_dp-content .m-bottom-0 {
margin-bottom:0 !important;
}
.page-w_dp-content .m-left-0 {
margin-left:0 !important;
}
.page-w_dp-content .p-top-0 {
padding-top:0 !important;
}
.page-w_dp-content .p-right-0 {
padding-right:0 !important;
}
.page-w_dp-content .p-bottom-0 {
padding-bottom:0 !important;
}
.page-w_dp-content .p-left-0 {
padding-left:0 !important;
}
.page-w_dp-content .m-top-5 {
margin-top:5px !important;
}
.page-w_dp-content .m-right-5 {
margin-right:5px !important;
}
.page-w_dp-content .m-bottom-5 {
margin-bottom:5px !important;
}
.page-w_dp-content .m-left-5 {
margin-left:5px !important;
}
.page-w_dp-content .p-top-5 {
padding-top:5px !important;
}
.page-w_dp-content .p-right-5 {
padding-right:5px !important;
}
.page-w_dp-content .p-bottom-5 {
padding-bottom:5px !important;
}
.page-w_dp-content .p-left-5 {
padding-left:5px !important;
}
.page-w_dp-content .m-top-10 {
margin-top:10px !important;
}
.page-w_dp-content .m-right-10 {
margin-right:10px !important;
}
.page-w_dp-content .m-bottom-10 {
margin-bottom:10px !important;
}
.page-w_dp-content .m-left-10 {
margin-left:10px !important;
}
.page-w_dp-content .p-top-10 {
padding-top:10px !important;
}
.page-w_dp-content .p-right-10 {
padding-right:10px !important;
}
.page-w_dp-content .p-bottom-10 {
padding-bottom:10px !important;
}
.page-w_dp-content .p-left-10 {
padding-left:10px !important;
}
.page-w_dp-content .m-top-15 {
margin-top:15px !important;
}
.page-w_dp-content .m-right-15 {
margin-right:15px !important;
}
.page-w_dp-content .m-bottom-15 {
margin-bottom:15px !important;
}
.page-w_dp-content .m-left-15 {
margin-left:15px !important;
}
.page-w_dp-content .p-top-15 {
padding-top:15px !important;
}
.page-w_dp-content .p-right-15 {
padding-right:15px !important;
}
.page-w_dp-content .p-bottom-15 {
padding-bottom:15px !important;
}
.page-w_dp-content .p-left-15 {
padding-left:15px !important;
}
.page-w_dp-content .m-top-20 {
margin-top:20px !important;
}
.page-w_dp-content .m-right-20 {
margin-right:20px !important;
}
.page-w_dp-content .m-bottom-20 {
margin-bottom:20px !important;
}
.page-w_dp-content .m-left-20 {
margin-left:20px !important;
}
.page-w_dp-content .p-top-20 {
padding-top:20px !important;
}
.page-w_dp-content .p-right-20 {
padding-right:20px !important;
}
.page-w_dp-content .p-bottom-20 {
padding-bottom:20px !important;
}
.page-w_dp-content .p-left-20 {
padding-left:20px !important;
}
.page-w_dp-content .m-top-25 {
margin-top:25px !important;
}
.page-w_dp-content .m-right-25 {
margin-right:25px !important;
}
.page-w_dp-content .m-bottom-25 {
margin-bottom:25px !important;
}
.page-w_dp-content .m-left-25 {
margin-left:25px !important;
}
.page-w_dp-content .p-top-25 {
padding-top:25px !important;
}
.page-w_dp-content .p-right-25 {
padding-right:25px !important;
}
.page-w_dp-content .p-bottom-25 {
padding-bottom:25px !important;
}
.page-w_dp-content .p-left-25 {
padding-left:25px !important;
}
.page-w_dp-content .m-top-30 {
margin-top:30px !important;
}
.page-w_dp-content .m-right-30 {
margin-right:30px !important;
}
.page-w_dp-content .m-bottom-30 {
margin-bottom:30px !important;
}
.page-w_dp-content .m-left-30 {
margin-left:30px !important;
}
.page-w_dp-content .p-top-30 {
padding-top:30px !important;
}
.page-w_dp-content .p-right-30 {
padding-right:30px !important;
}
.page-w_dp-content .p-bottom-30 {
padding-bottom:30px !important;
}
.page-w_dp-content .p-left-30 {
padding-left:30px !important;
}
/* Width制御
----------------------------------------------- */
.page-w_dp-content .w-5 {
width:5% !important;
}
.page-w_dp-content .w-10 {
width:10% !important;
}
.page-w_dp-content .w-15 {
width:15% !important;
}
.page-w_dp-content .w-20 {
width:20% !important;
}
.page-w_dp-content .w-25 {
width:25% !important;
}
.page-w_dp-content .w-30 {
width:30% !important;
}
.page-w_dp-content .w-35 {
width:35% !important;
}
.page-w_dp-content .w-40 {
width:40% !important;
}
.page-w_dp-content .w-45 {
width:45% !important;
}
.page-w_dp-content .w-50 {
width:50% !important;
}
.page-w_dp-content .w-55 {
width:55% !important;
}
.page-w_dp-content .w-60 {
width:60% !important;
}
.page-w_dp-content .w-65 {
width:65% !important;
}
.page-w_dp-content .w-70 {
width:70% !important;
}
.page-w_dp-content .w-75 {
width:75% !important;
}
.page-w_dp-content .w-80 {
width:80% !important;
}
.page-w_dp-content .w-85 {
width:85% !important;
}
.page-w_dp-content .w-90 {
width:90% !important;
}
.page-w_dp-content .w-95 {
width:95% !important;
}
.page-w_dp-content .w-100 {
width:100% !important;
}
/* Align Control
----------------------------------------------- */
.page-w_dp-content .left,
.page-w_dp-content table.left th,
.page-w_dp-content table.left td,
.page-w_dp-content thead.left > tr > *,
.page-w_dp-content tbody.left > tr > * {
text-align:left !important;
}
.page-w_dp-content .center,
.page-w_dp-content table.center th,
.page-w_dp-content table.center td,
.page-w_dp-content thead.center > tr > *,
.page-w_dp-content tbody.center > tr > * {
text-align:center !important;
}
.page-w_dp-content .right,
.page-w_dp-content table.right th,
.page-w_dp-content table.right td,
.page-w_dp-content thead.right > tr > *,
.page-w_dp-content tbody.right > tr > * {
text-align:right !important;
}
.page-w_dp-content .middle,
.page-w_dp-content table.middle th,
.page-w_dp-content table.middle td,
.page-w_dp-content thead.middle > tr > *,
.page-w_dp-content tbody.middle > tr > * {
vertical-align:middle !important;
}
@media screen and (max-width:362px) {
.page-w_dp-content .term-idx-container {
background-size:115% auto;
}
}
/* ----------------------------------------------------------------
Headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.page-w_dp-content .hdg-l1-container {
margin:-10px -10px 15px;
padding:0 50px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#111;
z-index:10;
}
.page-w_dp-content .hdg-l1-container + form{
margin-top:-15px;
}
.page-w_dp-content main > div.act_ad_manage + .hdg-l1-container {
margin-top:0;
}
.page-w_dp-content .hdg-l1-inner {
display:table;
width:100%;
height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.page-w_dp-content .hdg-l1-container .hdg-l1-box {
display:table-cell;
margin:0;
width:100%;
padding-right:10px;
vertical-align:middle;
}
.page-w_dp-content .hdg-l1-container .hdg-l1 {
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:16px;
font-weight:bold;
text-align:center;
margin-bottom:0;
}
.page-w_dp-content #act_page_tooltip_creditcard_security .hdg-l1-container .hdg-l1{
padding:5px 0 5px 40px;
}
.page-w_dp-content .hdg-l1-container .hdg-l1-sup {
margin:0;
font-size:12px;
}
.page-w_dp-content .hdg-l1-container .btn-hdg + .hdg-l1-box {
text-align:center;
padding:0 10px;
}
/* .hdg-l2
----------------------------------------------- */
.page-w_dp-content .hdg-l2 {
position:relative;
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
font-size:14px;
line-height:1;
font-weight:normal;
}
.page-w_dp-content .hdg-l2-01 {
font-size:14px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
position:relative;
border-bottom:1px solid #e5e5e5;
padding-bottom:8px;
padding-left:0;
margin:16px 0 0;
}
.page-w_dp-content .hdg-l2-01 button{
position:absolute;
top:50%;
right:0;
padding:0;
height:19px;
display:block;
font-size:12px;
font-weight:normal;
color:#fff;
border-radius:3px;
border:1px solid #fff;
background:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:-12px;
color:var(--cmn-font-color-base);
--cmn-dashed-grad:linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color:#949494;
--cmn-dashed-size:6px 1px;
--cmn-dashed-font-color:var(--cmn-font-color-base);
padding-bottom:1px;
color:var(--cmn-dashed-font-color) !important;
background:var(--cmn-dashed-grad);
background-size:var(--cmn-dashed-size);
text-decoration:none !important;
}
.page-w_dp-content .lyt-sticky .hdg-l1-container + .hdg-l2-01 {
margin:-15px -10px 0;
}
.page-w_dp-content .lyt-sticky [class*="narrow-box"] + .hdg-l2-01 {
margin:0 -10px;
}
/* .tour-box
----------------------------------------------- */
.page-w_dp-content .tour-box{
clear:both;
margin:6px 0 0 0;
background:#fff;
border-bottom:1px solid #e5e5e5;
font-size:12px;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box{
clear:both;
margin:0 -10px 0 -10px;
background:#f5f5f5;
border-bottom:1px solid #e5e5e5;
}
.page-w_dp-content main .tour-box a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
padding:8px 10px 8px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border:1px solid #d1d1d1;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box a{
display:block;
position:relative;
padding:7px 10px 5px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border:0;
}
.page-w_dp-content .tour-box a:before {
position:absolute;
display:block;
width:7px;
height:7px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
top:50%;
right:12px;
margin-top:-6px;
}
.page-w_dp-content .tour-box .tour-hdg{
display:table-cell;
font-size:12px;
width:108px;
vertical-align:middle;
padding-right:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
font-weight:bold;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box .tour-hdg{
font-size:11px;
width:135px;
}
.page-w_dp-content .tour-box .tour-hdg button{
z-index:10;
margin-left:3px;
vertical-align:top;
}
.page-w_dp-content main .tour-box .price{
color:var(--cmn-font-color-base);
width:calc(100% - 108px);
text-align:right;
line-height:1.2;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box .price{
color:var(--cmn-font-color-base);
width:auto;
line-height:1.1;
font-size:10px;
}
.page-w_dp-content main .tour-box .price p{
font-weight:normal;
font-size:12px;
line-height:1.3;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box .price p{
font-size:10px;
margin:0;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box .price small{
font-size:10px;
}
.page-w_dp-content .search-item-container.branch .search-item .tour-box .tour-hdg br{
display:none;
}
.page-w_dp-content .tour-box .num{
font-size:13px;
font-family:Arial;
}
.page-w_dp-content .tour-box p .num:first-child{
display:inline-block;
}
.page-w_dp-content main .tour-box p{
margin:0;
}
.page-w_dp-content .clr-stl-01{
color:#2b65a0;
}
.page-w_dp-content .clr-stl-02{
color:#af700a;
}
.page-w_dp-content .clr-stl-03{
color:var(--cmn-font-color-red);
}
.page-w_dp-content .tour-box b.num{
font-size:17px;
}
.page-w_dp-content .tour-box small{
font-size:11px;
display:block;
}
.page-w_dp-content .tour-box .tour-box-info{
font-size:11px;
line-height:1.2;
margin-top:5px;
text-align:right;
position:relative;
}
.page-w_dp-content .tour-box .tour-box-info .luggage-info{
font-size:11px;
color:#af700a;
position:absolute;
left:0;
top:0;
}
/* .serching-new
----------------------------------------------- */
.page-w_dp-content .search-item-container .search-item{
background:#e8e8e8;
}
.page-w_dp-content .search-item-container .nav-search-item{
background:#fff;
padding:9px;
border:1px solid #d1d1d1;
}
.page-w_dp-content .hdg-price{
background:none;
padding:6px 0 0;
margin-bottom:-2px;
}
.page-w_dp-content .search-item-container .search-item-info{
background:#fff;
margin:-10px;
padding:10px 5px 10px 10px;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-img{
float:left;
min-height:90px;
}
.page-w_dp-content .search-item-container .search-item-info .search-detail-item{
margin-left:110px;
}
.page-w_dp-content .search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other {
position:absolute;
top:100px;
left:9px;
}
.page-w_dp-content .search-item-container .nav-search-item div.logo{
left:9px;
top:12px;
margin:0;
}
.page-w_dp-content .search-item-container .nav-search-item .luggage-info-item{
position:absolute;
}
.page-w_dp-content .search-item-container .nav-search-item .luggage-info-item .logo,
.page-w_dp-content .search-item-container.branch  .nav-search-item .luggage-info-item .logo{
left:0;
top:0;
}
.page-w_dp-content .search-item-container .nav-search-item .luggage-info{
margin-top:38px;
font-size:11px;
}
.page-w_dp-content .search-item-container .nav-search-item-inner > b{
margin:0;
top:2px;
}
.page-w_dp-content .search-item-container .nav-search-item-inner{
display:inline-block;
}
.page-w_dp-content .toggle-inner-box .foreign-price-list li,
.page-w_dp-content .foreign-price-list li{
width:128px;
}
.page-w_dp-content .tax-date-list{
display:block;
font-size:12px;
text-align:right;
margin-left:-2px;
letter-spacing:-.01em;
}
.page-w_dp-content .tax-date-list .num{
font-family:Arial;
font-size:12px;
}
.page-w_dp-content .tax-date-list > .stay-num{
font-weight:normal;
padding:0 2px;
}
.page-w_dp-content .tax-date-list > .stay-num .num{
font-size:14px;
font-weight:bold;
}
@media screen and (max-width:365px){
.page-w_dp-content .tax-date-list{
padding-left:40px;
line-height:1.2;
}
.page-w_dp-content .cmn-modal .tax-date-list{
padding-left:90px;
line-height:1.2;
}
.page-w_dp-content .plan-detail-box .date-num{
padding-left:55px;
}
}
.page-w_dp-content .modal-info-area .foreign-price-list{
font-size:0;
}
.page-w_dp-content .modal-info-area .foreign-price-list li{
width:100%;
}
.page-w_dp-content .modal-info-area .foreign-price-list li.tax-list,
.page-w_dp-content .modal-info-area .foreign-price-list li.date-num{
display:inline-block;
width:auto;
font-size:11px;
}
.page-w_dp-content .foreign-price-list li.tax-list,
.page-w_dp-content .foreign-price-list li.date-num{
display:inline-block;
width:auto;
font-size:11px;
}
.page-w_dp-content .plan-detail-box .date-num .num{
font-size:12px;
}
.page-w_dp-content .plan-detail-box .date-num .stay-num{
padding:0 4px;
}
.page-w_dp-content .plan-detail-box .date-num .stay-num .num{
font-size:14px;
}
.page-w_dp-content .modal-info-area .foreign-price-list li.date-num:after{
content:"/";
margin:0 2px;
display:inline-block;
}
.page-w_dp-content .modal-info-area .foreign-price-list li.date-num .num{
font-size:12px;
}
.page-w_dp-content .modal-info-area .foreign-price-list li.date-num .stay-num .num{
font-size:14px;
}
.page-w_dp-content .modal-info-area .foreign-price-list li.date-num .stay-num{
padding:0 4px;
}
.page-w_dp-content .num{
font-family:Arial;
font-size:11px;
}
.page-w_dp-content .price-one .num{
font-size:12px;
}
/* .error-item
----------------------------------------------- */
.page-w_dp-content .error-item{
text-align:center;
padding:20px 0 60px;
background:#fff;
margin-bottom:-20px;
}
.page-w_dp-content .error-item .error-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
}
.page-w_dp-content .error-item .error-txt{
font-size:13px;
margin-bottom:20px;
text-align:left;
padding:0 8px;
}
.page-w_dp-content .error-item .error-txt.center{
text-align:center;
}
.page-w_dp-content .error-item .btn-error{
border:1px solid #bbb;
border-radius:5px;
font-size:13px;
background:#fff;
color:#666;
text-align:center;
padding:4px 8px;
font-weight:bold;
}
.page-w_dp-content .filter-dp .error-item .error-txt{
font-size:12px;
}
.page-w_dp-content .error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
text-align:left;
}
.page-w_dp-content .error-align-c{
text-align:center;
font-size:14px;
}
.page-w_dp-content .error-item strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.page-w_dp-content .error-item p:not([class]){
font-size:14px;
text-align:left;
}
.page-w_dp-content .error-item .txt-notfound{
font-size:12px;
text-align:left;
}
.page-w_dp-content .error-item .btn {
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base);
display:table;
text-align:center;
font-size:14px;
background-color:#fff;
font-weight:normal;
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
text-shadow:inherit;
width:150px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* for w_dp override
---------------------------------- */
.page-w_dp-content .error-item{
margin-bottom:0;
}
.page-w_dp-content .error-item .btn{
min-height:34px;
min-width:164px;
padding-top:6px;
padding-bottom:0;
}
.page-w_dp-content .term{
margin-top:0;
padding:12px;
}
.page-w_dp-content .term .term-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 35% 1fr;
grid-template-columns:1fr 35% 1fr;
margin:0 0 4px;
}
.page-w_dp-content .term .term-list > li{
display:-ms-grid;
display:grid;
-ms-grid-row-span:2;
grid-row:span 2;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
}
.page-w_dp-content .term .term-list > li:not(:first-child){
border-left:1px solid #ccc;
padding-left:7px;
}
.page-w_dp-content .term .term-list > li:not(:last-child){
padding-right:7px;
}
.page-w_dp-content .term .term-list .term-list-catch{
font-size:12px;
margin-bottom:4px;
text-align:center;
place-content:center;
line-height:1.3;
}
.page-w_dp-content .term .term-list .temr-list-desc{
font-size:12px;
text-align:center;
}
@media screen and (max-width: 360px) {
.page-w_dp-content .term .term-list .temr-list-desc{
font-size:11px;
}
.page-w_dp-content .term .term-list > li:not(:first-child) {
padding-left:6px;
}
.page-w_dp-content .term .term-list > li:not(:last-child) {
padding-right:6px;
}
}
.page-w_dp-content .term .term-catch{
font-size:14px;
text-align:center;
margin:0;
}
.page-w_dp-content .term .term-catch .cmn-tip-info-btn{
margin-left:4px;
}
.page-w_dp-content .term .term-guide .term-guide-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:0;
margin:0 auto;
position:relative;
margin-top:16px;
background-color:#444;
color:#fff;
width:231px;
height:44px;
font-size:16px;
border-radius:4px;
}
.page-w_dp-content .cmn-loading-spinner{
margin-top:40px;
margin-bottom:1000px;
}
.page-w_dp-content .loading{
height:auto;
-webkit-animation:none;
animation:none;
}
.page-w_dp-content .search-item-container .list-separate.branch{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line{
margin:0;
line-height:1;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line > li{
margin:0;
}
.page-w_dp-content .search-item-container .list-separate.branch .list-line > li b{
margin-bottom:0;
bottom:1px;
position:relative;
}
.page-w_dp-content .search-item-container .search-item-hdg .text-eng {
color:var(--cmn-font-color-gray);
}
.page-w_dp-content .search-item-container .search-item-info{
margin-bottom:6px;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-img{
line-height:2.5;
}
.page-w_dp-content .search-item-container .search-item-info .search-item-caption{
color:var(--cmn-font-color-base);
}
.page-w_dp-content .plan-detail-item-price a{
position:relative;
display:block;
min-height:30px;
padding:0 14px 0 0;
color:var(--cmn-font-color-base);
line-height:1;
}
.page-w_dp-content .plan-detail-item-price a::before{
position:absolute;
display:block;
top:50%;
right:0;
margin-top:-5px;
width:7px;
height:7px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
}
.page-w_dp-content .feature-list{
margin-top:3px;
}
.page-w_dp-content .tax-date-list{
margin-top:2px;
font-size:11px;
}
.page-w_dp-content .tour-box{
background:none;
}
.page-w_dp-content .tour-box .tour-hdg{
vertical-align:top;
}
.page-w_dp-content .tour-box a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
padding:8px 10px 8px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border:1px solid #d1d1d1;
border-radius:6px;
background-color:#fff;
}
.page-w_dp-content .tour-box .price{
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.2;
font-size:12px;
}
.page-w_dp-content .tour-box .price p{
font-weight:normal;
font-size:12px;
text-align:right;
margin:0;
}
.page-w_dp-content .tour-box .price p span.num{
font-size:12px;
}
.page-w_dp-content .tour-box .price p b.num{
margin-left:3px;
font-size:17px;
color:var(--cmn-font-color-red);
}
.page-w_dp-content .tour-box .price small{
margin-top:2px;
font-size:11px;
}
.page-w_dp-content .incld-brt li{
font-size:12px;
}
.page-w_dp-content .payment-info-content-list-symbol > li{
font-size:12px;
}
.page-w_dp-content .search-item-detaile .search-item-btn{
text-align:center;
}
.page-w_dp-content .search-item-detaile .search-item-btn::before{
background:none;
margin-top:1px;
}
.page-w_dp-content .search-item-container .search-item-num{
margin-bottom:0;
padding:6px 0 0 !important;
}
.page-w_dp-content .search-item-container .search-result-header-guide + .search-item{
margin-top:0;
}

/* for page-w_tour-content override
---------------------------------- */
.page-w_tour-content .payment-info-content:last-child::before {
left:2.5em;
}
.page-w_tour-content .search-result .search-result-item-header{
padding-top:0;
}