.map {
    margin: 10px 10px 10px 10px;
    /* width: 80%; */
    padding: 0;
    height: auto;
    box-sizing:border-box;

}

table {
    border-collapse: collapse; 
    margin: 20px 0px 0px 15px;
}

table tr {
    height: 30px;
    padding: 5px 5px 5px 5px;
    /* border: 1px solid blue; */
}

td {
    width: auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgb(200, 200, 200);
}

td:first-child {
    white-space: nowrap;
    width: auto;
    padding: 5px 5px 5px 5px;
    background-color: #d8e7d1;
    /* border: 1px solid blue; */
    text-align: center;
}

table tr td span {
    display: block;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 70%;
  height: auto;
  overflow: hidden;
  margin: 30px 10px 0px 10px;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
}


ul.event_list, ul.campaigns_list  {
    list-style: none; /* または list-style-type: none; */
    padding-left: 0; /* 左の余白も消す場合 */
    /* border: 1px solid blue; */
    margin: 0px;
}

ul.event_list li, ul.campaigns_list li {
    list-style: none; /* または list-style-type: none; */
    padding-left: 0; /* 左の余白も消す場合 */
    /* border: 1px solid blue; */
    /* border-bottom: 1px solid blue; */
    /* margin: 0px 0 5px 0; */
    padding: 5px 0 0 0;
}

      .event_list p.event_title, .campaigns_list p.event_title {
          display:inline-block;
          /* display: block; */
          font-size: 14px;
          border-radius: 5px;
          color: #006400;
          font-weight: bold;
          background-color: #FFFF00;
          border: 2px ridge #006400;
          padding: 3px 7px 3px 7px;
          margin: 0 0 3px 0;    
      }

      .event_list p.line_1st {
          margin: 0px 0 0px 10px;
          padding: 0;
          font-size: 14px;
      }

      .event_list p.line_2nd {
          margin: 3px 0 3px 40px;
          font-size: 12px;
      }

      .align_right {
        /* border: 1px solid blue; */
        text-align: right;
      }

      .campaigns_list li {
        border: 1px solid red;
      }
      


     p.campaigns_title {
          display:inline-block;
          padding: 0;
          margin: 0;    
    }

       p.campaigns_title {
          display:inline-block;
          font-size: 14px;
          border-radius: 5px;
          color: #006400;
          font-weight: bold;
          background-color: #FFFF00;
          border: 2px ridge #006400;
          padding: 3px 7px 3px 7px;
          margin: 0 0 3px 0;    
          vertical-align: top;
      }    

      /* .campaigns_list p.a_line_1st { */
      p.line_1st {
          display:inline-block;
      }

      .campaigns_list p.line_1st {
          /* margin: 0px 0 0px 10px; */
          padding: 0;
          font-size: 14px;
      }

      .campaigns_list p.line_1st {
          display:inline-block;
          /* display:inline; */
          /* display:block; */
          margin: 0px 0 0px 10px;
          padding: 0;
          font-size: 16px;
          font-weight: bold;
          color: #006400;
            white-space: nowrap;      /* テキストを折り返さない */
            overflow: hidden;         /* はみ出た部分を非表示 */
            text-overflow: ellipsis;  /* はみ出た部分を「...」で表示 */
            width: 80%;             /* 例: 幅を固定 */
          border: 2px ridge #006400;
      }

      .campaigns_list p.line_2nd {
          /* display:inline-block; */
          /* display:block; */
          margin: 0px 0px 5px 30px;
          padding: 0;
          font-size: 14px;
          border: 1px solid black;
      }

      
        a.about_Norate_bt, a.link_detail_btn {
              display: inline-block;
              /* display: block; */
              width : auto;
              background-image: linear-gradient(0deg, #f5e756, #5df7a8);
              padding: 3px 3px 3px 3px;
              margin: 3px 3px 3px 3px;
              border: 1px solid brown ;
              border-radius: 5px;
              /* text-align: rigrt; */
              color: brown;
              font-style: italic;
              font-size: 14px;
              text-align: right;
        }

        a.link_detail_btn:hover {
              background-image: linear-gradient(180deg, #f5e756, #5df7a8);
              padding: 2px 2px 4px 4px;
              margin: 3px 3px 3px 3px;
        }
      
/*********************************************
/*以下　不要
**********************************************/
/*
      .campaigns_list p.line_1st {
          display:inline-block;
          margin: 0px 0 0px 10px;
          padding: 0;
          font-size: 16px;
          font-weight: bold;
          color: #006400;
      }

      .campaigns_list p.line_2nd {
          margin: 0px 0px 5px 30px;
          padding: 0;
          font-size: 14px;
          border: 1px solid blue;
      }
*/