@charset "utf-8";
/* CSS Document */

/*-------------------- pageGuide */
.pageGuideTop,
p.searchNum{
display: none;
}
ul.pageGuide{
display: flex;
justify-content: center;
}
ul.pageGuide li{
width: 40px;
height: 40px;
margin-right: 8px;
visibility: hidden;
text-align: center;
margin-bottom: 10px;
}
ul.pageGuide li a,
ul.pageGuide li span,
ul.pageGuide li strong {
font-size: 85%;
display: block;
visibility: visible;
padding: 10px 0;
}
ul.pageGuide li strong {
color: #fff;
background: #b03060;
border-radius: 50%;
}
ul.pageGuide li a{
color: #666;
background: #f5f5f5;
border-radius: 50%;
}
/*-------------------- deplist */
.deplistWrap{
margin-bottom: 30px;
}
.deplistWrap ul{
display: flex;
justify-content: flex-start;
}
.deplistWrap li{
background: #3c4907;
text-align: center;
list-style: none;
}
.deplistWrap li a{
color: #fff;
}
.deplistWrap li.selected{
background: #fff;
color: #3c4907;
border: 1px solid #3c4907;
}
/*-------------------- tour plan */
#tour_detail{
padding: 30px 0 50px;
}
.searchEffList{
display: flex;
justify-content: flex-start;
}
.searchEffList dl.tour_temp{
width: 100%;
margin-bottom: 30px;
padding-bottom: 7px;
}
.searchEffList dl dt p.temp_photo img{
width: 100%;
height: 220px;
object-fit: cover;
}
p.temp_code span,
p.temp_price span,
p.temp_day span,
p.temp_city span{
display: inline-block;
width: 70px;
margin-right: 7px;
color: #666;
font-weight: normal;
font-size: 100%;
}
p.temp_price span.gd_price{
display: inline-block;
width: 100%;
font-weight: 700;
font-size: 125%;
color: #b03060;
}
p.temp_price span.price_ttl{
color: #b03060;
}
p.temp_day,
p.temp_hotel{
color: #b03060;
}
p.temp_lead{
color: #333;
padding: 3px 0;
font-weight: 500;
}
p.temp_hotel{
padding-top: 5px;
}
p.temp_day span.gd_cities{
display: inline;
color: #fff;
background: #b03060;
text-align: center;
font-weight: 700;
padding: 2px 7px;
}
p.temp_day{
padding: 10px 0 5px;
font-size: 105%;
font-weight: 700;
}
p.temp_link{
padding-top: 15px;
}
p.temp_carrier{
padding-top: 8px;
}
a.button{
width: calc(100% / 4 - 1%);
color: #666;
margin-right: 10px;
}
a.button:hover{
opacity: 0.6;
transition: 0.3s;
}
.tour span.material-symbols-outlined{
vertical-align: -7px;
}
#calendar_search h5 span.material-symbols-outlined{
vertical-align: -5px;
color: #999;
padding-right: 5px;
}
#searchGadget h5 span.material-symbols-outlined{
vertical-align: -5px;
padding-right: 5px;
}
#reco_bnr h5 span.material-symbols-outlined,
#reco_movie h5 span.material-symbols-outlined{
vertical-align: -5px;
color: #3a4f41;
padding-right: 5px;
}
@media only screen and (max-width: 768px) {
/*--------------------tourt */
#tour_detail{
padding: 20px 0;
}
.searchEffList{
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
justify-content: space-between;
}
.searchEffList dl.tour_temp{
width: 100%;
margin-bottom: 30px;
padding-bottom: 7px;
}
p.temp_price span.gd_price{
width: 100%;
font-size: 105%;
}
a.button{
width: 100%;
margin-right: 0;
}
.searchEffList dl dt p.temp_photo img{
/*height: 160px;*/
}
/*
ul.pageGuide{
justify-content: space-between;
}
ul.pageGuide li{
width: calc(100% / 12);
height: auto;
margin-right: 0;
visibility: hidden;
text-align: center;
}
ul.pageGuide li a{
background: none;
}*/

}