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

  Responsive Settings

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

  Easing Settings

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

  Font Settings

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

  Object Size

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

  Utility

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

  Responsive

================================================ */
@media all and (min-width: 768px) {
  .header {
    border-bottom: 1px solid #dedede;
  }
  .header-inner {
    position: relative;
    display: flex;
    max-width: 920px;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
  }
  .header-logo {
    padding: 27px 27px 0 27px;
  }
  #Article_fca {
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 20px 0;
  }
  #listsItem_fca {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .contents {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin: 0 0 50px 0;
  }
  ul {
    list-style: none;
  }
  li.list {
    border-bottom: 1px solid #eee;
  }
  span.image {
    float: left;
    width: 30%;
    padding: 10px 0;
    position: relative;
  }
  span.image img {
    display: block;
    position: absolute;
    top: -159px;
    width: 20px;
    transform: rotate(-90deg);
    box-sizing: content-box;
  }
  li.list:hover span.image img {
    padding: 0 30px;
  }
  span.no {
    display: block;
    float: left;
    width: 10%;
    padding: 10px 0;
    text-align: center;
  }
  span.name {
    display: block;
    float: left;
    width: 38%;
    padding: 10px 0;
    text-align: center;
  }
  span.sample {
    display: block;
    padding: 3px 0;
    text-align: center;
  }
  span.sample img {
    width: 38px;
  }
  .theme-ttl {
    margin: 10px 0;
    text-align: left;
  }
  .theme-ttl img {
    padding: 20px;
  }
}
@media not all and (min-width: 768px) {
  .header {
    border-bottom: 1px solid #dedede;
  }
  .header-inner {
    position: relative;
    display: flex;
    width: 100%;
    height: 10.6666666667vw;
    box-sizing: border-box;
  }
  .header-logo {
    padding: 1.8666666667vw 3.6vw 0;
  }
  .header-logo a {
    font-size: 2.4vw;
    text-decoration: none;
    color: #1f1f1f;
    white-space: nowrap;
    line-height: 1;
  }
  #Article_fca {
    padding: 5.3333333333vw 0 0;
  }
  #listsItem_fca {
    width: 100%;
    overflow: hidden;
  }
  .contents {
    font-size: 2.1333333333vw;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }
  .contents .theme-ttl {
    padding: 4vw 2.6666666667vw;
  }
  .contents .theme-ttl img {
    height: auto;
  }
  .contents #theme1 img {
    width: 47.2vw;
  }
  .contents #theme2 img {
    width: 70.08vw;
  }
  .contents #theme3 img {
    width: 29.6vw;
  }
  .contents #theme4 img {
    width: 55.68vw;
  }
  .contents #theme5 img {
    width: 45.92vw;
  }
  .contents #theme6 img {
    width: 48.96vw;
  }
  .contents #theme7 img {
    width: 57.12vw;
  }
  .contents #theme8 img {
    width: 35.2vw;
  }
  .contents #theme9 img {
    width: 59.84vw;
  }
  .contents #theme10 img {
    width: 89.92vw;
  }
  .contents #theme11 img {
    width: 46.4vw;
  }
  .contents #theme12 img {
    width: 54.72vw;
  }
  .contents #theme13 img {
    width: 44.48vw;
  }
  .contents #theme14 img {
    width: 55.84vw;
  }
  .contents #theme15 img {
    width: 45.28vw;
  }
  .contents #theme16 img {
    width: 44.48vw;
  }
  .contents #theme17 img {
    width: 70.56vw;
  }
  .contents #theme18 img {
    width: 53.28vw;
  }
  .contents #theme19 img {
    width: 33.12vw;
  }
  .contents #theme20 img {
    width: 40.16vw;
  }
  .contents #theme21 img {
    width: 58.08vw;
  }
  .contents #theme22 img {
    width: 56.32vw;
  }
  .contents #theme23 img {
    width: 59.84vw;
  }
  .contents #theme24 img {
    width: 39.84vw;
  }
  .contents #theme25 img {
    width: 55.84vw;
  }
  .contents ul {
    padding-left: 0;
    list-style: none;
  }
  .contents li.list {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  .contents li.list span.image {
    position: relative;
    flex: 1 1 auto;
    width: auto;
  }
  .contents li.list span.image img {
    position: absolute;
    right: 2.6666666667vw;
    bottom: 0;
    width: 2.6666666667vw;
    height: auto;
    transform: rotate(-90deg);
    transform-origin: center bottom;
  }
  .contents li.list span.no {
    flex: 0 0 auto;
    width: 2.5em;
    padding: 1.3333333333vw 0;
    text-align: right;
  }
  .contents li.list span.name {
    flex: 0 0 auto;
    width: 24em;
    padding: 1.3333333333vw 0;
    text-align: center;
  }
  .contents li.list span.sample {
    width: 9.6vw;
  }
  .contents li.list span.sample img {
    display: block;
    width: 5.0666666667vw;
    height: auto;
  }
}
/*# sourceMappingURL=500_name_gl.css.map */