@charset "UTF-8";
/*===================================================
import
===================================================*/
/*===================================================
break point
===================================================*/
/*===================================================
font
===================================================*/
/*===================================================
font-size
===================================================*/
/*===================================================
color
===================================================*/
/*===================================================
hover
===================================================*/
/*===================================================
contents
===================================================*/
/*===================================================
flexBox
===================================================*/
/*===================================================
textOut
===================================================*/
/*===================================================
position
===================================================*/
/*===================================================
btnSet
===================================================*/
/*===================================================
content
===================================================*/
/*===================================================
画像サイズ指定
===================================================*/
/*===================================================
角丸
===================================================*/
/*===================================================
囲み罫
===================================================*/
/*===================================================
遊林会の紹介
===================================================*/
/*actBox01a*/
#actBox01 {
  margin-bottom: 100px; }

@media screen and (max-width: 834px) {
  #actBox01 {
    margin-bottom: 50px; } }
/*actBox01a*/
#actBox01a {
  display: flex;
  flex-wrap: wrap; }
  #actBox01a + p {
    text-align: justify;
    margin: 30px 0; }

@media print, screen and (min-width: 835px) {
  #actBox01a div {
    width: calc((100% - 60px) / 3); }
    #actBox01a div:not(:nth-of-type(3n)) {
      margin-right: 30px; }
    #actBox01a div:nth-of-type(n+4) {
      margin-top: 30px; } }
@media screen and (max-width: 834px) {
  #actBox01a div {
    width: calc((100% - 15px) / 2); }
    #actBox01a div:nth-of-type(2n) {
      margin-left: 15px; }
    #actBox01a div:nth-of-type(n+3) {
      margin-top: 15px; }
  #actBox01a + p {
    margin: 15px 0; } }
/*actBox01b*/
#actBox01b {
  display: flex;
  flex-wrap: wrap; }
  #actBox01b dt {
    width: 7em;
    font-weight: 700;
    color: #00582f; }
  #actBox01b dd {
    width: calc(100% - 7em); }
    #actBox01b dd span {
      font-size: .12rem;
      margin-left: 1em; }
  #actBox01b + .bl_moreBtm {
    margin-top: 30px; }

@media print, screen and (min-width: 835px) {
  #actBox01b dd ul {
    display: flex;
    flex-wrap: wrap; }
    #actBox01b dd ul li {
      width: calc((100% - 15px) / 2); }
    #actBox01b dd ul li:nth-of-type(2n) {
      margin-left: 15px; }
    #actBox01b dd ul li:nth-of-type(n+3) {
      margin-top: 15px; } }
@media screen and (max-width: 834px) {
  #actBox01b {
    flex-direction: column; }
    #actBox01b dt {
      line-height: 1;
      margin-bottom: 5px; }
    #actBox01b dd {
      width: 100%; }
    #actBox01b + .bl_moreBtm {
      margin-top: 15px; } }
/*introLinkBox01*/
#actBox02 {
  display: flex;
  flex-wrap: wrap; }
  #actBox02 > li p {
    text-align: justify; }
  #actBox02 > li #btm2 {
    display: flex;
    flex-wrap: wrap; }
    #actBox02 > li #btm2 div {
      width: calc((100% - 15px) / 2); }
      #actBox02 > li #btm2 div + div {
        margin-left: 15px; }

@media print, screen and (min-width: 835px) {
  #actBox02 > li {
    width: calc((100% - 100px) / 3); }
    #actBox02 > li + li {
      margin-left: 50px; }
    #actBox02 > li p {
      min-height: 3em;
      margin: 15px 0 30px; } }
@media screen and (max-width: 834px) {
  #actBox02 {
    flex-direction: column;
    align-items: center; }
    #actBox02 > li {
      width: 100%;
      max-width: 600px; }
      #actBox02 > li + li {
        margin-top: 50px; }
      #actBox02 > li p {
        margin: 10px 0 15px; }
      #actBox02 > li #btm2 {
        max-width: 410px;
        margin: 0 auto; }
        #actBox02 > li #btm2 div {
          width: calc((100% - 10px) / 2); }
          #actBox02 > li #btm2 div + div {
            margin-left: 10px; } }
/*calendarBox*/
#calendarBox {
  padding-top: 30px;
  margin: -30px auto 100px; }
  #calendarBox #calendarWrap {
    position: relative;
    width: 100%;
    padding-top: 60%;
    margin-bottom: 30px; }
    #calendarBox #calendarWrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@media screen and (max-width: 834px) {
  #calendarBox {
    margin-bottom: 50px; }
    #calendarBox #calendarWrap {
      padding-top: 125%;
      margin-bottom: 15px; } }
/*===================================================
活動内容・持ち物
===================================================*/
/*actContBox01*/
#actContBox01 {
  margin-bottom: 100px; }
  #actContBox01 .bl_column2 {
    margin-bottom: 15px; }
    #actContBox01 .bl_column2 li {
      width: calc((100% - 30px) / 2); }
      #actContBox01 .bl_column2 li:nth-of-type(odd) {
        margin-right: 30px; }
  #actContBox01 p {
    text-align: justify; }
    #actContBox01 p + h2 {
      margin-top: 100px; }
  #actContBox01 #actBox01b + p {
    font-size: .14rem;
    margin-top: 10px; }

@media screen and (max-width: 834px) {
  #actContBox01 {
    margin-bottom: 50px; }
    #actContBox01 .bl_column2 {
      margin-bottom: 10px; }
      #actContBox01 .bl_column2 li {
        width: calc((100% - 15px) / 2); }
        #actContBox01 .bl_column2 li:nth-of-type(odd) {
          margin-right: 15px; }
    #actContBox01 p + h2 {
      margin-top: 50px; }
    #actContBox01 #actBox01b + p {
      font-size: .12rem;
      margin-top: 5px; } }
/*===================================================
参加者の声
===================================================*/
/*voiceList*/
#voiceList {
  margin-bottom: 50px; }
  #voiceList li {
    border: 5px solid #cce1dd;
    padding: 50px; }
    #voiceList li + li {
      margin-top: 50px; }
    #voiceList li dl {
      display: flex;
      flex-wrap: wrap; }
      #voiceList li dl dt {
        width: 200px; }
      #voiceList li dl dd {
        width: calc(100% - 230px);
        margin-left: 30px; }
        #voiceList li dl dd h3 {
          margin-bottom: 15px; }
        #voiceList li dl dd p {
          text-align: justify; }

@media screen and (max-width: 834px) {
  #voiceList {
    margin-bottom: 30px; }
    #voiceList li {
      border: 3px solid #cce1dd;
      padding: 15px; }
      #voiceList li + li {
        margin-top: 30px; }
      #voiceList li dl {
        flex-direction: column;
        align-items: center; }
        #voiceList li dl dd {
          width: 100%;
          margin: 15px 0 0; }
          #voiceList li dl dd h3 {
            margin-bottom: 10px; } }