@charset "UTF-8";
/* CSS Document */

.event{
width: 90%;
margin: 0 auto;
background: #fff;
padding: 0;
margin-top: 5%;
border-radius: 20px;
}

.event_top{
background: url("../img/event/top_ba.jpg") no-repeat ;
background-size: 100%;
border-radius: 20px;
position: relative;
}

.event_top h3{
width: 50%;
margin: 0 auto;
padding-top: 12%;
}

.x_copy_01{
width: 40%;
margin: 0 auto;
display: block;
padding-bottom: 23%;
}

.yuru{
width: 35%;
position: absolute;
top: 3%;
left: 2%;
}

.iwamoto{
width: 26%;
position: absolute;
top: 7%;
right: 5%;
}

.x_odachi{
width: 30%;
position: absolute;
bottom: 5%;
left: 3%;
}

.top_copy_01{
width: 60%;
position: absolute;
bottom: 18%;
right: 6%;
}

.top_copy_02{
width: 55%;
position: absolute;
bottom: 13%;
right: 2%;
}

.top_copy_03{
width: 66%;
position: absolute;
bottom: 3%;
right: 8%;
}

.katsuo{
width: 18%;
position: absolute;
top: 4%;
right: 29%;
}

.yosakoi{
width: 11%;
position: absolute;
top: 52%;
right: 18%;
}

.harimayabashi{
width: 23%;
position: absolute;
bottom: 6%;
right: 3%;
}


.event_contnts{
max-width: 1200px;
padding: 5% 5%;
margin: 0 auto;
}

.accordion-item {
    border: 10px solid #FFEB00;
    border-radius: 20px 20px 0 0;
/*    overflow: hidden;*/
    margin-bottom: 10px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10%;
}

.accordion-header {
    background-color: #fff;
    padding: 2% 2% 3% 8%;
}


.toggle-button {
    background: #FFEB00;
    border: none;
    cursor: pointer;
      font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
    font-size: 2.8rem;
    color: #000000;
    padding: 1% 0 1% 0;
    width: 1200px;
    position: absolute;
    bottom: -60px;
    left: -10px;
    border-radius: 0 0 20px 20px;
}



.accordion-content {
    max-height: 0;
/*    max-height: none;*/
    padding: 0% 2% 0% 8%;
/*    padding: 0% 2% 5% 8%;*/
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    background-color: #fff;
}

.accordion-content.active {
max-height: none;
height: auto;
    padding: 0% 2% 5% 8%;
}

.toshi{
width: 12%;
position: absolute;
top: -23px;
left: -55px;
}

.yuru02{
width: 45%;
position: absolute;
top: -140px;
right: 0;
}

.iwamoto02{
width: 23%;
position: absolute;
top: -117px;
right: 0;
}

.event_ymdt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 4.7rem;
  line-height: 100%;
  margin-bottom: 1%;
  position: relative;
}

.event_ymdt span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5rem;
}

.event_ymdt b{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.8rem;
  border: #000000 3px solid;
  border-radius: 10px;
  padding: 0 0.7%;
  margin-left: 1%;
}

.presents_txt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.0rem;
  background: #E50404;
  color: #fff;
  display: inline;
  padding: 0 0.7% 0.2% 0.7%;
}

.event_midashi_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 4.0rem;
  line-height: 130%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-bottom: #000000 2px solid;
  position: relative;
}

.event_dl_01{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1%;
}

.event_dl_01 dt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
background: #FFEB00;
padding: 0.3% 0.5%;
margin-right: 1%;
}

.event_dl_01 dd{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.5rem;
margin-right: 5%;
}

.event_dl_01 dd p{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
}

.event_dl_01 dd span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
margin-left: 1em;
}

.event_honbun_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 2.0rem;
line-height: 200%;
}

.event_two_c_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2%;
}

.event_two_c_01 div{
width: 48%;
}

.event_midashi_02{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
background: #FFEB00;
padding: 0.3% 0.5em;
display: inline-block;
margin-bottom: 2%;
}

.event_data_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.5rem;
margin-right: 5%;
line-height: 100%;
}

.event_data_01 span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
}

.event_data_01 span a{
color: #0076FF;
text-decoration: underline;
}

.event_copy_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
margin-top: 10%;
}

.event_caution{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
}

.ambassador_section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #FFEB00;
padding: 3%;
margin-top: 3%;
border-radius: 20px;
margin-bottom: 5%;
}

.ambassador_section div:nth-of-type(1){
width: 70%;
}

.ambassador_section div:nth-of-type(2){
width: 25%;
}

.ambassador_section div dl{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 2%;
}

.ambassador_section div dl dt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
background: #E50204;
color: #fff;
padding: 0 1%;
margin-right: 1%;
}

.ambassador_section div dl dd{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 3.0rem;
}

.ambassador_section div dl dd span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 1.5rem;
}

.ambassador_section p{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.6rem;
line-height: 180%;
}

.schedule_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 5%;
position: relative;
}

.schedule_01 > dt{
width: 14%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
font-size: 2.5rem;
color: #E50204;
border-bottom: #707070 dotted 1px;
padding-bottom: 1%;
margin-bottom: 1%;
}

.schedule_01 > dt:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.schedule_01 > dd:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.schedule_01 > dd{
width: 86%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.5rem;
border-bottom: #707070 dotted 1px;
padding-bottom: 1%;
margin-bottom: 1%;
}

.schedule_01 > dd span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 1.5rem;
margin-left: 1em;
}

.event_list_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 2.5rem;
margin-bottom: 5%;
}

.event_list_01 li{
margin-bottom: 0.6em;
padding-left: 1.5em;
}

.event_list_01 li::before{
content: "#";
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 2.5rem;
color: #E50204;
margin-right: 0.5em;
margin-left: -1.0em;
}

.event_btn_01{
position: relative;
background: #E50204;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 3.0rem;
width: 100%;
display: block;
text-align: center;
padding: 0.6em 0 0.7em 0;
border-radius: 50px;
align-items: center;
margin-bottom: 2%;
}

.event_btn_01 img{
width: 40px;
margin-left: 5px;
}

.event_dl_02{
display: flex;
flex-wrap: wrap;
align-items: center;
}

.event_dl_02 dt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
font-size: 2.0rem;
background: #000000;
color: #fff;
padding: 0 0.5em 0.2em 0.5em;
border-radius: 10px;
margin-right: 0.5em;
}

.event_dl_02 dd{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
font-size: 2.5rem;
}

.event_div_01{
margin-bottom: 2%;
}

.event_midashi_03{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
font-size: 4.0rem;
color: #E50204;
}

.event_honbun_02{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.6rem;
line-height: 180%;
}

.event_dl_03{
border: #000000 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 5%;
position: relative;
}

.event_dl_03 dt{
width: 30%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
font-size: 2.0rem;
text-align: center;
}

.event_dl_03 dt span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
}

.event_dl_03 dd{
width: 61.5%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
font-size: 1.7rem;
padding: 2% 4%;
border-left: 1px solid #000000;
line-height: 180%;
}

.event_dl_03 dd span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem;
}

.img_05{
width: 20%;
position: absolute;
top: -125px;
right: 180px;
}
.img_06{
width: 20%;
position: absolute;
top: 70px;
right: 0px;
}
.x_img_07{
width: 20%;
position: absolute;
bottom: 10px;
right: 200px;
}

.img_08{
width: 20%;
position: absolute;
top: -90px;
right: 30px;
}


.event_odachi02{
width: 23%;
position: absolute;
top: -65px;
right: -30px;
}

.kochizaijyu{
width: 23%;
position: absolute;
top: 30px;
right: 250px;
}

.event_4c_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2%;
}

.event_4c_01 div{
width: 23%;
}

.event_two_c_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1%;
}

.event_two_c_02 div:nth-of-type(1){
width: 30%;
}

.event_two_c_02 div:nth-of-type(2){
width: 65%;
}

.event_catch{
color: #E50204;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
border: #E50204 2px solid;
display: inline-block;
padding: 0 0.5em 0.1em 0.5em;
}

.event_midashi_04{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
font-size: 3.0rem;
}

.konshinkai{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 1%;
}

.konshinkai dt{
color: #E50204;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2.0rem;
border: #E50204 2px solid;
display: inline-block;
padding: 0 0 0.1em 0;
width: 8%;
text-align: center;
}

.konshinkai dd{
width: 90%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 3.0rem;
margin-bottom: 1%;
}


.event_btn{
background: #005EF7;
color: #FFE600;
font-size: 1.8rem;
position: fixed;
top: 1%;
left: 460px;
z-index: 999;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
text-align: center;
border-radius: 80px;
line-height: 1.2em;
padding: 1.0em 1.5em;
}

.event_btn span{
color: #fff;
font-size: 2.0rem;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
}

.event_btn:hover{
opacity: 1;
background: #00B1EC;
}


@media screen and (max-width: 1350px) {
.event_btn{
background: #005EF7;
color: #FFE600;
font-size: 1.5rem;
position: fixed;
top: 1%;
left: 400px;
z-index: 999;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
text-align: center;
border-radius: 80px;
line-height: 1.2em;
padding: 0.5em 1.5em;
}

.event_btn span{
color: #fff;
font-size: 1.5rem;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
}
}



@media screen and (max-width: 1090px) {
.event_btn{
background: #005EF7;
color: #FFE600;
font-size: 1.5rem;
position: fixed;
top: auto;
bottom: 0px;
left: 0;
z-index: 999;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
text-align: center;
border-radius: 0;
line-height: 1.2em;
padding: 0.5em 0;
width: 100%
}

.event_btn span{
color: #fff;
font-size: 1.5rem;
font-family: "Zen Maru Gothic", serif;
font-weight: 800;
font-style: normal;
}

}