@media screen and (min-width: 769px) {
  .access_map_area img {
    width: 100%; }
  #access_block_bg02 {
    margin-bottom: 60px; }
  .top_sns_btn {
    width: 100%;
    margin: 65px auto 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .comm_btn_wrap#top_fb_btn_en {
    width: 250px;
    padding: 0;
    border-color: #395898; }
  .comm_btn_wrap#top_fb_btn_en a {
    width: 100%;
    background: url(/museum/images/fb_arrow_right.png) #ededf9 95% 50% no-repeat;
    color: #395898;
    background-size: 8px;
    padding: 0.6em 0;
    opacity: 1;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    border-color: #395898;
    text-decoration: none; }
  .comm_btn_wrap#top_fb_btn_en a p {
    background: url(/museum/images/fb.gif) 10% 50% no-repeat;
    background-size: 33px;
    padding: 12px 0;
    font-size: 20px; } }

@media screen and (max-width: 768px) {
  #access_route01 {
    background: url(/museum/english/access/images/access_panel_route01_sp.gif) no-repeat left top;
    background-size: 100%; }
  #access_route02 {
    background: url(/museum/english/access/images/access_panel_route02_sp.gif) no-repeat left top;
    background-size: 100%; }
  #access_route03 {
    background: url(/museum/english/access/images/access_panel_route03_sp.gif) no-repeat left top;
    background-size: 100%; }
  .top_sns_btn {
    text-align: center;
    margin: 20px 0; }
  .comm_btn_wrap#top_fb_btn_en {
    margin: 30px auto 0;
    border-color: #395898; }
  .comm_btn_wrap#top_fb_btn_en a {
    width: 100%;
    background: url(/museum/images/fb_arrow_right.png) #ededf9 95% 50% no-repeat;
    color: #395898;
    background-size: 8px;
    padding: 0;
    border-color: #395898;
    text-decoration: none; }
  .comm_btn_wrap#top_fb_btn_en a p {
    background: url(/museum/images/fb.gif) 10% 50% no-repeat;
    background-size: 10%;
    padding: 8% 0;
    font-size: 20px;
    text-align: center; }
  .comm_btn_wrap.top_sns_btn_l,
  .comm_btn_wrap.top_sns_btn_r {
    max-width: 220px;
    height: 68px;
    margin: 0 auto; } }