@charset "UTF-8";

/* ちょっと姫路たび */

.ttl {
 background-image: url("../img/little/ttl-bg.png");
}
.category_search_ttl {
font-family: source-han-serif-japanese, serif;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 25px;
letter-spacing: 0.2em;
}
.category_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.category_list li a {
font-size: 1.2rem;
line-height: 100%;
padding: 10px 25px;
border: solid 1px #000;
margin-right: 10px;
}
@media all and (max-width : 1024px ){
.category_list li {
margin-bottom: 25px;
}
}
.category_list li a:hover {
color: #8F6D48;
border: solid 1px #8F6D48;
}
.guide_txt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3 !important;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 15px !important;
padding: 0 15px !important;
}
.guide_info {
display: flex;
padding: 0 10px 0 10px;
margin-bottom: 8px;
font-size: 1.3rem;
}
.guide_info dt {
color: #8F6D48;
font-weight: bold;
width: 160px;
letter-spacing: 0.05em;
white-space: nowrap;
padding-right: 50px;
}
.guide_info dd {
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.page-little .l-basic h3 {
height: 13%;
padding: 15px 15px 5px;
	margin-bottom: 10px;
 font-size: 1.8rem;
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
}
.reserve_list {
display: flex;
flex-direction: column;
}
.reserve_list li {
outline: none;
padding-bottom: 0px;
margin-bottom: 5px;
}
.reserve_list li a {
padding-left: 10px;
background-image: url("../img/little/bullet.svg");
background-repeat: no-repeat;
background-position: left center;
color: #8F6D48;
text-decoration:underline; 
padding-right: 10px;
white-space: nowrap;
}
.reserve_list li a:hover {
text-decoration: none;
}

/*スマートフォン*/

@media all and (max-width : 767px ){
.category_search_ttl {
font-size: 1.4rem;
margin-bottom: 20px;
}
.category_list li {
margin-bottom: 18px;
}
.category_list li a {
font-size: 1.0rem;
padding: 8px 10px;
margin-right: 10px;
}
}