@charset "utf-8";
#main {
    background-color: #ffffff;
}
#times {
    background-image: url('../images/Renga.jpg');
    background-repeat: repeat;
    font-size: 19px;
    color:#7e3921;
    font-family: 'Kaisei Tokumin', serif;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    /* font-family: 'Noto Sans JP', sans-serif; */
    /* font-family: 'Zen Maru Gothic', serif; */
    /* font-family: 'Zen Old Mincho', serif; */
    max-width: 1280px;
    margin: 0 auto;
    padding:5% 0;
}
#times .head_logo {
	background: url(../images/mainlogo.png) no-repeat top center;
	padding-top: 17.73%;
	position:relative;
	background-size: cover;
}
#times .overview {
    margin: 3% auto;
    width: 55%;
    display: block;
}
#times .times_wrap {
    margin: 0 auto;
    width: 40%;
    display: block;
}
#times .frame_wrap {
    position:relative;
}
#times .times_frame {
    width:100%;
    top:0;
    left:0;
}
.frame_wrap div {
    width: 82%;
    height: 90%;
    position: absolute;
    top: 49.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#times .times_thumbnail {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
#times .readmore {
    margin: 0 auto;
    width: 70%;
    display: block;
}
.times_wrap {
  animation: anime1 0.7s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(1,1);
  }
  to {
    transform: scale(1.03,1.03);
  }
}
#times .event_wrap {
    display:block;
    margin: 4% auto;
    width: 70%;
}
#times .event_title {
    width: 50%;
}
#times .event_schedule {
    background:#ffffff;
    border:2px solid #7e3921;
}
#times .dotline {
    border:3px dotted #7e3921;
    margin:0.8%;
    padding:1%
}
#times .month {
    background:#7e3921;
    color:#ffffff;
    padding: 0 2%;
}
#times .schedule_list {
    width: 96%;
    margin: 1% auto;
    line-height: 1.4;
}
#times .schedule_list tr {
    display: block;
    border-bottom: 2px solid #7e39212e;
    padding: 10px;
}
#times .date {
    width: 13em;
}
#times .ana_name {
    background: linear-gradient(transparent 60%, #fff86b 50%);
}
#times .backnumber_wrap {
    display:block;
    margin:0 auto;
    width:80%;
}
#times .backnumber_title {
    display:block;
    margin:0 auto;
    width:30%;
}
#times .flex_wrap {
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    margin:2% 0 0;
    align-items: flex-start;
}
#times .flex_box {
    display:block;
    margin:0 0 5%;
    width:30%;
    background:#ffffff;
    padding:1%;
    color:#7e3921;
    text-align: center;
    box-shadow: 5px 5px 5px #7e39215c;
}
#times .flex_box:not(#times .flex_box:nth-of-type(3n))
{
    margin-right: 5%;
}
.flex_wrap::after{
  content:"";
  display: block;
  width:30%;
}

#times .backnumber_wrap .hidden_list_wrap{
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.6s;
}
#times .backnumber_wrap .hidden_list_wrap.hide{
    grid-template-rows: 0fr;
}
#times .backnumber_wrap .inner_wrap{
    overflow: hidden;
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    margin:2% 0 0;
    align-items: flex-start;
}
#times .backnumber_wrap .inner_wrap a{
    opacity: 1;
    transition: 0.4s;
}
#times .backnumber_wrap .hidden_list_wrap.hide .inner_wrap a{
    opacity: 0;
}
#times .backnumber_wrap button{
    display: block;
    margin: 0 auto;
    font-size: 19px;
    color: #7e3921;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    background-color: #F6BE3E;
    border: solid 3px #7e3921;
    padding: 1% 10%;
    border-radius: 100px;
    outline: solid 1px #7e3921;
    outline-offset: -6px;
    box-shadow: 5px 5px 5px #7e39215c;
    transition: 0.2s;
    cursor: pointer;
}
#times .backnumber_wrap button:hover{
    background-color: #FFCD5D;
}
#times .backnumber_wrap button:active{
    box-shadow: unset;
    transform: translateY(4px);
}