/* =============================================================

_settings.scss

============================================================= */
/*--------------------------------------------------------------
colors
--------------------------------------------------------------*/
/*Grey colors*/
/*Hall colors*/
/*--------------------------------------------------------------
text colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
sp-size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
col-width
--------------------------------------------------------------*/
/*--------------------------------------------------------------
content-max-width
--------------------------------------------------------------*/
/*--------------------------------------------------------------
max-width
--------------------------------------------------------------*/
/*--------------------------------------------------------------
fontsize
--------------------------------------------------------------*/
/*---------------------------------------------------------------------------

magazine

---------------------------------------------------------------------------*/
a:focus-visible {
  outline: 2px solid #0056c0;
}

@media screen and (min-width: 768px) {
  #magazine #book {
    display: flex;
    flex-direction: row-reverse;
  }
  #magazine #book > div:not(#manual) {
    width: 50%;
    margin-right: 20px;
  }
}
#magazine #book #manual ul {
  margin-bottom: 20px;
  border: dotted 1px #3a3a3a;
  padding: 10px;
}

#magazine #book #manual ul li img {
  vertical-align: baseline;
}

#magazine #bk img {
  width: 100%;
}

#magazine #bk li .linkmark a::before {
  padding: 0;
}

#magazine #bk ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#magazine #bk li {
  margin-bottom: 20px;
  width: 30%;
}

#magazine #bk li a {
  font-size: 13px;
}

#magazine #bk li p {
  margin-top: 10px;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  #magazine #bk li {
    width: 145px;
  }
  #magazine #bk li a {
    font-size: 16px;
  }
}