/*ハンバーガーメニュー*/
.menu-checkbox {
 display: none;
}
.drawer-menu{
display: none;
}
@media screen and (max-width: 768px){ 
.drawer-menu{
display: block;
}
/* メニューボタンの装飾 */
.menu-button {
display: block;
position:absolute;
top: 10px;
right: 20px;
z-index: 200;
height: 30px;
width: 40px;
cursor: pointer;
}
.menu-button::before,
.menu-button::after {
content: '';
transition: .3s;
}
.menu-button::before,
.menu-button::after,
.menu-button span {
display: block;
position: absolute;
left: 0;
height: 3px;
width: 100%;
margin-top: -1px;
background-color: #C63C5D;
}
.menu-button::before {
top: 0;
}
.menu-button::after {
bottom: 0;
content: 'menu';
color: #C63C5D;
}
.menu-button span {
top: 50%;
}

/* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
top: 50%;
transform: rotate(45deg);
}
.menu-checkbox:checked ~ .menu-button::after {
display: none;
}
.menu-checkbox:checked ~ .menu-button span {
top: 50%;
transform: rotate(-45deg);
}

/* ドロワーメニューの装飾 */
.drawer-menu {
position: fixed;
top: 0;
left: 0;
z-index: 200;
height: 100%;
width: 250px;
transform: translateX(-100%);
transition: .6s;
background-color: #fff;
}
.drawer-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.drawer-menu li {
border-bottom: 1px dotted #C63C5D;
}
.drawer-menu a {
display: block;
padding: 15px;
color: #000000;
text-decoration: none;
}
.drawer-menu a:hover{
background: #C63C5D;
color: #FFFFFF;
font-weight: bold;
}
/* ドロワーメニューの開閉 */
.menu-checkbox:checked ~ .drawer-menu {
 transform: translateX(0);
}
/* ドロワーメニューの背景 */
.menu-background {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 100;
height: 100%;
width: 100%;
background-color: rgba(255,195,206,0.58);
cursor: pointer;
}
.menu-checkbox:checked ~ .menu-background {
display: block;
}
.accordion-title {
margin: 0 3px 10px 3px;
padding: 5px;
font-weight: 500;
font-size: 87%;
}
.accordion-title:after {
right: 15px;
top: 60%;
}
.accordion-content {
padding:  0 1em 20px 1em;
font-size: 82%;
}
.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 70%;
}
}