@charset "utf-8";
/* sightseeing一覧 */

.sightseeing_title {
font-weight: 900;
font-size: 2.4rem;
line-height: 100%;
display: block;
margin-bottom: 20px;
}
.sightseeing_txt {
font-family: roboto, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 180%;
display: block;
margin-bottom: 30px;
}
.search_condition {
width: 100%;
padding: 18px 15px 15px;
border-top: dotted 1px #D1D1D1;
border-bottom: dotted 1px #D1D1D1;
margin-bottom: 25px;
}
.sResult {
font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
padding-right: 10px;
}
.rNumber {
font-size: 2.4rem;
font-family: roboto, sans-serif;
font-weight: 700;
color: #0079C4;
margin-right: 5px;
}
.productBox {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.pBox {
width: calc(33.3333333% - 40px / 3);
padding-bottom: 15px;
background-color: #fff;
border: solid 1px #DFDDD7;
position: relative;
margin-right: 20px;
margin-bottom: 30px;
font-family: roboto, sans-serif;
font-weight: 400;

display: flex;
flex-direction: column;
}
.pBox:nth-child(3n) {
margin-right: 0px;
}
.pImg {
margin-bottom: 15px;
width:100%;
aspect-ratio: 3 / 2;
overflow: hidden;
}
.pImg img {
width:100%; 
}
.pImg a:hover {
opacity: 0.8;
}

.trip_title {
font-size: 1.8rem;
font-weight: 700;
line-height: 130%;
padding: 0px 10px 10px 15px;
flex: 1;
height: 100%;
min-height: 0%;
}
.outlineBox {
width: 100%;
padding: 0 10px;
flex: 2;
height: 100%;
min-height: 0%;
margin-bottom: 20px;
}
.outlineBox th { 
width: 15%;
padding: 5px 0px 5px 15px;
text-align: left;
font-family: Arial, Helvetica, "sans-serif";
font-style: italic;
font-size: 1.1rem;
color: #1F1F1F;
}
.outlineBox td {
padding: 5px 20px 5px 10px;
text-align: left;
font-size: 1.2rem;
word-break:break-all;
}
.linkTxt a {
font-family: Arial, Helvetica, "sans-serif";
font-style: italic;
font-size: 1.4rem;
color: #000;
text-decoration: none;
line-height: 100%;
}
.linkTxt a:hover {
color:#0079C4; 
}
.moreBtn {
position: absolute;
right: 15px;
bottom: 10px;
}
.number {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
text-decoration: none;
color: #222;
padding: 10px;
background-color: #E5E5E5;
}
.number li a:hover {
background-color: #000;
color: #fff;
}
.page {
position: relative;
padding-top: 50px;
padding-bottom: 30px;
}

/*スマートフォン*/
@media all and (max-width : 391px ){
.sightseeing_title {
font-size: 1.6rem;
margin-bottom: 15px;
}
.sightseeing_txt {
font-size: 1.1rem;
margin-bottom: 30px;
}
.search_condition {
width: 100%;
padding: 10px 10px 10px;
margin-bottom: 20px;
}
.sResult {
font-size: 1.2rem;
}
.rNumber {
font-size: 1.8rem;
margin-right: 5px;
}
.productBox {
width: 100%;
display: block;
}
.pBox {
width: 100%;;
margin-right: 0px;
margin-bottom: 20px;

display: flex;
flex-direction: column;
}
.trip_title {
font-size: 1.4rem;
padding: 0px 10px 10px 15px;
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
padding: 10px;
font-size: 1.0rem;
white-space: nowrap;
}
.page {
position: relative;
padding-top: 25px;
padding-bottom: 15px;
}
}