@charset "UTF-8";
/* ---------------------------------------------------------
rem
--------------------------------------------------------- */
html {
  font-size: 625%;
}

@media (min-width: 769px) and (max-width: 1000px) {
  html {
    font-size: calc(100vw / 10.0);
  }
}

/* ---------------------------------------------------------
common
--------------------------------------------------------- */
* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

* ::-webkit-scrollbar {
  width: .04rem;
  height: auto;
}

* ::-webkit-scrollbar-track {
  background: transparent;
}

* ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

body {
  min-width: 768px;
  line-height: 1.6;
  color: #fff;
  background: #3c3c3c;
  font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;
  font-weight: 400;
  font-size: .18rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  body {
    font-size: .24rem;
  }
}

body.noscroll {
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (min-width: 1001px) {
  .wrapper {
    width: 12.8rem;
  }
}

.contents {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../img/bg_contents.jpg") repeat left top;
}

@media (min-width: 1001px) {
  .contents {
    width: calc(100% - 2.8rem);
  }
}

main {
  padding: 0 .5rem;
  width: 100%;
}

@media (max-width: 768px) {
  main {
    padding: 0 .24rem;
  }
}

section {
  margin: -.5rem 0 .5rem 0;
  padding: .5rem 0 0 0;
}

section:last-child {
  margin-bottom: 0;
}

.sec {
  padding: .3rem 0 0 0;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}

a:hover {
  color: inherit;
  text-decoration: none;
  opacity: .8;
}

img {
  max-width: 100%;
  height: auto;
}

/* ---------------------------------------------------------
nav
--------------------------------------------------------- */
/* nav_menu */
.nav_menu {
  position: absolute;
  z-index: 9999;
  top: .2rem;
  right: 1.1rem;
  width: .86rem;
  height: .86rem;
  background: url("../img/nav_toggle_off.png") no-repeat center/contain;
  -webkit-transition: .4s;
  transition: .4s;
}

@media (min-width: 1001px) {
  .nav_menu {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav_menu {
    right: .75rem;
  }
}

.nav_menu.active {
  background-image: url("../img/nav_toggle_on.png");
}

.noscroll .nav_menu {
  position: fixed;
}

/* nav_wrap */
@media (min-width: 769px) {
  .nav_wrap {
    display: none;
    position: absolute;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
  }
}

/* nav */
nav {
  padding: .66rem 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: -webkit-gradient(linear, left top, right top, from(#0a0a0a), color-stop(#9c8e54), to(#635016));
  background: linear-gradient(to right, #0a0a0a calc(100% - .04rem), #9c8e54 calc(100% - .04rem), #635016 100%);
  text-align: center;
  overflow-y: scroll;
  -webkit-transition: .4s;
  transition: .4s;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  nav {
    background: #0a0a0a !important;
  }
}

@media (max-width: 1000px) {
  nav {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
    opacity: 0;
  }
  nav.open {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (min-width: 769px) {
  nav {
    width: 2.8rem;
  }
}

@media (max-width: 768px) {
  nav {
    padding: .5rem .4rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.2rem, #000), color-stop(0.2rem, #9c8e54), color-stop(0.24rem, #635016), color-stop(0.24rem, #000), color-stop(#000), color-stop(#9c8e54), color-stop(#635016), color-stop(#000), to(#000));
    background: linear-gradient(to right, #000 0.2rem, #9c8e54 0.2rem, #635016 0.24rem, #000 0.24rem, #000 calc(100% - .2rem), #9c8e54 calc(100% - .2rem), #635016 calc(100% - .16rem), #000 calc(100% - .16rem), #000 100%);
  }
}

nav .logo {
  margin: 0 auto .18rem auto;
  display: block;
  max-width: 2.5rem;
}

@media (max-width: 768px) {
  nav .logo {
    max-width: 3.77rem;
  }
}

nav .manual {
  margin: 0 auto .28rem auto;
  border: .01rem solid #fff;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 2.3rem;
  height: .4rem;
}

@media (max-width: 768px) {
  nav .manual {
    margin-bottom: .38rem;
    border-width: .02rem;
    max-width: 3.1rem;
    height: .5rem;
  }
}

nav .manual img {
  max-width: 1.72rem;
}

@media (max-width: 768px) {
  nav .manual img {
    max-width: 2.3rem;
  }
}

nav dl {
  margin: 0 0 .14rem 0;
  max-width: calc(100% - .14rem);
}

@media (max-width: 768px) {
  nav dl {
    margin: 0 auto .3rem auto;
    max-width: 5.5rem;
  }
}

nav dl:last-child {
  margin-bottom: 0;
}

nav dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  height: .72rem;
  line-height: 1.2;
  background: url("../img/nav_off.png") no-repeat center/contain;
  font-size: .2rem;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}

nav dl dt:hover, nav dl dt.active, nav dl dt.current {
  background-image: url("../img/nav_on.png");
}

@media (max-width: 768px) {
  nav dl dt {
    background-image: url("../img/nav_off_sp.png");
    font-size: .3rem;
  }
  nav dl dt:hover, nav dl dt.active, nav dl dt.current {
    background-image: url("../img/nav_on_sp.png");
  }
  nav dl dt br {
    display: none;
  }
}

nav dl dd {
  display: none;
}

nav dl ul {
  margin: 0 auto;
  padding: .18rem;
  border-radius: 0 0 .1rem .1rem;
  position: relative;
  max-width: 2.36rem;
  line-height: 1;
  background: linear-gradient(135deg, #5b4914 0%, #8d7c3a 10%, #bfb691 40%, #5b4914 50%);
}

@media (max-width: 768px) {
  nav dl ul {
    max-width: 4.56rem;
  }
}

nav dl ul::before {
  margin: auto;
  border-radius: 0 0 .1rem .1rem;
  position: absolute;
  top: -.03rem;
  right: 0;
  left: 0;
  max-width: calc(100% - .06rem);
  height: 100%;
  content: '';
  background: #fff;
}

nav dl li {
  margin: 0 0 .1rem 0;
  position: relative;
}

@media (max-width: 768px) {
  nav dl li {
    margin: 0 0 .18rem 0;
  }
}

nav dl li:last-child {
  margin: 0;
}

nav dl a {
  position: relative;
  color: #000;
  font-size: .15rem;
}

nav dl a::before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.4rem;
  width: .4rem;
  height: .3rem;
  content: '';
  background: url("../img/nav_ic.png") no-repeat center/contain;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

nav dl a:hover, nav dl a.current {
  color: #de1b1b;
  font-weight: bold;
  opacity: 1;
}

nav dl a.current::before {
  opacity: 1;
}

@media (max-width: 768px) {
  nav dl a {
    font-size: .28rem;
  }
  nav dl a::before {
    left: -.65rem;
    width: .55rem;
    height: .4rem;
  }
}

/* ---------------------------------------------------------
header
--------------------------------------------------------- */
header {
  margin: 0 0 .35rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.3rem;
  line-height: 1.2;
  background: url("../img/ttl_main.png") no-repeat center/contain;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 1000px) {
  header {
    padding: 0 2.1rem 0 1.1rem;
  }
}

@media (max-width: 768px) {
  header {
    padding: 0 1.7rem 0 .8rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-image: url("../img/ttl_main_sp.png");
  }
}

header .bg_gradation {
  padding: 0 .1rem;
  border-radius: .15rem;
  -webkit-box-shadow: 0 0 0.1rem 0 white inset;
          box-shadow: 0 0 0.1rem 0 white inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 8rem;
  height: .84rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#716638), color-stop(10%, #5a4b0c), color-stop(90%, #2f2602), to(#584c19));
  background: linear-gradient(to bottom, #716638 0%, #5a4b0c 10%, #2f2602 90%, #584c19 100%);
}

@media (max-width: 768px) {
  header .bg_gradation {
    width: 5.34rem;
  }
}

header p {
  margin: 0 .2rem 0 0;
  border: .01rem solid #cbc088;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.5) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.2rem;
  height: .5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#cd0606), color-stop(50%, #de1313), to(#470404));
  background: linear-gradient(to bottom, #cd0606 0%, #de1313 50%, #470404 100%);
  font-size: .16rem;
}

@media (max-width: 768px) {
  header p {
    margin: 0 .1rem 0 0;
  }
}

header h1 {
  font-size: .28rem;
  text-shadow: 0.04rem 0.04rem 0.02rem black;
}

/* ---------------------------------------------------------
title
--------------------------------------------------------- */
h2 {
  margin: 0 0 .2rem 0;
  padding: 0 .2rem;
  border: .02rem solid #87730f;
  border-radius: .15rem;
  -webkit-box-shadow: 0 0 0.1rem 0 white inset, 0 0.05rem 0.1rem 0 black;
          box-shadow: 0 0 0.1rem 0 white inset, 0 0.05rem 0.1rem 0 black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: .7rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#272002), color-stop(45%, #382e08), color-stop(65%, #695919), to(#584c19));
  background: linear-gradient(to bottom, #272002 0%, #382e08 45%, #695919 65%, #584c19 100%);
  font-weight: bold;
  text-shadow: 0.04rem 0.04rem 0.02rem black;
}

@media (min-width: 769px) {
  h2 {
    font-size: .22rem;
  }
}

h2::before, h2::after {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: .4rem;
  height: .8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

h2::before {
  left: -.15rem;
  background-image: url("../img/ttl_wing_l.png");
}

h2::after {
  right: -.15rem;
  background-image: url("../img/ttl_wing_r.png");
}

h3 {
  margin: 0 0 .05rem 0;
  padding: 0 .2rem .2rem .5rem;
  background: url("../img/ttl_arrow.png") no-repeat center bottom/contain;
  font-weight: bold;
}

@media (min-width: 769px) {
  h3 {
    font-size: .22rem;
  }
}

@media (max-width: 768px) {
  h3 {
    background-image: url("../img/ttl_arrow_sp.png");
  }
}

/* ---------------------------------------------------------
text
--------------------------------------------------------- */
table {
  margin: .2rem 0;
  -webkit-box-shadow: 0 0.02rem 0.1rem 0 black;
          box-shadow: 0 0.02rem 0.1rem 0 black;
  width: 100%;
  line-height: 1.4;
  font-size: .16rem;
}

@media (max-width: 768px) {
  table {
    font-size: .22rem;
  }
}

table tr {
  border-bottom: .02rem solid #000;
}

table tr:last-child {
  border: none;
}

table th, table td {
  padding: .1rem;
}

table th {
  background: #646464;
  font-weight: normal;
  white-space: nowrap;
}

table td {
  color: #000;
  background: #fff;
}

table .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

table .note {
  margin: 0 0 0 .1rem;
}

@media (min-width: 769px) {
  table .br_sp {
    display: none;
  }
}

table.col2 th {
  width: 20%;
  min-width: 2rem;
}

table.col2 td {
  width: 80%;
}

table.col3 thead {
  border-bottom: .02rem solid #000;
}

table.col3 th, table.col3 td {
  border-right: .02rem solid #000;
}

table.col3 th:last-child, table.col3 td:last-child {
  border: none;
}

table.col3 th:last-child {
  color: #000;
  background: #b5b5b5;
}

.num_area {
  margin: 0 0 .2rem 0;
}

.num_area .num_ttl {
  padding: .05rem;
  border: .02rem solid #898989;
  border-radius: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  background: #fff;
}

@media (min-width: 769px) {
  .num_area .num_ttl {
    font-size: .22rem;
  }
}

.num_area .num {
  margin: 0 .1rem 0 0;
  border-radius: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: .34rem;
  height: .34rem;
  color: #fff;
  background: #886f0d;
}

.num_area .ttl {
  width: calc(100% - .6rem);
  color: #886f0d;
}

.num_area .txt_area {
  margin: .1rem 0 0 0;
}

.num_area.multiline .num_ttl {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.num_area.multiline .ttl {
  padding: .25em 0 0 0;
}

.rim_area {
  margin: 0 0 .5rem 0;
  padding: .2rem;
  border: .02rem solid #fff;
}

.tips_area {
  margin: .5rem 0 0 0;
  padding: .2rem;
  border: .02rem solid #947f09;
  border-radius: .2rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(255, 255, 255, 0.8) inset;
          box-shadow: 0 0 0.1rem 0 rgba(255, 255, 255, 0.8) inset;
  background: #000;
}

.tips_area .ttl_area {
  margin: 0 0 .2rem 0;
  border-radius: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: .44rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#654913), to(#ac9861));
  background: linear-gradient(to bottom, #654913 0%, #ac9861 100%);
  font-weight: bold;
}

@media (min-width: 769px) {
  .tips_area .ttl_area {
    font-size: .22rem;
  }
}

.tips_area .ttl_area .ic img {
  height: 1.2em;
}

.tips_area .inner {
  margin: 0 auto;
  width: calc(100% - .2rem);
}

.ic_area {
  margin: .1rem 0 0 0;
  font-size: .16rem;
}

@media (max-width: 768px) {
  .ic_area {
    font-size: .22rem;
  }
}

.ic_area dl {
  margin: 0 .1rem 0 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ic_area dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ic_area dt::after {
  content: '：';
}

.ic_area img {
  max-width: .35rem;
}

.ic {
  margin: 0 .05rem;
}

.ic img {
  max-width: inherit;
  height: 100%;
  max-height: 2em;
  vertical-align: text-bottom;
}

.reference_list li, .reference_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
}

@media (max-width: 768px) {
  .reference_list li, .reference_txt {
    font-size: .22rem;
  }
}

.reference_list li::before, .reference_txt::before {
  margin: 0 .05rem 0 0;
  content: '\203b';
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;
}

.reference_mark {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;
}

.link_underline {
  text-decoration: underline;
}

/* heart */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?l8gwtd");
  src: url("../fonts/icomoon.eot?l8gwtd#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?l8gwtd") format("truetype"), url("../fonts/icomoon.woff?l8gwtd") format("woff"), url("../fonts/icomoon.svg?l8gwtd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.heart {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.heart::before {
  content: '\f004';
}

/* ---------------------------------------------------------
img
--------------------------------------------------------- */
.img_full {
  margin: .2rem 0 .5rem 0;
  text-align: center;
}

.img_flex {
  margin: 0 0 .2rem 0;
}

@media (min-width: 769px) {
  .img_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 769px) {
  .img_flex .txt_area {
    margin: 0 .3rem 0 0;
    width: calc(100% - 4.4rem);
  }
}

@media (max-width: 768px) {
  .img_flex .txt_area {
    margin: 0 0 .3rem 0;
  }
}

@media (min-width: 769px) {
  .img_flex .img_area {
    width: 4rem;
  }
}

.img_flex .img_area img {
  width: 100%;
}

@media (min-width: 769px) {
  .img_flex.short .txt_area {
    width: calc(100% - 2.5rem);
  }
  .img_flex.short .img_area {
    width: 2.5rem;
  }
}

@media (max-width: 768px) {
  .img_flex.short .img_area {
    text-align: center;
  }
  .img_flex.short .img_area img {
    max-width: 4.5rem;
  }
}

/* ---------------------------------------------------------
footer
--------------------------------------------------------- */
footer {
  margin: 2rem auto .5rem auto;
  width: 100%;
  max-width: 7.56rem;
  color: transparent;
  font-size: 0;
}

footer ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: .56rem;
}

@media (max-width: 1000px) {
  footer ul {
    grid-gap: .2rem;
  }
}

footer ul li:first-child a {
  background-image: url("../img/pager_prev_off.png");
}

footer ul li:first-child a:hover {
  background-image: url("../img/pager_prev_on.png");
}

@media (max-width: 768px) {
  footer ul li:first-child a {
    background-image: url("../img/pager_prev_off_sp.png");
  }
  footer ul li:first-child a:hover {
    background-image: url("../img/pager_prev_on_sp.png");
  }
}

footer ul li:last-child a {
  background-image: url("../img/pager_next_off.png");
}

footer ul li:last-child a:hover {
  background-image: url("../img/pager_next_on.png");
}

@media (max-width: 768px) {
  footer ul li:last-child a {
    background-image: url("../img/pager_next_off_sp.png");
  }
  footer ul li:last-child a:hover {
    background-image: url("../img/pager_next_on_sp.png");
  }
}

footer ul a {
  display: block;
  height: .54rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

footer ul a:hover {
  opacity: 1;
}

footer .pagetop {
  position: fixed;
  right: .2rem;
  bottom: 1.2rem;
  width: 1.4rem;
  height: 1.2rem;
  background: url("../img/pagetop.png") no-repeat center/contain;
}

/* ---------------------------------------------------------
top
--------------------------------------------------------- */
.top .mv_area {
  margin: 0 0 .2rem 0;
  position: relative;
  height: 4.75rem;
}

@media (max-width: 768px) {
  .top .mv_area {
    height: 4.15rem;
  }
}

.top .mv_area .logo {
  position: absolute;
  top: .95rem;
  left: .15rem;
  width: 4.77rem;
  height: 2.34rem;
  -webkit-filter: drop-shadow(0 0 0.1rem #000);
          filter: drop-shadow(0 0 0.1rem #000);
}

@media (max-width: 768px) {
  .top .mv_area .logo {
    top: .65rem;
    left: .2rem;
    width: 3.7rem;
    height: 1.82rem;
  }
}

.top .mv_area .mv {
  position: absolute;
  top: 0;
  right: -.3rem;
  width: 4.46rem;
  height: 4.75rem;
}

@media (max-width: 768px) {
  .top .mv_area .mv {
    right: -.12rem;
    width: 3.9rem;
    height: 4.15rem;
  }
}

.top .rim_area {
  margin: 0 0 .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #000;
}

@media (max-width: 768px) {
  .top .rim_area.sp {
    display: none;
  }
}

.top .rim_area.support {
  background: #535353;
}

.top .rim_area .txt_area {
  margin: 0 .2rem 0 0;
  width: calc(100% - 1.38rem);
}

.top .rim_area .qr {
  width: 1.18rem;
}

.top .reference_list {
  margin: 0 0 .5rem 0;
  font-size: .14rem;
}

.top .copyright_list {
  font-size: .14rem;
}

@media (max-width: 768px) {
  .top .copyright_list {
    font-size: .16rem;
  }
}
/*# sourceMappingURL=common.css.map */