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


.h_visual { margin: 0 auto; }
.h_visual img { width: 100%; height: auto; }

#Container .content_section h3 { color: #709f2f; margin: 4rem; }

.shikki-kamaboko .inner { width: 980px; margin: auto; }

p.copy { margin-top: 3em; font-size: 120%; text-align: center; line-height: 1.8; }

p.ruby { color: #709f2f; text-align: center; margin-bottom: -4rem; font-size: 80%; margin-left: 25em; }

.instructorName { display: flex; justify-content:  flex-end; margin: 2em 0 4em; }
.instructorName dl { display: flex; }


.narrow { width: 80%; margin: auto; }

.shikki-kamaboko h4 { font-size: 2.5rem; color: #709f2f!important; width: 85%; margin: -0.5em auto 1em; }

.shikki-kamaboko h4:before,
.shikki-kamaboko h4:after { border-top: 2px solid #709f2f!important; }

.shikki-kamaboko .caption { margin: -1em 0 4em; }

.shikki-kamaboko dl.comment { width: 500px; margin: 2em auto 0; padding: 1.5em 1.5em 1em; box-sizing: border-box; border: solid 1px #709f2f; }
.shikki-kamaboko dl.comment dt { font-weight: bold; }
.shikki-kamaboko dl.comment dd { font-size: 86%; line-height: 1.8; }
.shikki-kamaboko dl.comment dl:nth-of-type(2) { margin-bottom: 4em; }



.shikki-kamaboko .backnum { background: #cbd7a9; font-size: 16px; text-align: center; padding: 0.8em; margin: 4em 0 1.5em; }


.month-list{
  width:980px;
  display:flex;
  flex-wrap:wrap;
  gap:20px 20px;
  padding:0;
  margin:0;
  list-style:none;
}

.month-list li{
  width:18.3%
}

.month-card{
  position:relative;
  display:block;
  width:100%;
/*  height:140px; /* 画像の高さに合わせて調整 */
  overflow:hidden;
  border-radius:6px;
  text-decoration:none;
}

.month-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


.month-card span{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:10px 0;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-align:center;

  opacity:0;
  transform:translateY(100%);
  transition:.35s ease;
}

.month-card:hover span{
  opacity:1;
  transform:translateY(0);
}


.pc_mode { display: block; }
.sp_mode { display: none; }





@media only screen and (max-width: 768px){

.shikki-kamaboko .inner { width: 100%; padding: 0 1em; }
.shikki-kamaboko dl.comment { width: 100%; }

#Container .content_section h3 { color: #709f2f; margin: 4rem 1rem; }

.shikki-kamaboko h4 { width: 100%;} 

rt { margin-bottom: 0.3em!important; }

.month-list{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:5%;
  padding:0;
  margin:0;
  list-style:none;
}

.month-list li{
  width:30%;
  margin-bottom: 20px;
}


    .sp_mode { display: block; }
    .pc_mode { display: none; }
}