.title{
    text-align: center;
}
.menu1{
    display: flex;
    font-family: serif;
    margin-left: 25%;
    margin-right: 25%;
}
.blogtitle{
    background: yellowgreen;
    margin: 5%;
    padding-right: 3%;
}
.mypage{
    background: orange;
    margin: 3%;
}
.menu2{
    display: flex;
    font-family: serif;
    padding-left: 25%;
}
.x{
    background: wheat;
    margin: 1%;
    padding-top: 5%;
}
.mine{
    background: rgb(6, 166, 230); 
    margin: 9%;
    padding-left: 9%;
}
/*
.accordion{
    margin-inline: 0;
    border-bottom: 1px solid blue;
}
.accordion-title{
    position: relative;
    border: none;
    display: block;
    list-style: none;
    width: 100%;
    cursor: pointer;
    padding: 1.4em 2em 1.4em 1.4em;
    line-height: 1.6em;
}
summary.accordion-title::-webkit-details-maker{
    display: none;
}
.accordion-title:after{
    content: "=";
    position: absolute;
    top: calc(50% - 0.5em);
    right: 20px;
    line-height: 1;
    padding: 0;
    pointer-events: none;
}
.accordion::details-content{
    opacity: 0;
    block-size: 0;
    transition: .3s;
    transition-property: display, opacity, block-size, padding;
    transition-behavior: allow-discrete;
    line-height: 1.6em;
    background: orchid;
}
.accordion .accordion-content{
    padding: 0 2em 0 3em;
}
.accordion .accordion-content > *:first-of-type{
    margin-top: 0;
}
.accordion .accordion-content > *:last-of-type{
    margin-bottom: 0;
}
.accordion[open]::detailes-content{
    opacity: 1;
    block-size: auto;
    block-size: calc-size(auto, size);
}
.accordion[open]::detailes-content{
    padding: 0 2em 1.4em 3em;
}
.accordion[open] .accordion-title:after{
    content: "↓";
}
*/
.accordions{
    margin-inline: 0;
    border-bottom: 1px solid rgb(243, 155, 22);
}
.accordions-title{
    position: relative;
    border: none;
    display: block;
    list-style: none;
    width: 25%;
    cursor: pointer;
    padding: 1.4em 2em 1.4em 1.4em;
    line-height: 1.6em;
}
summary.accordions-title::-webkit-details-maker{
    display: none;
}
.accordions-title:after{
    content: "〇";
    position: absolute;
    top: calc(50% - 0.5em);
    right: 20px;
    line-height: 1;
    padding: 0;
    pointer-events: none;
}
.accordions-contents{
    background:none;
}
.accordions .accordions-content{
    padding: 0 2em 0 3em;
}
.accordions .accordions-content > *:first-of-type{
    margin-top: 0;
}
.accordions .accordions-content > *:last-of-type{
    margin-bottom: 0;
}
.accordions[open]::detailes-content{
    opacity: 1;
    block-size: auto;
    block-size: calc-size(auto, size);
}
.accordions[open]::detailes-content{
    padding: 0 2em 1.4em 3em;
}
.accordions[open] .accordions-title:after{
    content: "◎";
}
#chatbot{
    bottom: 20px;
    right: 20px;
}

#chat-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

#chat-toggle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}