/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   events calender info part   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#SNSInfoDiv_ID {
  /*border: 3px solid rgb(181, 0, 0);/* for debug */
  margin: 0px;/* dummy */
}
#SNSInfoDiv_ID > div {
  /*border: 3px solid rgb(15, 0, 183);/* for debug */
  /*----------*/
  /* flex box */
  display: flex;/* set flex box*/
  flex-direction: row;/* row column */
  justify-content: space-around;/* <============= (or) */
  /*justify-content: stretch;/* <============= (or) */
  /*justify-content: space-between;/* <============== (or) */
  align-items: center;/* vertical position */
  /*----------*/
  width: 94%;/**/
  max-width: 1000px;/**/
}
@media screen and (max-width: 640px) {/* for smart phone */
  #SNSInfoDiv_ID > div {
    flex-direction: column;/* row column */
  }
}
#SNSInfoDiv_ID > div > div:nth-child(1) {/*@@@@@@@@@@@@@@@@@@@@@@@@@@  youtube  @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  /*border: 3px solid rgb(19, 186, 0);/* for debug */
  /* flex box */
  display: flex;/* set flex box*/
  /*flex-direction: row;/* row column */
  justify-content: center;/* <============= (or) */
  /*justify-content: space-around;/* <============= (or) */
  /*justify-content: stretch;/* <============= (or) */
  /*justify-content: space-between;/* <============== (or) */
  align-items: center;/* vertical position */
  /*----------*/
  width: 50%;/**/
  margin: 0px 5px 0px 0px;/**/
}
@media screen and (max-width: 640px) {/* for smart phone */
  #SNSInfoDiv_ID > div > div:nth-child(1) {
    width: 100%;/**/
    margin: 0px 0px 0px 0px;/**/
  }
}
#SNSInfoDiv_ID > div > div:nth-child(1) > div {
  /*border: 3px solid rgb(186, 0, 174);/* for debug */
  /**/
  position: relative;/**/
  width: 100%;/**/
  padding-top: 56.25%;/**/
  /**/
  
}
#SNSInfoDiv_ID > div > div:nth-child(1) > div > iframe {
  /*border: 3px solid rgb(230, 130, 0);/* for debug */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#SNSInfoDiv_ID > div > div:nth-child(2) {/*@@@@@@@@@@@@@@@@@@@@@@@@@  SNS links  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  /*border: 3px solid rgb(15, 147, 0);/* for debug */
  width: 50%;/**/
  border-radius: 6px;/**/
  margin: 0px 0px 0px 5px;/**/
}
@media screen and (max-width: 640px) {/* for smart phone */
  #SNSInfoDiv_ID > div > div:nth-child(2) {
    width: 100%;/**/
    border-radius: 6px;/**/
    margin: 0px 0px 0px 0px;/**/
  }
}
#SNSInfoDiv_ID > div > div:nth-child(2) > div {
  /*border: 3px solid rgb(164, 0, 186);/* for debug */
  /* flex box */
  display: flex;/* set flex box*/
  flex-direction: row;/* row column */
  /*justify-content: space-around;/* <============= (or) */
  /*justify-content: center;/* <============= (or) */
  /*justify-content: stretch;/* <============= (or) */
  /*justify-content: space-between;/* <============== (or) */
  align-items: center;/* vertical position */
  /*----------*/
}
#SNSInfoDiv_ID > div > div:nth-child(2) > div > div {
  /*border: 3px solid rgb(240, 236, 0);/* for debug */
  margin: 0px 5px 0px 5px;/**/
  font-size: 1.2em;/**/
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/