nav {z-index: 999999;}
nav .wrap {display: flex; justify-content: space-between; align-items: center; width: 1280px; margin:0 auto; padding: 0 2rem}
nav .wrap a {display: flex !important;}
nav #main_logo img {height: 30px;}
nav #main_logo:hover {animation: bounce-scale 0.3s ease;}

nav #goBack:hover {animation: bounce-scale2 0.3s ease;}
nav #goBack > div {position: relative; display: flex; justify-content: space-between; flex-flow: column;
                    top: -1px; width: calc(15.588px * 2); height: calc(18px * 2);}
nav #goBack > div > span { width: 77%; border-top: 1px solid #000; }
nav #goBack span:nth-child(1) { transform:rotate(-40deg); translate: 0px 10px;}
nav #goBack span:nth-child(2) { transform:rotate(40deg); translate: 0px -10px;}




@keyframes bounce-scale2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

main#news article {width: 1280px; margin: 8rem auto 5rem; font-size: 1rem;}
main#news article img {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); width: 100%;}
main#news article .wrap {padding: 0; width: 800px; margin: 0 auto;}
main#news article .date { text-align: left; margin: 1em 0 0 ; }
main#news article h1 { font-size: 3rem; margin: 0; text-align: justify; font-weight: 700; line-height: 120%;}
main#news article p { color: #777; line-height: 160%; margin: 0; padding: 3rem 0 5rem; text-align: justify; white-space: pre-line; word-break: keep-all;}
main#news article p span { color: #999; font-size: 0.8rem; line-height: 120%; }
main#news article p span.summary {font-size: 1.5rem; font-weight: bold; color: #555; line-height: 150%; text-align: left;
word-break: break-all;}
main#news article .share_and { display:flex; align-items: center; justify-content: space-between; }
main#news article .share_and .wrap {display: flex;}
main#news article .share_and span {color: #aaa;}
main#news article .share_and .share_icon { margin: 0 5px 0 0 ; /*filter: grayscale(100%);*/ transition: all 0.3s;}
main#news article .share_and #x {filter: invert(100%);}
main#news article .original_link {white-space: nowrap; text-decoration:none; color: #999;}

main#news article #goTop {padding: 3em 0; width: 800px; margin: 0 auto; text-align: center;}


@media (max-width: 600px) {

    nav .wrap { width: 100% !important; }
    main#news {padding: 0 2rem;}
    main#news article { width: 100%; }
    main#news article h1 { font-size: 6vw !important; }
    main#news article p {font-size: 3vw;}
    main#news article p span.summary {font-size: 4vw !important;}
    main#news article .wrap { width:100%; }
    main#news article #goTop { width: 100%; font-size: 4vw !important;}
    main#news article .original_link {font-size: 3vw !important;}

}