@charset "utf-8";

/*  ヘッダー common.css */
/*  カテゴリー・リンク common.css */

/*  メインコンテンツ */
/*  ページタイトル page_title h3 は coomon.css */

/* 共通　*/
p.kono_page{
  width: ;
  margin: 0 auto 0px;
  padding: 15px 40px;
  font-size: 28px;
  color: #663300;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.4;
  border-bottom: solid 1px red;
  box-shadow: 10px 10px 15px -10px;
}
h4.year{
  background-color: #000;
  border-top: solid 1px darkgray;
  border-bottom: solid 1px darkgray;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 15px;
}


/* previousyears　過去年度　*/
ul.previousyears{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #dddddd;
  margin: 5px auto 0px;
}
ul.previousyears li{
  padding: 15px 30px;
  font-size: 24px;
  font-weight: bold;
}
ul.previousyears li a{
  font-size: 24px;
  font-weight: bold;
}

/*  年間予定縦リスト  */
section.background_pastelgreen{
  background-color: #d1ffe8;
}
section.background_pastellila{
  background-color: #e5e5ff;
}
section.background_pastelblue{
  background-color: #dbffff;
}
section.background_cream{
  background-color: #ffffdb;
}
h4{
  width: ;
  margin: 0 auto;
  padding: 15px 7%;
  background-color: #000;
  font-size: 21px;
  color: #fff;
  line-height: 1.6;
}
h4 a{
  color: #fff;
}
ul.list{
  width: 76%;
  margin: 0 auto;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-top: solid 1px red;
}
ul.one_row{
  display: flex;
  padding: 5px 10px;
  border-bottom: solid 1px red;
}
ul.one_row li{
  padding: 0 10px;
  line-height: 1.6;
}
.background_cream{
  background-color: #ffffcc;
}
li.left{
  width: 9%;
}
li.left a{
  color:;
}
li.middle{
  width: 38%;
}
li.right{
  width: 45%;
}
li.oval{
  width: 9%;
}
p.oval{
  width: 75px;
  height: 25px;
  border-radius: 50%;
  background-color: #7f7fff;
  border: solid 3px #7f7fff;
  box-shadow: 10px 10px 15px -10px #000;
  line-height: 1.7;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0px;
}
p.oval a{
  color: #fff;
  display: block;
  transition: all 0.6s ease 0s;
}
p.oval a:hover{
  opacity: 1;
  cursor: pointer;
  transform: scale(1.1, 1.1);
}


/* 各月　案内  */
section.details{
  width: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  border-top: solid 40px green;
}
.maebun{
  width: ;
  margin: 0;
  padding: 30px 0 15px 0;
}
/* ＜ｘ月の活動＞ */
h3.sub_title_month{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  background-color: #006600;
  padding: 15px;
  margin: 0 auto 20px;
  font-size: 24px;
  color: #fff;
  letter-spacing: 1px;
}
.maebun h4{
  width:100%;
  background-color: #fff;
  margin: 0;
  padding: 20px;
  color: #006600;
  font-size: 24px;
  letter-spacing: 1px;
  border-bottom: dotted 4px brown;
}
.maebun p{
  width: 80%;
  margin: 10px 0 0 10%;
  padding: 10px 0 10px 10px;
  font-size: 19px;
  line-height: 1.5;
}


/*  参加費  */
.sankahi_tetsuzuki{
  width: 100%;
  background-color: #606060;
  padding: 20px 0;
}
p.sankahi{
  width: 80%;
  text-indent: -33px;
  margin: 0px 0 0px 12%;
  line-height: 1.5;
  font-size: 18px;
  color: #fff;
  border-bottom: dotted 1.5px #fff;
  padding: 10px 0;
}
p.sankahi::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 13px 0 0;
}
ul.sankahi_kubun{
  width: 73%;
  margin: 10px 0 15px 20%;
  line-height: 1.5;
  font-size: 18px;
  color: #fff;
  border-bottom: dotted 1.5px #fff;
}

/* --- コロナ　注意 --- */
div.corona{
  width: 100%;
  background-color: #ffffdb;
  margin: ;
  padding: 30px 0;
}
p.corona{
  width: 80%;
  margin: 0px 0 0px 12%;
  line-height: 1.5;
  font-size: 18px;
  color: #404040;
  text-indent: -33px;
  border-bottom: dotted 2px gray;
  padding: 10px 0;
}
p.corona::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 13px 0 0;
}
ul.corona{
  width: 75%;
  margin: 0 0 0 16%;
  padding: 3px 0 3px 0;
  border-bottom: dotted 2px gray;
}
li.corona{
  width: ;
  padding: 3px 0 3px 5%;
  line-height: 1.5;
  font-size: 18px;
}



/*
section.background_orange{
  background-color: #ffe8d1;
} */

/*
ul.month_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 80%;
  margin: -10px auto 0;
  padding: 5px 0 10px;
  background-color: ;
}
ul.month_list li{
  width: 40%;
  margin: 0 10px;
  padding: 10px 10px;
  list-style: none;
  color: #fff;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 2px 3px #808080;
  line-height: 1.2;
  border-bottom: dotted 2px #777777;
}
.month_list li a {
  color: #000;
}
.month_list li a:hover {
  opacity: 0.5;
}
*/


/*  活動報告ページ */
h4.title{
  background-color: #505050;
  padding: 15px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.report{
  margin: -10 0 0px 0;
  padding: 10px 0 10px;
}
.back_pastelcolor{
  background-color: #e0efff;
}
h4.otayori{
  background-color: #fff;
  margin: 20px 0 0 0;
  font-size: 28px;
  color: green;
  border-top: solid 10px #000066;
  border-bottom: solid 10px #000066;
}
p.text{
  width: 85%;
  margin: 15px auto;
　padding: 20px 0;
  font-size: 20px;
  color: #663300;
  font-weight: bold;
  line-height: 1.5;
}
p.harvest{
  display: block;
  margin: 15px auto;
  width: 85%;
  font-size: 20px;
  color: #663300;
  font-weight: bold;
  line-height: 1.5;
}
ul.harvest{
  display: block;
  margin: 15px auto;
  width: 85%;
  padding: 0 0 0 110px;
}
ul.harvest li{
  font-size: 20px;
  color: #663300;
  font-weight: bold;
  line-height: 1.5;
}
img.harvest{
  display: block;
  margin: 0px auto 20px;
}

/* さとやま日記　*/
div.satoyamanikki{
  background-color: #e0efff;
  padding: 15px 0 15px;
}
div.satoyamanikki_white{
  background-color: #fff;
  padding: 15px 0 15px;
}
p.satoyamanikki{
  width: 82%;
  margin: -23px 0 0 110px;
  padding: 0 0 20px 0;
}
p.satoyamanikki a{
  font-size: 20px;
  color: blue;
  font-weight: bold;
  line-height: 1.5;
}
/*　活動報告ページ　終わり　*/



/*  活動案内ページ */
/*  今月の案内  */
section.thismonth{
  width: ;
  margin: 0 auto;
  padding: 0;
  background-color: ;
  font-size: 20px;
}
div.thismonth{
  display: flex;
  justify-content: center;
  width:;
  padding: 20px 0;
  background-color: #e0e0e0;
  border-top: solid 10px #330066;
  border-bottom: solid 10px #666699;
}

/* 毎月のタイトル */
h3.month_title{
  width: 100%;
  margin: 0;
  background-color: gray;
  padding: 20px 0;
  box-shadow: 0 6px 3px -3px #c0c0c0;
  border-top: solid 10px #006600;
  border-bottom: solid 10px #006600;
  text-align: center;
  color: #fff;
  font-size: 22px;
  letter-spacing: 1px;
}
　
/*  ダブり　円の中の題字　*/
h2.circle{
}
/*  円の中の題字　月例活動　*/
h2.circle{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: green;
  box-shadow: 10px 10px 15px -10px #000;
  text-align: center;
  line-height: 150px;
  margin: 0;
  text-align: center;
  font-size: 26px;
  color: #fff;
  letter-spacing: 1.5px;
}

/*  円の中の題字 臨時活動　*/
h2.rinji{
  background-color: orange;
}

.thismonth_right{
  margin: 20px 0 0 40px;
}
h3.thismonth_date{
  width: ;
  margin: 0;
  padding: 0 0 7px 0;
  font-size: 24px;
  color: #17184b;
  letter-spacing: 1.5px;
  line-height: 1.4;
}
h3.thismonth_title{
  margin: 0;
  padding: 7px 0 0 0;
  font-size: 24px;
  color: #17184b;
  letter-spacing: 1.5px;
}
div.thismonth_gaiyo{
  width: 92%;
  padding: 0;
  margin: 30px 0 0 5%;
}
p.thismonth_gaiyo{
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
.thismonth_gaiyo p{
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 20px;
  line-height: 1.6;
}


/* 食材費　*/
ul p.shokuzaihi{
  margin: 10px 0 0 0;
  padding: 0;
}
ul.shokuzaihi{
  border-top: dotted 1.5px #000;
  border-bottom: dotted 1.5px #000;
  width: 95%;
  padding: 0px 5px 15px 0;
  margin: 0 0px 0 50px;;
}
li.shokuzaihi{
  margin: 0 0 0 50px;
  padding: 7px 0;
  line-height: 1.2;
}



/* ページ先頭へもどる　*/
.return_to_top{
  margin: 0 0 10px 0;
  padding: 15px 0;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: center;
  background-color: #000;
  border-bottom: solid 1.5px red;
  box-shadow: 10px 10px 15px -10px;
}
.return_to_top a{
  display: block;
  color: #fff;
}

/* 年間予定の一覧表へもどる　*/
.return_to_schedule{
  margin: 10px 0;
  padding: 15px 0;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: center;
  background-color: #ffffdb;
  border-bottom: solid 1.5px red;
  box-shadow: 10px 10px 15px -10px;
}
.return_to_schedule a{
  display: block;
  color: #555555;
}


/* ＜時程＞ */
h3.circle_schedule{
  width: 140px;
  height: 60px;
  border-radius: 70%;
  text-align: center;
  line-height: 60px;
  background-color: #006600;
  box-shadow: 10px 10px 15px -10px #000;
  margin: 30px auto;
  padding: 15px;
  font-size: 28px;
  color: #fff;
  font-weight: ;
  letter-spacing: 10px;
}

/* ＜時程＞ */
h3.sub_title_schedule{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  background-color: #006600;
  margin: 30px auto;
  padding: 10px;
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}
h4.basho{
  display: block;
  background-color: #dfdfdf;
  width: ;
  margin: 30px 0 0 0;
  padding: 20px 10% 10px;
  text-align: left;
  border-top: solid 10px #606060;
  font-size: 22px;
  color: #000;
  line-height: 1.5;
}
h4.basho a{
  color: blue;
}
table.dayschedule{
  width: 79%;
  margin: 0px 0 60px 10%;
  font-size: 19px;
  font-weight: bold;
  border-top: solid 3px #663300;
  border-bottom: solid 3px #663300;
}
td.left{
  width: 140px;
  padding: 9px 7px;
  line-height: 1.5;
  border-top: dotted 1.5px #663300;
}
td.right{
  border-top: dotted 1.5px #663300;
  line-height: 1.5;
  padding: 10px 0;
}
table.list{
  width: 79%;
  margin: 0px 0 20px 10%;
  font-size: 17px;
  border-top: solid 2px #663300;
  border-bottom: solid 2px #663300;
}


/*　円の中＜注意事項＞＜服装＞＜持ち物＞　*/
h3.circle{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  padding: 10px;
  text-align: center;
  line-height: 50px;
  background-color: #006600;
  box-shadow: 10px 10px 15px -10px #000;
  margin: 30px auto;
  font-size: 23px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}
/*＜注意事項＞＜服装＞＜持ち物＞*/
h3.sub_title{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  padding: 10px;
  text-align: center;
  line-height: 50px;
  background-color: #006600;
  margin: 30px auto;
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}

/*　注意事項　*/
ul.notes{
  width: 79%;
  margin: 20px 0 40px 10%;
  border-top: dotted 1.5px green;
}
ul.notes li{
  width: ;
  padding: 2px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
li.notes{
  width: 98%;
  margin: 15px 0 15px 33px;
  padding: 0px 0 7px;
  text-indent: -33px;
  border-bottom: dotted 1.5px green;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
li.notes::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 13px 0 0;
}
ul.notes02{
  width: 79%;
  margin: 10px 0 20px 10%;
  border-bottom: dotted 1.5px green;
}



/* 参加申込み */
div.sanka_moshikomi{
  width: 100%;
  background-color: #606060;
  margin: 0 0 20px 0;
  padding: 10px 0 30px 0;
}

/* ＜参加申込み＞＜申込期間＞＜参加費＞ ＜新年度＞*/
h3.sub_title_shironuki{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  box-shadow: 10px 10px 15px -10px #e0e0e0;
  padding: 15px;
  margin: 40px auto 30px;
  font-size: 23px;
  font-weight: bold;
  color: #006600;
  letter-spacing: 1px;
}

/* ＜参加申込み＞＜申込期間＞＜参加費＞ ＜新年度＞*/
h3.circle_shironuki{
  width: 140px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  box-shadow: 10px 10px 15px -10px #e0e0e0;
  padding: 15px;
  margin: 40px auto 30px;
  font-size: 23px;
  font-weight: bold;
  color: #006600;
  letter-spacing: 1px;
}
p.sanka_moshikomi{
  width: 77%;
  margin: 15px 0 20px 8%;
  padding: 0 0 0 70px;
  text-indent: -33px;
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
}
p.sanka_moshikomi::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 13px 0 0;
}

/* 第一希望　第二希望　*/
ul.sanka_moshikomi{
  width: 35%;
  margin: 0px 0 30px 20%;
  padding: 7px 0 7px 10px;
  border-top: dotted 2px #ffffcc;
  border-bottom: dotted 2px #ffffcc;
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
}
ul.sanka_moshikomi li{
  margin: 0;
  padding: 2px 0;
}

/* 会員区分　参加者氏名など　*/
ul.moshikomi_data{
  width: 35%;
  border-top: dotted 2px #ffffcc;
  border-bottom: dotted 2px #ffffcc;
  padding: 0 0 10px 10px;
  margin: 0px 0 30px 20%;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
}
ul.moshikomi_data li{
  padding: 4px 0;
}
p.no_listmark{
  width: 81%;
  margin: -10px 0 10px 17%;
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
}
hr{
  width: 100%;
  background-color: #fff;
  height: 7px;
}

/* 申込期間　*/
p.moshikomi_kikan{
    width: 77%;
    margin: 30px 0 30px 15%;
    text-indent: -30px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 1.8;
}
p.moshikomi_kikan::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 10px 0 0;
}


/* --- ＜服装＞＜持ち物＞ --- */
ul.mochimono_fukuso{
  width: 76%;
  text-indent: -33px;
  margin: 20px 0 40px 14%;
  border-top: dotted 1.5px green;
}
.mochimono_fukuso li{
  padding: 7px 7px;
  border-bottom: dotted 1.5px green;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.mochimono_fukuso li::before{
  width: 0px;
  height: 0px;
  content: "";
  display: inline-block;
/*  border: 7px solid transparent; */
  border-left: solid 15px #ffff9e;
  border-right: solid 5px #000;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
  margin: 0 13px 0 0;
}


/* PDFチラシを開く */
p.link_to_PDF{
  background-color: green;
  font-size: 24px;
  line-height: 1.5;
}
p.link_to_PDF a{
  display: block;
  margin: 0 20% 0;
  padding: 20px 10px 20px 20px;
  color: #fff;
}
p.notes{
  margin: 0 0 0 80px;
  font-size: 18px;
}

/* 各月の特記　8月 */
ul.kakashi{
  width: 90%;
  margin: 10px 70px 20px;
}
ul.kakashi li{
  padding: 6px 0;
  border-bottom: dotted 1px brown;
  line-height: 1.5;
  text-indent: -20px;
  margin: 0 0 0 20px;
  font-size: 18px;
  color: green;
  font-weight: bold;
}


/* 各月の特記　*/
p.nenkaihi{
  margin: 20px auto;
}
ul.nenkaihi{
  width: 31%;
  margin: 20px 0 20px 15%;
  border-bottom: dotted 2px gray;
  padding: 0 5px 8px;
}
.nenkaihi li{
  font-size: 20px;
  padding: 4px;
}


/*　付録　*/
/* くの字型矢印 */
.arrow{
  border-top: solid 3px #33ccff;
  border-right: solid 3px #33ccff;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  margin: 0px 10px 0 80px;
  padding: 0;
}
p.yajirushi_link{
  margin: -19px 0 0 52px;
  font-size: 24px;
}
a p.yajirushi_link{
  color: #fff;
}

/* メイン・コンテンツ　終わり　*/