/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    SNS and YouTube 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 (left side) @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  /*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: 70%;/**/
  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%;/**/
  /**/
  border-radius: 4px;/**/
}
#SNSInfoDiv_ID > div > div:nth-child(2) {/*@@@@@@@@@@@@@@@@@@@@@@@@@  SNS links (right side)  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  /*border: 1px dashed rgb(100, 100, 100);/* for debug */
  /*background: rgb(136, 136, 136);/**/
  width: 30%;/**/
  /*height: 100%;/**/
  border-radius: 6px;/**/
  margin: 0px 0px 0px 20px;/**/
}
@media screen and (max-width: 640px) {/* for smart phone */
  #SNSInfoDiv_ID > div > div:nth-child(2) {
    width: auto;/* initial width */
    border-radius: 6px;/**/
    margin: 20px 0px 0px 0px;/**/
    display:flex;/**/
    flex-direction: column;/* row column */
  }
}
#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: 12px 5px 12px 15px;/**/
  font-size: 1.3em;/**/
}
@media screen and (max-width: 640px) {/* for smart phone */
  #SNSInfoDiv_ID > div > div:nth-child(2) > div > div {
    margin: 6px 5px 6px 15px;/**/
    font-size: 1.3em;/**/
  }
}
#SNSInfoDiv_ID img {/* to all image */
  /*border: 3px solid rgb(0, 240, 148);/* for debug */
  vertical-align:middle;/* remove a space under the image  */
}

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