#leftBox, #rightBox, .col{
  display: inline-block;
  float: left;
  text-align: center;
  overflow: hidden;
}
#leftBox{width: 60%;}
#rightBox{width: 40%;}
.col{width: 33%;}
.title{ font-size: 1.4rem; margin: 0.2rem 0 0.5rem 0; }
.link{
  display:inline-block;
  width:100%;
  margin:0.5rem 0;
  color: brown;
  font-size: 1.2rem;
}
.link:hover{
  color: red;
}
#lineShare, #msgShare, #fb, #fbLike{ float: right; width: 3rem; height:3rem; border-radius:5px; box-shadow:0 0 4px rgba(20%,20%,40%,0.5); margin: 0 0.5rem; }
#fb{ margin-right: 2rem; }
#bigfb{ width: 250px; height: auto; float: right; margin-right:2rem; }
#msgShare{ margin-right: 2rem; }
.shareImg{ width: 100%; height: auto; border-radius:5px; }
.sharetext { float: right; font-size: 1.6rem; color: #ff5050; padding: 0.5rem 0.5rem 0.5rem 1rem; }

#copyright{ display: block; clear: both; text-align: center; font-size: 0.8rem; padding-top: 1rem; margin-top: -3rem; }
#m_mail, #m_contant{ display: block; color: brown; font-size: 1rem; margin-bottom: 1rem; }

@media screen and (max-width: 1200px) {
  #leftBox{display: none;}
  #rightBox{ width: 100%; }
  #bigfb{ display: none; }
}
@media screen and (min-width: 1201px) { 
  #m_mail, #m_contant{ display: none; }
  #msgShare, #fb{ display: none; }
  #lineShare{ margin-right: 2rem; }
}