/*
Theme Name: Quicksand
Description:
Version:
Author: mgn023
その他、必要に応じてテーマ情報を記載します。
*/

:root {
--txt-main: #333;
}


html {
font-size: 62.5%;
}

body {
background-color: #e8e8e8;
font-size: 1.6rem;
line-height: 1.6;
color: var(--txt-main);
}

h1 {
font-size: 3.2rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2.4rem;
}
h4 {
font-size: 2.0rem;
}

main {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}

.mainvisual {
background-image: url(https://develop.hobbywalker78.net/wp-content/uploads/2022/07/womanD_01.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}

.sidebar {
background-color: #996;
}

.sushi_ul {
display: flex;
justify-content: space-around;
list-style: none;
margin: 0;
padding: 0;
}
.sushi_ul>li {
width: calc(100% / 5);
margin: 0;
padding: 0;
background-image: url(https://develop.hobbywalker78.net/wp-content/uploads/2023/09/cutting.png);
background-position: top;
text-align: center;
}
.sushi_ul li a {
display: block;
text-decoration: none;
padding: 1em;
}
.sushi_ul li a img {
width: 100%;
height: auto;
}
.sushi_ul li a ul {
list-style: none;
margin: 0;
padding: 0;
}

footer {
background-color: #9ee;
}