header {
box-shadow: 0 0 4px rgb(200 200 200);
}
main {
margin-top: 40px;
}
#sitemap {
margin-top: 16px;
}
#sitemap h2 span {
font-size: inherit;
display: inline;
}
#sitemap .wrapper_in {
max-width: 960px;
width: 94%;
margin: 0 auto;
}
#sitemap .page_content2 {
padding-top: 24px;
}
.top_ttl span,
.ttl span {
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 8px;
border-left: 6px solid #9f003d;
}
.top_ttl,
.ttl {
font-size: 22px;
font-weight: bold;
padding-bottom: 12px;
margin-bottom: 20px;
border-bottom: 1px solid #957500;
text-align: left;
}
.ttl {
font-size: 18px;
}
.ttl a {
display: inline;
}
.faq_in1 .faq_ttl span {
color: #9d7500;
}
#sitemap a:hover {
transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
color: #957500;
text-decoration: underline;
}
.top_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.top_list li {
position: relative;
font-size: 18px;
font-weight: 500;
text-align: left;
margin-left: 32px;
padding-left: 32px;
}
.top_list li a::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: 2px solid #1a1a1a;
border-right: 2px solid #1a1a1a;
transform: translateY(-85%) rotate(45deg);
position: absolute;
left: 8px;
top: 62%;
} h3.service_title {
font-size: 14px;
}
.link_list.service li {
width: 224px;
margin: 8px 16px;
text-align: center;
font-size: 18px;
}
.link_list.service p {
font-size: 12px;
} .area_list {
width: 94%;
margin: 8px auto 16px;
}
.area {
font-size: 16px;
font-weight: 600;
padding: 1.6rem 0 0.6rem;
}
.label {
display: inline-block;
width: 32%;
font-size: 14px;
box-sizing: border-box;
position: relative;
vertical-align: top;
cursor: pointer;
overflow: hidden;
word-break: break-all;
}
.link_list {
width: 94%;
margin: 8px auto 16px;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.link_list li {
margin: 8px 16px;
} h2.column_ttl {}
.column_list {
width: 100%;
}
.column_list h3 { margin: 8px 24px;
}
.column_list .label {
width: 28%;
}
.link_list.others {
font-size: 14px;
} .weddinghall .label {
margin: 4px auto;
}
.salon_list .label {
margin-top: 6px;
margin-bottom: 6px;
}
.salon_list h4,
.others h4 {
width: 200px;
}
.link_list.weddinghall::after {
content: '';
width: 65%;
margin: 4px auto;
}
@media screen and (max-width:480px) {
main {
margin-top: 16px;
}
.page_breadcrumb {
padding: 15px 8px;
}
.top_ttl,
.ttl {
font-size: 18px;
}
.ttl {
padding-top: 8px;
margin-bottom: 8px;
}
.top_list li {
font-size: 16px;
margin-top: 6px;
margin-left: 8px;
padding-left: 0;
}
.top_list li a {
padding-left: 16px;
}
.top_list li a::before {
left: 0px;
top: 60%;
}
.link_list {
width: 100%;
margin: 16px auto;
justify-content: center;
}
.link_list li {
margin: 6px 16px;
}
.link_list.monthly {
justify-content: left;
}
.link_list.monthly li {
text-align: left;
width: 370px;
margin: 8px 12px;
}
.page_content2 {
padding: 8px 0;
}
.column_list .label {
width: 45%;
}
.column_list h4 {
margin: 6px 8px;
}
.area_list {
width: 100%;
margin: 0 auto 8px;
}
.label {
width: 44%;
font-size: 12px;
margin-left: 8px;
}
.salon_list h4,
.others h4 {
width: 148px;
}
.others h4 {
margin: 6px 8px;
}
.link_list.others {
font-size: 12px;
margin-bottom: 40px;
}
.column_list h3 {
margin: 8px;
}
.link_list.weddinghall::after {
width: 44%;
}
}