@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
html {
  font-family: "Original Yu Gothic", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, Meiryo, "M+ 1p", sans-serif;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.8;
  color: #000;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal; }

ul, ol {
  list-style-type: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block; }

/* Links
   ========================================================================== */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  display: block;
  /* 必要に応じて変えてね */ }

a:active,
a:hover {
  outline-width: 0; }

img {
  border-style: none;
  width: 100%;
  vertical-align: bottom; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Forms
   ========================================================================== */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

textarea {
  resize: none; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* -------------------------------------------------------------- */
/* レイアウト調整用 */
/* -------------------------------------------------------------- */
.font-medium {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500; }

.font-bold {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700; }

.small {
  font-size: 80%; }

.fix-box::before, .fix-box::after {
  content: " ";
  display: table; }

.fix-box::after {
  clear: both; }

.f-Left {
  float: left; }

.f-Right {
  float: right; }

.in-bl {
  display: inline-block; }

.t-Center {
  text-align: center; }

.t-Left {
  text-align: left; }

.t-Right {
  text-align: right; }

.v-Top {
  vertical-align: top; }

.v-Bottom {
  vertical-align: bottom; }

.object-fit-img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%; }

span.Br::before {
  content: "\a";
  white-space: pre; }

.f-bold {
  font-weight: 700; }

.f-bold-white{
  font-weight: 700;
  color: white;
}

.is-relative {
  position: relative; }

.is-absolute {
  position: absolute; }

/* -------------------------------------------------------------- */
/* ロールオーバーアニメーション用 */
/* -------------------------------------------------------------- */
a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

a:hover {
  opacity: .7; }

/* -------------------------------------------------------------- */
/* フォーム用 */
/* -------------------------------------------------------------- */
.form-control, textarea, .tel-form-control {
  display: block;
  padding: .3em .6em;
  font-size: 1.066666666rem;
  background-color: #fff !important;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus, textarea:focus, .tel-form-control:focus {
  border-color: #000;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3); }

.form-control::-moz-placeholder, textarea::-moz-placeholder, .tel-form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, .tel-form-control::-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .tel-form-control::-webkit-input-placeholder {
  color: #999; }

/* -------------------------------------------------------------- */
/* オリジナルラジオボタン・セレクトボックス */
/* -------------------------------------------------------------- */
/*　オリジナルのラジオボタンを使う場合はコメントを外す

input[type=radio], input[type=checkbox] {
	display: none;
}

.radio {
  position: relative;
  display: inline-block;
  margin: 4px 20px 4px 0;
  padding: 3px 12px 3px 42px;
  cursor: pointer;
}

.radio:hover:after{
  border-color: #ccc;
}
.radio:after {
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 10px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  content: '';
  opacity: 0;
}

input[type=radio]:checked + .radio:before {
  opacity: 1;
}

input[type=checkbox]:checked + .checkbox:after {
    background: #fff;
}

.order-selecter-box label::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    pointer-events: none;
}

select::-ms-expand {
    display: none;
}

*/
/* -------------------------------------------------------------- */
/* 調整用 */
/* -------------------------------------------------------------- */
/* margin */
.m-Auto {
  margin: 0 auto; }

.m-Auto-10 {
  margin: 10px auto; }

.m-Auto-20 {
  margin: 20px auto; }

.m-Auto-30 {
  margin: 30px auto; }

.m-Auto-40 {
  margin: 40px auto; }

.m-Auto-50 {
  margin: 50px auto; }

.m-L-10 {
  margin-left: 10px; }

.m-L-20 {
  margin-left: 20px; }

.m-L-30 {
  margin-left: 30px; }

.m-L-40 {
  margin-left: 40px; }

.m-L-50 {
  margin-left: 50px; }

.m-L-60 {
  margin-left: 60px; }

.m-L-70 {
  margin-left: 70px; }

.m-L-80 {
  margin-left: 80px; }

.m-L-90 {
  margin-left: 90px; }

.m-L-100 {
  margin-left: 100px; }

.m-R-10 {
  margin-right: 10px; }

.m-R-20 {
  margin-right: 20px; }

.m-R-30 {
  margin-right: 30px; }

.m-R-40 {
  margin-right: 40px; }

.m-R-50 {
  margin-right: 50px; }

.m-R-60 {
  margin-right: 60px; }

.m-R-70 {
  margin-right: 70px; }

.m-R-80 {
  margin-right: 80px; }

.m-R-90 {
  margin-right: 90px; }

.m-R-100 {
  margin-right: 100px; }

.m-T-10 {
  margin-top: 10px; }

.m-T-20 {
  margin-top: 20px; }

.m-T-30 {
  margin-top: 30px; }

.m-T-40 {
  margin-top: 40px; }

.m-T-50 {
  margin-top: 50px; }

.m-T-60 {
  margin-top: 60px; }

.m-T-70 {
  margin-top: 70px; }

.m-T-80 {
  margin-top: 80px; }

.m-T-90 {
  margin-top: 90px; }

.m-T-100 {
  margin-top: 100px; }

.m-B-10 {
  margin-bottom: 10px; }

.m-B-20 {
  margin-bottom: 20px; }

.m-B-30 {
  margin-bottom: 30px; }

.m-B-40 {
  margin-bottom: 40px; }

.m-B-50 {
  margin-bottom: 50px; }

.m-B-60 {
  margin-bottom: 60px; }

.m-B-70 {
  margin-bottom: 70px; }

.m-B-80 {
  margin-bottom: 80px; }

.m-B-90 {
  margin-bottom: 90px; }

.m-B-100 {
  margin-bottom: 100px; }

/* padding */
.p-L-10 {
  padding-left: 10px; }

.p-L-20 {
  padding-left: 20px; }

.p-L-30 {
  padding-left: 30px; }

.p-L-40 {
  padding-left: 40px; }

.p-L-50 {
  padding-left: 50px; }

.p-L-60 {
  padding-left: 60px; }

.p-L-70 {
  padding-left: 70px; }

.p-L-80 {
  padding-left: 80px; }

.p-L-90 {
  padding-left: 90px; }

.p-L-100 {
  padding-left: 100px; }

.p-R-10 {
  padding-right: 10px; }

.p-R-20 {
  padding-right: 20px; }

.p-R-30 {
  padding-right: 30px; }

.p-R-40 {
  padding-right: 40px; }

.p-R-50 {
  padding-right: 50px; }

.p-R-60 {
  padding-right: 60px; }

.p-R-70 {
  padding-right: 70px; }

.p-R-80 {
  padding-right: 80px; }

.p-R-90 {
  padding-right: 90px; }

.p-R-100 {
  padding-right: 100px; }

.p-T-10 {
  padding-top: 10px; }

.p-T-20 {
  padding-top: 20px; }

.p-T-30 {
  padding-top: 30px; }

.p-T-40 {
  padding-top: 40px; }

.p-T-50 {
  padding-top: 50px; }

.p-T-60 {
  padding-top: 60px; }

.p-T-70 {
  padding-top: 70px; }

.p-T-80 {
  padding-top: 80px; }

.p-T-90 {
  padding-top: 90px; }

.p-T-100 {
  padding-top: 100px; }

.p-B-10 {
  padding-bottom: 10px; }

.p-B-20 {
  padding-bottom: 20px; }

.p-B-30 {
  padding-bottom: 30px; }

.p-B-40 {
  padding-bottom: 40px; }

.p-B-50 {
  padding-bottom: 50px; }

.p-B-60 {
  padding-bottom: 60px; }

.p-B-70 {
  padding-bottom: 70px; }

.p-B-80 {
  padding-bottom: 80px; }

.p-B-90 {
  padding-bottom: 90px; }

.p-B-100 {
  padding-bottom: 100px; }

/* -------------------------------------------------------------- */
/* 20181221追記  */
/* -------------------------------------------------------------- */
/* margin */
.m-Auto-lr {
  margin-left: auto;
  margin-right: auto; }

/* background */
.bg-white {
  background-color: #fff !important; }

.bg-black {
  background-color: #000 !important; }

/* color */
.color-white {
  color: #fff !important; }

.color-black {
  color: #000 !important; }

/* font-weight */
.fo-we-normal {
  font-weight: normal !important; }

.fo-we-bold {
  font-weight: bold !important; }

/* letter-spacing XDの値 */
.le-sp-50 {
  letter-spacing: 0.05em; }

.le-sp-100 {
  letter-spacing: 0.1em; }

.le-sp-150 {
  letter-spacing: 0.15em; }

.le-sp-200 {
  letter-spacing: 0.2em; }

/* -------------------------------------------------------------- */
/*  smp  */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .smp-f-left {
    float: left; }

  .smp-f-right {
    float: right; }

  .smp-f-clear {
    clear: both; }

  .width-100 {
    width: 100%; }

  .width-49 {
    width: 49%; }

  .width-50 {
    width: 50%; }

  .width-33 {
    width: 33%; }

  span.smp-br::before {
    content: "\a";
    white-space: pre; }

  /* -------------------------------------------------------------- */
  /*  20181221追記  */
  /* -------------------------------------------------------------- */
  /* display: none; */
  .smp-d-none {
    display: none; }

  /* margin */
  .smp-m-Auto {
    margin: 0 auto; }

  .smp-m-Auto-lr {
    margin-right: auto;
    margin-left: auto; }

  .smp-m-Auto-10 {
    margin: 10px auto; }

  .smp-m-Auto-20 {
    margin: 20px auto; }

  .smp-m-Auto-30 {
    margin: 30px auto; }

  .smp-m-Auto-40 {
    margin: 40px auto; }

  .smp-m-Auto-50 {
    margin: 50px auto; }

  .smp-m-Auto-0-10 {
    margin: 0 auto 10px; }

  .smp-m-Auto-0-20 {
    margin: 0 auto 20px; }

  .smp-m-Auto-0-30 {
    margin: 0 auto 30px; }

  .smp-m-Auto-0-40 {
    margin: 0 auto 40px; }

  .smp-m-Auto-0-50 {
    margin: 0 auto 50px; }

  .smp-m-L-10 {
    margin-left: 10px; }

  .smp-m-L-20 {
    margin-left: 20px; }

  .smp-m-L-30 {
    margin-left: 30px; }

  .smp-m-L-40 {
    margin-left: 40px; }

  .smp-m-L-50 {
    margin-left: 50px; }

  .smp-m-R-10 {
    margin-right: 10px; }

  .smp-m-R-20 {
    margin-right: 20px; }

  .smp-m-R-30 {
    margin-right: 30px; }

  .smp-m-R-40 {
    margin-right: 40px; }

  .smp-m-R-50 {
    margin-right: 50px; }

  .smp-m-T-10 {
    margin-top: 10px; }

  .smp-m-T-20 {
    margin-top: 20px; }

  .smp-m-T-30 {
    margin-top: 30px; }

  .smp-m-T-40 {
    margin-top: 40px; }

  .smp-m-T-50 {
    margin-top: 50px; }

  .smp-m-B-10 {
    margin-bottom: 10px; }

  .smp-m-B-20 {
    margin-bottom: 20px; }

  .smp-m-B-30 {
    margin-bottom: 30px; }

  .smp-m-B-40 {
    margin-bottom: 40px; }

  .smp-m-B-50 {
    margin-bottom: 50px; }

  /* padding */
  .smp-p-10 {
    padding: 10px; }

  .smp-p-20-10 {
    padding: 20px 10px; }

  .smp-p-L-10 {
    padding-left: 10px; }

  .smp-p-L-20 {
    padding-left: 20px; }

  .smp-p-L-30 {
    padding-left: 30px; }

  .smp-p-L-40 {
    padding-left: 40px; }

  .smp-p-L-50 {
    padding-left: 50px; }

  .smp-p-R-10 {
    padding-right: 10px; }

  .smp-p-R-20 {
    padding-right: 20px; }

  .smp-p-R-30 {
    padding-right: 30px; }

  .smp-p-R-40 {
    padding-right: 40px; }

  .smp-p-R-50 {
    padding-right: 50px; }

  .smp-p-T-10 {
    padding-top: 10px; }

  .smp-p-T-20 {
    padding-top: 20px; }

  .smp-p-T-30 {
    padding-top: 30px; }

  .smp-p-T-40 {
    padding-top: 40px; }

  .smp-p-T-50 {
    padding-top: 50px; }

  .smp-p-B-10 {
    padding-bottom: 10px; }

  .smp-p-B-20 {
    padding-bottom: 20px; }

  .smp-p-B-30 {
    padding-bottom: 30px; }

  .smp-p-B-40 {
    padding-bottom: 40px; }

  .smp-p-B-50 {
    padding-bottom: 50px; } }
/* -------------------------------------------------------------- */
/* PC */
/* -------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
  .pc-f-left {
    float: left; }

  .pc-f-right {
    float: right; }

  span.pc-br::before {
    content: "\A";
    white-space: pre; }

  /* -------------------------------------------------------------- */
  /* 20181221追記 */
  /* -------------------------------------------------------------- */
  /* display: none; */
  .pc-d-none {
    display: none; }

  /* margin */
  .pc-m-Auto {
    margin: 0 auto; }

  .pc-m-Auto-lr {
    margin-right: auto;
    margin-left: auto; }

  .pc-m-Auto-10 {
    margin: 10px auto; }

  .pc-m-Auto-20 {
    margin: 20px auto; }

  .pc-m-Auto-30 {
    margin: 30px auto; }

  .pc-m-Auto-40 {
    margin: 40px auto; }

  .pc-m-Auto-50 {
    margin: 50px auto; }

  .pc-m-Auto-0-10 {
    margin: 0 auto 10px; }

  .pc-m-Auto-0-20 {
    margin: 0 auto 20px; }

  .pc-m-Auto-0-30 {
    margin: 0 auto 30px; }

  .pc-m-Auto-0-40 {
    margin: 0 auto 40px; }

  .pc-m-Auto-0-50 {
    margin: 0 auto 50px; }

  .pc-m-L-10 {
    margin-left: 10px; }

  .pc-m-L-20 {
    margin-left: 20px; }

  .pc-m-L-30 {
    margin-left: 30px; }

  .pc-m-L-40 {
    margin-left: 40px; }

  .pc-m-L-50 {
    margin-left: 50px; }

  .pc-m-R-10 {
    margin-right: 10px; }

  .pc-m-R-20 {
    margin-right: 20px; }

  .pc-m-R-30 {
    margin-right: 30px; }

  .pc-m-R-40 {
    margin-right: 40px; }

  .pc-m-R-50 {
    margin-right: 50px; }

  .pc-m-T-10 {
    margin-top: 10px; }

  .pc-m-T-20 {
    margin-top: 20px; }

  .pc-m-T-30 {
    margin-top: 30px; }

  .pc-m-T-40 {
    margin-top: 40px; }

  .pc-m-T-50 {
    margin-top: 50px; }

  .pc-m-B-10 {
    margin-bottom: 10px; }

  .pc-m-B-20 {
    margin-bottom: 20px; }

  .pc-m-B-30 {
    margin-bottom: 30px; }

  .pc-m-B-40 {
    margin-bottom: 40px; }

  .pc-m-B-50 {
    margin-bottom: 50px; }

  /* padding */
  .pc-p-10 {
    padding: 10px; }

  .pc-p-20 {
    padding: 20px; }

  .pc-p-30 {
    padding: 30px; }

  .pc-p-L-10 {
    padding-left: 10px; }

  .pc-p-L-20 {
    padding-left: 20px; }

  .pc-p-L-30 {
    padding-left: 30px; }

  .pc-p-L-40 {
    padding-left: 40px; }

  .pc-p-L-50 {
    padding-left: 50px; }

  .pc-p-R-10 {
    padding-right: 10px; }

  .pc-p-R-20 {
    padding-right: 20px; }

  .pc-p-R-30 {
    padding-right: 30px; }

  .pc-p-R-40 {
    padding-right: 40px; }

  .pc-p-R-50 {
    padding-right: 50px; }

  .pc-p-T-10 {
    padding-top: 10px; }

  .pc-p-T-20 {
    padding-top: 20px; }

  .pc-p-T-30 {
    padding-top: 30px; }

  .pc-p-T-40 {
    padding-top: 40px; }

  .pc-p-T-50 {
    padding-top: 50px; }

  .pc-p-B-10 {
    padding-bottom: 10px; }

  .pc-p-B-20 {
    padding-bottom: 20px; }

  .pc-p-B-30 {
    padding-bottom: 30px; }

  .pc-p-B-40 {
    padding-bottom: 40px; }

  .pc-p-B-50 {
    padding-bottom: 50px; } }
/* -------------------------------------------------------------- */
/*　　*/
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/*  共通  */
/* -------------------------------------------------------------- */
.Noto {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900; }

/* -------------------------------------------------------------- */
/*  ヘッダー  */
/* -------------------------------------------------------------- */
#header-contents {
  position: relative;
  z-index: 10; }

/* -------------------------------------------------------------- */
/*  フッター  */
/* -------------------------------------------------------------- */

/*
footer .box-foot-sponsor dl dt {
  font-weight: bold; }

footer .box-foot-sponsor dl dd .list-foot-sponsor {
  font-size: 0; }
  footer .box-foot-sponsor dl dd .list-foot-sponsor li {
    display: inline-block; }
    footer .box-foot-sponsor dl dd .list-foot-sponsor li:last-child {
      margin-right: 0; }
*/

footer .copy-right {
  background: white;
  color: black; }
  footer .copy-right .list-foot-sns {
    font-size: 0; }
    footer .copy-right .list-foot-sns li {
      display: inline-block;
      vertical-align: middle;
      width: 1.6666rem;
      margin-right: .8rem; }
      footer .copy-right .list-foot-sns li:last-child {
        margin-right: 0; }

/* -------------------------------------------------------------- */
/*  smp  */
/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  /* -------------------------------------------------------------- */
  /* 共通 */
  /* -------------------------------------------------------------- */
  html {
    font-size: 4vw; }

  /* -------------------------------------------------------------- */
  /* smp Gloval Navi */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* smp Footer */
  /* -------------------------------------------------------------- */
  /*
  footer .box-foot-sponsor {
    padding: 0 5.3vw;
    margin: 5.3vw 0; }
    footer .box-foot-sponsor dl {
      margin-bottom: 8vw; }
      footer .box-foot-sponsor dl.is-last-foot {
        margin-bottom: 0 !important; }
      footer .box-foot-sponsor dl dt {
        margin-bottom: 3.2vw;
        text-align: center; }
      footer .box-foot-sponsor dl dd .list-foot-sponsor {
        font-size: 0; }
        footer .box-foot-sponsor dl dd .list-foot-sponsor li {
          display: inline-block;
          width: 48%;
          vertical-align: middle;
          margin-right: 4%; }
          footer .box-foot-sponsor dl dd .list-foot-sponsor li:last-child {
            margin-right: 0; }
  */
  footer .box-foot-sponsor .list-foot-sponsor{
    padding: 2vw;
    text-align: center;
    }
    footer .box-foot-sponsor .list-foot-sponsor li{
      display: inline-block;
      vertical-align: middle;
      width: 10rem;
      margin-right: 1rem;
    } 
  footer .copy-right {
    padding: 4vw 0;
    font-size: .8666rem; }
    footer .copy-right .list-foot-sns {
      margin-top: 2.6666vw;
      padding: 2vw;
      text-align: center;
      filter: invert(); } }
/* -------------------------------------------------------------- */
/* タブレット補正 */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* PC */
/* -------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
  html {
    font-size: 1.171875vw;
    -ms-overflow-style: none; }

  html::-webkit-scrollbar {
    display: none; }

  /* -------------------------------------------------------------- */
  /* PC Footer */
  /* -------------------------------------------------------------- */
  /*
  footer .box-foot-sponsor {
    background-color: white;
    width: 47.65625vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw; }
    footer .box-foot-sponsor dl dt {
      display: inline-block;
      vertical-align: middle;
      margin-right: 4.6875vw; }
    footer .box-foot-sponsor dl dd {
      display: inline-block;
      vertical-align: middle; }
  */
      /*
      footer .box-foot-sponsor dl dd .list-foot-sponsor {
        font-size: 0; }
        footer .box-foot-sponsor dl dd .list-foot-sponsor li {
          display: inline-block;
          width: 17.578125vw;
          vertical-align: middle;
          margin-right: 4.6875vw; }
      */
      /*
      #footer-contents .box-foot-sponsor .list-foot-sponsor li{
        list-style:none;
        display:inline-block;
        padding:10px;
        width:400px;
        height:400px;
        vertical-align:middle;
        text-align: center;

      }
      */
  footer .box-foot-sponsor .list-foot-sponsor{
    padding: 2vw;
    text-align: center;
    }
    footer .box-foot-sponsor .list-foot-sponsor li{
      display: inline-block;
      vertical-align: middle;
      width: 10rem;
      margin-right: 0.8rem;
    } 
  footer .copy-right {
    padding: 1.40625vw 0; }
    footer .copy-right .list-foot-sns {
      padding: 2vw;
      text-align: center;
      filter: invert(); } }

/* gn-01 CSS */
/*　共通　*/
/* --------------------------------------------
header
--------------------------------------------*/
#header-contents {
  width: 100%;
  transition: top 0.3s ease-in;
  -webkit-transition: top 0.3s ease-in;
  -moz-transition: top 0.3s ease-in; }
  #header-contents .area-inner {
    position: relative; }
  #header-contents #nav-global ul {
    right: 0;
    bottom: 0; }
    #header-contents #nav-global ul li a {
      color: #fff;
      font-weight: bold; }

/* --------------------------------------------
Fixed
--------------------------------------------*/
#header-contents.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  z-index: 10;
  width: 100%; }

/* --------------------------------------------
Toggle button
--------------------------------------------*/
.box-nav-toggle {
  display: none;
  position: absolute;
  right: 4vw;
  top: 3vw;
  width: 8vw;
  height: 7vw;
  cursor: pointer;
  z-index: 101; }
  .box-nav-toggle div {
    position: relative; }
    .box-nav-toggle div span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #fff;
      left: 0;
      -webkit-transition: .35s ease-in-out;
      -moz-transition: .35s ease-in-out;
      transition: .35s ease-in-out; }
    .box-nav-toggle div span:nth-child(1) {
      top: 0; }
    .box-nav-toggle div span:nth-child(2) {
      top: 3vw; }
    .box-nav-toggle div span:nth-child(3) {
      top: 6vw; }

.is-non-bg {
  background: inherit !important; }

/*　SMP　*/
@media screen and (max-width: 768px) {
  #header-contents {
    z-index: 999;
    background-color: #000000; }
    #header-contents #header-parents {
      padding-top: 1vh;
      background-color: #000; }
    #header-contents .header-logo-ttl {
      background-color: black;
      margin-left: 0.5vw;
      margin-top: -0.3vw;
      max-width: 16vw;
      max-height: 16vw;}
    #header-contents.open .box-nav-toggle {
      background-color: black;
      position: fixed !important; }
    #header-contents #nav-global {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #000;
      width: 100vw;
      max-height: 100%;
      height: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      display: none;
      z-index: 3;
      text-align: center; }
      #header-contents #nav-global .header-nav-smp-logo {
        width: 58.1333vw;
        margin: 3.2vw 0 0 2.6vw; }
      #header-contents #nav-global ul {
        position: static;
        padding-top: 60px; }
        #header-contents #nav-global ul li {
          border-bottom: #fff solid 1px; }
          #header-contents #nav-global ul li:last-child {
            border-bottom: none; }
          #header-contents #nav-global ul li a {
            width: 100%;
            display: block;
            padding: 1rem 0; }
      #header-contents #nav-global .list-sns {
        margin-top: 8vw;
        padding: 0 !important;
        font-size: 0;
        text-align: center; }
        #header-contents #nav-global .list-sns li {
          width: 10.6666vw;
          margin-right: 5.3vw;
          display: inline-block;
          border-bottom: none !important; }
          #header-contents #nav-global .list-sns li:last-child {
            margin-right: 0; }

  #header-contents.fixed {
    height: 60px; }

  #header-contents.fixed .header-contents .box-ttl, #header-contents .header-contents .box-ttl {
    position: absolute;
    left: 5.3vw;
    top: 10px;
    height: calc(60px - 20px); }

  #header-contents,
  .area-inner {
    width: 100%;
    padding: 0;
    height: 60px; }

  .box-nav-toggle {
    display: block; }

  .open .box-nav-toggle span:nth-child(1) {
    top: 3.2vw;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg); }
  .open .box-nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%; }
  .open .box-nav-toggle span:nth-child(3) {
    top: 3.2vw;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg); } }
@media print, screen and (min-width: 769px) {
  #header-contents {
    background-color: #000000; }
    #header-contents #header-parents .header-logo-ttl {
      max-width: 7vw;
      max-height: 10vh;
      object-fit: cover;
      display: inline-block;
      vertical-align: bottom;
      padding: 0.5vh 0 0 1vw; }
    #header-contents #header-parents #box-smp {
      display: inline-block;
      vertical-align: bottom;
      margin-left: 3.4375vw;}
    #header-contents #header-parents #box-smp #nav-global{
      display: block !important;}
      #header-contents #header-parents #box-smp #nav-global ul {
        font-size: 0;
        margin-left: 5vw;}
        #header-contents #header-parents #box-smp #nav-global ul li {
          display: inline-block;
          padding: 1.5vh 4vw;}
          #header-contents #header-parents #box-smp #nav-global ul li:last-child {
            border-right: none; }
          #header-contents #header-parents #box-smp #nav-global ul li a {
            font-size: .8666rem;
            line-height: 1.6; }}
      #header-contents #header-parents #box-smp #nav-global .language{
        display: inline-block;
      }
main #area-main .box-midashi-main {
  color: #fff; }
  main #area-main .box-midashi-main h2 {
    letter-spacing: .15em; }
main #area-main .list-sns {
  font-size: 0; }
  main #area-main .list-sns li {
    display: inline-block; }
main .bg-solid-upstairs {
  background: url("../img/top-deco-01.svg") no-repeat bottom left;
  background-size: 100% auto;
  position: absolute;
  width: 100%;
  z-index: -1; }
main .bg-solid-downstairs {
  background: url("../img/top-deco-02.svg") no-repeat top left;
  background-size: 100% auto;
  position: absolute;
  width: 100%;
  z-index: -1; }
main #area-city {
  z-index: 1; }
  main #area-city .box-city-ttl {
    color: #fff; }
    main #area-city .box-city-ttl p {
      padding: 0 5.3vw;
      letter-spacing: .15em; }
  main #area-city .box-xr-city .box-contents-city .box-contents-city-inner p {
    color: #fff; }
main #area-collection {
  z-index: 1; }
  main #area-collection .box-contents-collection-left {
    color: #fff; }
  main #area-collection .box-collection-attend {
    border: #00FFFF solid 3px; }
    main #area-collection .box-collection-attend h3 {
      color: #00FFFF;
      text-align: center; }
    main #area-collection .box-collection-attend .list-collection-attend {
      font-size: 0;
      text-align: center; }
      main #area-collection .box-collection-attend .list-collection-attend li {
        display: inline-block; }
        main #area-collection .box-collection-attend .list-collection-attend li p {
          color: #fff; }
          main #area-collection .box-collection-attend .list-collection-attend li p .txt-collection-bg {
            background: #fff;
            color: #000;
            font-weight: bold;
            display: block; }
main #area-museum {
  z-index: 1; }
  main #area-museum .box-contents-museum .box-contents-museum-right {
    color: #fff; }
  main #area-museum .box-museum-attend {
    border: #00FFFF solid 3px; }
    main #area-museum .box-museum-attend h3 {
      color: #00FFFF;
      text-align: center; }
    main #area-museum .box-museum-attend .list-museum-attend {
      font-size: 0;
      text-align: center; }
      main #area-museum .box-museum-attend .list-museum-attend li {
        display: inline-block; }
        main #area-museum .box-museum-attend .list-museum-attend li p {
          color: #fff; }
          main #area-museum .box-museum-attend .list-museum-attend li p .txt-collection-bg {
            background: #fff;
            color: #000;
            font-weight: bold; }
main #area-how-to {
  background: transparent linear-gradient(180deg, var(--unnamed-color-000000) 0%, #132253 0%, #010206 19%, var(--unnamed-color-000000) 45%, #132253 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #000000 0%, #132253 0%, #010206 19%, #000000 45%, #132253 100%) 0% 0% no-repeat padding-box;}
  main #area-how-to .bg-how-to-top {
    background: url("../img/top-deco-03.svg") no-repeat top center;
    background-size: 100% auto;
    width: 100%; }
  main #area-how-to .bg-how-to-bottom {
    background: url("../img/top-deco-04.svg") no-repeat bottom center;
    background-size: 100% auto;
    width: 100%; }
  main #area-how-to .box-how-to-parents .box-how-to-ttl {
    color: #fff; }
  main #area-how-to .box-how-to-parents .box-how-to-specific {
    background: #ABF0F4; }
  main #area-how-to .box-how-to-parents .box-how-to-home {
    background: #FCBBFF; }
    main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-explanation .txt-how-to-explanation-ttl.is-01::before {
      color: #DB6AE0 !important; }
    main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-explanation .txt-how-to-explanation-ttl.is-02::before {
      color: #DB6AE0 !important; }
    main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-explanation .txt-how-to-explanation-ttl.is-03::before {
      color: #DB6AE0 !important; }
  main #area-how-to .box-how-to-parents .box-how-to-inner-dummy {
    background: #353E80; }
  main #area-how-to .box-how-to-parents .box-how-to-inner {
    background: #fff; }
    main #area-how-to .box-how-to-parents .box-how-to-inner dl dt {
      color: #20A9B1;
      letter-spacing: .1em;
      text-align: center; }
    main #area-how-to .box-how-to-parents .box-how-to-inner .txt-cap {
      color: #20A9B1;
      text-align: left; }
    main #area-how-to .box-how-to-parents .box-how-to-inner .txt-normal {
      text-align: left; }
    main #area-how-to .box-how-to-parents .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl {
      letter-spacing: .1em;
      text-align: left;
      position: relative; }
      main #area-how-to .box-how-to-parents .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl.is-01::before {
        content: "STEP1";
        color: #20A9B1;
        font-weight: bold;
        letter-spacing: .1em;
        position: absolute;
        top: 0;
        left: 0; }
      main #area-how-to .box-how-to-parents .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl.is-02::before {
        content: "STEP2";
        color: #20A9B1;
        font-weight: bold;
        letter-spacing: .1em;
        position: absolute;
        top: 0;
        left: 0; }
      main #area-how-to .box-how-to-parents .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl.is-03::before {
        content: "STEP3";
        color: #20A9B1;
        font-weight: bold;
        letter-spacing: .1em;
        position: absolute;
        top: 0;
        left: 0; }
    main #area-how-to .box-how-to-parents .box-how-to-inner .list-how-to-explanation li a {
      color: #fff;
      background: #000;
      line-height: 1;
      font-weight: bold; }
  main #area-how-to .box-outline-parents {
    border-color: #F6C58C;
    border-style: solid;
    color: #fff;
    padding: 3.125vw 3.90625vw; }
    main #area-how-to .box-outline-parents .box-outline-ttl {
      text-align: center; }
      /*
    main #area-how-to .box-outline-parents .box-outline-table dl {
     border-bottom: #F6C58C solid 1px; }
     */
      main #area-how-to .box-outline-parents .box-outline-table dl.is-none-border {
        border: none !important; }
      main #area-how-to .box-outline-parents .box-outline-table dl dt {
        font-weight: bold; }
  main #area-how-to .box-site-parents .box-outline-ttl {
    text-align: center;
    color: #fff; }
  main #area-how-to .box-detail-xr p {
    color: #fff; }
main .link-xr {
  background: black;
  line-height: 1;
  color: white;
  font-weight: bold;
  text-align: center; }
main #area-news .box-news-ttl {
  padding-top: 5vh;
  text-align: center;
  color: #fff; }
main #area-news .list-news-slider li article {
  background: #fff; }
  main #area-news .list-news-slider li article h1 {
    font-weight: bold;
    margin-bottom: .5em;
    line-height: 1.5; }
  main #area-news .list-news-slider li article p {
    margin-bottom: .6666rem; }
  main #area-news .list-news-slider li article .box-article-img {
    margin: 1.3333rem 0; }
main #area-news .list-news-slider .slick-prev {
  background: url("../img/news-img-01.svg") no-repeat center left !important;
  background-size: 100% auto;
  z-index: 1; }
  main #area-news .list-news-slider .slick-prev::before {
    content: none; }
main #area-news .list-news-slider .slick-next {
  background: url("../img/news-img-02.svg") no-repeat center right !important;
  background-size: 100% auto;
  z-index: 1; }
  main #area-news .list-news-slider .slick-next::before {
    content: none; }
main #area-news .icn-mail {
  background: url("../img/news-icon-01.svg") no-repeat left center;
  background-size: 2.1333rem auto;
  padding-left: 2em; }
main #area-xr-bnr {
  background: #fff; }
main .link-tsukumokami {
  background: black;
  line-height: 2;
  color: white;
  font-weight: bold;
  text-align: center; }
main .Noto {
  line-height: 1.5; }

/* -------------------------------------------------------------- */
/*  共通  */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/*  smp  */
/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #back-to-top{
    display: none;}
  #back-to-top .circle{
    display: none;}
  #back-to-top .circle a{
    display: none;}
  .box-bg-movie {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 1vh;
    overflow: hidden;
    padding-top: 11vw;
    z-index: 1; }
    .box-bg-movie video {
      top: 50%;
      left: 50%;
      display: block;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      transform: translate(-50%, 0%); }

  main {
    color: #000;}
    main #area-main {
      background-color: black; }
      main #area-main h1.box-logo-main {
        padding: 0 5.3vw;
        margin-left: auto;
        margin-right: auto; }
      main #area-main .box-date-main {
        margin-top: -15vw;
        width: 62.5vw;
        margin-bottom: 5.3125vw;
        margin-left: auto;
        margin-right: auto;}
      main #area-main .box-date-main .company-info{
        color: white;
        margin-top: -15vw;
        text-align: center;
        margin-left: auto;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.1rem; }
      main #area-main .day-info {
        font-size: 0.65rem;
        color:white;
        text-align: center; }
        main #area-main .day-info .day-title{
          font-size: 1rem;
          color: #F6C58C;
          font-weight:bold;}
      main #area-main .box-midashi-main {
        padding: 0 5.3vw;
        margin-top: 5vw;
        word-wrap: break-word;
        text-align: center;
        text-align: justify;}
      main #area-main .link-experience{
        text-align: center;
      }
        main #area-main .link-experience a{
          background: #b94047;
          border-radius:1.5rem;
          font-weight: bold;
          font-size: 0.8rem;
          margin: 5vw auto;
          width: 75%;
          padding-top: 1vw;
          padding-bottom: 1vw;
          color: white;
        }
      main #area-main .list-sns {
        background: black;
        margin-top: 10.6666vw;
        text-align: center;
        margin-bottom: 5vw; }
        main #area-main .list-sns li {
          width: 6vw;
          margin-right: 5.3vw;
          padding-bottom: 10vh;}
          main #area-main .list-sns li:last-child {
            margin-right: 0; }
    main .bg-solid-upstairs, main .bg-solid-downstairs {
      height: 26.171875vw; }
    main #how-tsukumo {
      background-color: white;
      color: black; }
    main #how-tsukumo .daruma01-pc {
      display: none; }
    main #how-tsukumo .daruma01-smp {
      margin-top: 5vh;
      margin-left: auto;
      margin-right: auto;
      width: calc(45vw - 5.3vw);
      height: calc(45vw - 10.3vw);}
    main #how-tsukumo .daruma01-smp p{
        margin: -8em 2em; 
        font-weight: bold;
        white-space: nowrap;
        font-size: 0.8rem;
        text-align: center;}
    main #how-tsukumo .how-tsukumo-info{
      margin-top: 5vh;
      padding-bottom: 3vh;
      margin-left: 5vw;
      font-weight: bold;
      font-size: 0.8rem;
      text-align: justify;}
      main #area-creator {
        padding-top: 10vw;
          background: transparent linear-gradient(0deg, #1B1464 0%, var(--unnamed-color-0071ad) 100%) 0% 0% no-repeat padding-box;
          background: transparent linear-gradient(0deg, #1B1464 0%, #0071AD 100%) 0% 0% no-repeat padding-box;
      }
      main #area-creator .box-creator {
        position: absolute;
        margin: -3em 14em;
        font-weight: bold;
        width: calc(40vw - 5.3vw);
        height: calc(40vw - 10.3vw);
      }
      main #area-creator .box-creator p{
        margin: -9.5em 3em; 
        color: black;
        font-weight: bold;
        white-space: nowrap;
        font-size: 0.6rem;
        text-align: justify;
      }
      main #area-creator .box-creator p font{
        font-weight: bold;
      }
        main #area-creator .box-image-back {
          margin-top: 10vh;
        }
        main #area-creator .box-image {
          /*margin-left: 5vw;*/
          height: auto;
          /*width: 100vw;*/
          width: auto;
        }
        main #area-creator .box-oldhome {
           margin-left: 50vw;
        }
        main #area-creator .box-outline-parents {
          width: 80vw;
          margin-left: 10vw;
          border-color: #299CD3;
          border-style: solid;
          border-width: 1px;
        }
          main #area-creator .box-special {
          width: 74vw;
          height: auto;
          margin: 0 auto;
        }
          main #area-creator .box-creator-title {
              /*margin-left: 17vw;*/
              margin-top: 5vw;
              text-align: center;
            }
          main #area-creator .box-creator-name {
              /*margin-left: 32vw;*/
              margin-top: 0vw;
              text-align: center;
            }
          main #area-creator .box-creator-face {
              width: 60vw;
              /*margin-left: 20vw;*/
              margin: 2vw auto;
            }
          main #area-creator .box-creator-prof {
              width: 89vw;
              margin-left: 6vw;
              margin-top: 17.5vw;
            }
          main #area-creator .box-creator-back {
              width: 80vw;
              background-color: #000;
              margin-left: 15vw;
              margin-top: 5vw;
              text-align: center;
            }
    main #area-collection {
      margin-top: 19.21875vw; }
      main #area-collection .box-collection-parents {
        padding: 0 5.3vw; }
      main #area-collection .bg-solid-downstairs {
        top: -16vw;
        right: 0; }
      main #area-collection .box-collection-ttl .box-powerdd-by {
        width: 34.866666vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4vw;
        margin-bottom: 4vw; }
      main #area-collection .box-contents-collection .box-contents-collection-right {
        margin-bottom: 5.3vw;
        width: calc(100vw - 5.3vw); }
      main #area-collection .box-collection-attend {
        margin-top: 10vw;
        width: calc(100vw - 10.6666vw);
        margin-left: auto;
        margin-right: auto; }
        main #area-collection .box-collection-attend h3 {
          font-size: 1.3333rem;
          margin-top: 5.3vw; }
        main #area-collection .box-collection-attend .list-collection-attend {
          padding: 8vw 5.3vw; }
          main #area-collection .box-collection-attend .list-collection-attend li {
            width: 44%;
            vertical-align: top;
            margin: 0 3% 6.4vw 3%;
            line-height: 1.6; }
            main #area-collection .box-collection-attend .list-collection-attend li .txt-collection-bg {
              margin: 2.6vw 0; }
            main #area-collection .box-collection-attend .list-collection-attend li p {
              font-size: 1rem; }
              main #area-collection .box-collection-attend .list-collection-attend li p .txt-name {
                font-size: 1.3333rem; }

                /* PC非表示用 */
                main #area-collection .box0 {
                  display: none;
                }
                main #area-collection .box0-1 {
                  display: none;
                }
                main #area-collection .box1 {
                  display: none;
                }
                main #area-collection .box2 {
                  display: none;
                }
                main #area-collection .box3 {
                  display: none;
                }
                main #area-collection .box4 {
                  display: none;
                }
                main #area-collection .box5 {
                  display: none;
                }
                main #area-collection .box6 {
                  display: none;
                }
                main #area-collection .box7 {
                  display: none;
                }
                /* SP表示用 */
                main #area-collection .box0-sp {
                  position: absolute;
                  margin: -7.5em 5.6em;
                  width: calc(45vw - 5.3vw);
                  height: calc(45vw - 10.3vw);
                  padding-bottom: 5vh;
                  min-width: 12.3vw;
                  min-height: 12.3vw;
                }
                main #area-collection .box0-sp p {
                  font-size: 0.6rem;
                  font-weight: bold;
                  white-space: nowrap;
                  margin: -6.5em 8.2em;
                }
                main #area-collection .box0-sp img {
                  object-fit: contain;
                  width: calc(55vw - 5.3vw);
                  height: 80%;
                }
                main #area-collection .box0-1-sp {
                  position: absolute;
                  padding: 0em 2em;
                  margin: -1.3em 2em;
                  font-weight: bold;
                  width: calc(85vw - 5.3vw);
                }
                main #area-collection .box0-1-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.4rem;
                }
                main #area-collection .box1-sp {
                  position: absolute;
                  object-fit: contain;
                  padding: 0.1em 0.1em;
                  margin: 1.5em 8em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box1-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box1-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box1-sp img {
                  object-fit: contain;
                  width: calc(14vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box1-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.2vw;
                  width: 100%;
                }
                main #area-collection .box1-sp #popup1-sp {
                  display: none;
                }
                main #area-collection .box1-sp .overlay {
                  display: none;
                }
                main #area-collection .box1-sp #popup1-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box1-sp .osd {
                  position: absolute;
                  object-fit: contain;
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box1-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box1-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box1-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box1-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 55vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box1-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box1-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box1-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box1-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box2-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 1.5em 14em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box2-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box2-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box2-sp img {
                  object-fit: contain;
                  width: calc(14vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box2-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.2vw;
                  width: 100%;
                }
                main #area-collection .box2-sp #popup2-sp {
                  display: none;
                }
                main #area-collection .box2-sp .overlay {
                  display: none;
                }
                main #area-collection .box2-sp #popup2-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box2-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box2-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box2-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box2-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 53vh;
                }
                main #area-collection .box2-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 60vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box2-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box2-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box2-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box2-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box3-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 11em 4.3em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box3-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box3-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box3-sp img {
                  object-fit: contain;
                  width: calc(14vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box3-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.5vh;
                  width: 100%;
                }
                main #area-collection .box3-sp #popup3-sp {
                  display: none;
                }
                main #area-collection .box3-sp .overlay {
                  display: none;
                }
                main #area-collection .box3-sp #popup3-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box3-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box3-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box3-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box3-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box3-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 55vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box3-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box3-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box3-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box3-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box4-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 11em 10.2em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box4-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box4-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box4-sp img {
                  object-fit: contain;
                  width: calc(12vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box4-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.5vh;
                  width: 100%;
                }
                main #area-collection .box4-sp #popup4-sp {
                  display: none;
                }
                main #area-collection .box4-sp .overlay {
                  display: none;
                }
                main #area-collection .box4-sp #popup4-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box4-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box4-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box4-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box4-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box4-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 55vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box4-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box4-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box4-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box4-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box5-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 11em 16.1em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box5-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box5-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box5-sp img {
                  object-fit: contain;
                  width: calc(14vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box5-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.5vh;
                  width: 100%;
                }
                main #area-collection .box5-sp #popup5-sp {
                  display: none;
                }
                main #area-collection .box5-sp .overlay {
                  display: none;
                }
                main #area-collection .box5-sp #popup5-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box5-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box5-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box5-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box5-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box5-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 50vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box5-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box5-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box5-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box5-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box6-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 20.5em 8em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box6-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box6-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box6-sp img {
                  object-fit: contain;
                  width: 140px;
                  width: calc(18vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box6-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.5vh;
                  width: 100%;
                }
                main #area-collection .box6-sp #popup6-sp {
                  display: none;
                }
                main #area-collection .box6-sp .overlay {
                  display: none;
                }
                main #area-collection .box6-sp #popup6-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box6-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box6-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box6-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box6-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box6-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 55vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box6-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;}
                  main #area-collection .box6-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box6-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box6-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .box7-sp {
                  position: absolute;
                  padding: 0.1em 0.1em;
                  margin: 20.5em 14em;
                  font-weight: bold;
                  background-color: rgba(255,255,255,0.7);
                  border: solid 1px #000000;
                  width: calc(25vw - 5.3vw);
                  height: calc(37.5vw - 5.3vw);                
                }
                main #area-collection .box7-sp p {
                  margin: 0; 
                  padding: 0;
                  font-size: 0.3rem;
                }
                main #area-collection .box7-sp .city {
                  background-color: #0071AD;
                  color: white;
                  border: solid 1px black;
                  line-height:1;
                  width: 12vw;
                  padding-top: 0.4vw;
                  padding-bottom: 0.4vw;
                  font-weight: bold;
                  text-align: center;
                  margin-top: -2vw;
                  margin-left: -8vw;
                }
                main #area-collection .box7-sp img {
                  object-fit: contain;
                  width: calc(14vw - 5.3vw);
                  height: 45%;
                  margin-top: 1vw;
                }
                main #area-collection .box7-sp .tlink {
                  position: absolute;
                  color: #0071AD;
                  margin: 0;
                  bottom: 0.5vh;
                  width: 100%;
                }
                main #area-collection .box7-sp #popup7-sp {
                  display: none;
                }
                main #area-collection .box7-sp .overlay {
                  display: none;
                }
                main #area-collection .box7-sp #popup7-sp:checked + .overlay {
                  display: block;
                  z-index: 9999;
                  background-color: #00000070;
                  position: fixed;
                  width: 100%;
                  height: 100vh;
                  top: 0;
                  left: 0;
                }
                main #area-collection .box7-sp .osd {
                  border: solid 2px black;
                  width: 90vw;
                  height: 80vh;
                  background-color: #ffffff;
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  position: fixed;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                }
                main #area-collection .box7-sp .osd img {
                  object-fit: contain;
                  cursor: pointer;
                  width: calc(50vw - 5.3vw);
                  margin-top: 2vh;
                  height: 45%;
                }
                main #area-collection .box7-sp .osd .title {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font-size: 1.1rem;
                  margin-top: 40vh;
                  font: bold;
                }
                main #area-collection .box7-sp .osd .store {
                  color: #0071AD;
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  font:bold;
                  font-size: 0.7rem;
                  margin-top: 45vh;
                }
                main #area-collection .box7-sp .osd .description {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 50vh;
                  font-size: 0.5rem;
                }
                main #area-collection .box7-sp .osd .list-osd-sns {
                  position: absolute;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 6.5vh;}
                  main #area-collection .box7-sp .osd .list-osd-sns li {
                    margin-top: 65vh;
                    display: inline-block;
                    filter: invert(); }
                    main #area-collection .box7-sp .osd .list-osd-sns a {
                      text-align: center;
                      font-size: 3vw;
                      font-weight: bold;
                      display: inline-block;
                      color: white;}
                      /*filter: invert();で反転させているため、文字色も反転*/
                main #area-collection .box7-sp .osd .close {
                  background-color: #0071AD;
                  border: solid 2px black;
                  color: white;
                  cursor:pointer;
                  position: absolute;
                  position:fixed;
                  top: 0px;
                  right: 0px;
                  width: 10vw;
                  height: 10vw;
                  font-size: 6vw;
                }
                main #area-collection .row-1st {
                  position: relative;                
                  max-width: 100%;
                  height: auto;
                  display: block;
                  margin: 0 auto;            
                }
      main #area-collection .link-tsukumokami {
        width: calc(100vw - 40vw);
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
       }

    main #area-museum {
      margin-top: 36vw; }
      main #area-museum .bg-solid-upstairs {
        left: 0;
        top: -28vw; }
      main #area-museum .box-museum-ttl {
        width: 81.6vw;
        margin-left: 5.3vw; }
        main #area-museum .box-museum-ttl .box-powerd-by {
          width: 34.866666vw;
          margin: 4vw auto; }
      main #area-museum .box-contents-museum {
        padding: 0 5.3vw; }
        main #area-museum .box-contents-museum .box-contents-collection-left {
          width: calc(100vw - 5.3vw);
          position: relative;
          left: -5.3vw; }
        main #area-museum .box-contents-museum .box-contents-museum-right {
          margin-top: 5.3vw; }
      main #area-museum .box-museum-attend {
        margin-top: 10vw;
        width: calc(100vw - 10.6666vw);
        margin-left: auto;
        margin-right: auto; }
        main #area-museum .box-museum-attend h3 {
          font-size: 1.3333rem;
          margin-top: 5.3vw; }
        main #area-museum .box-museum-attend .list-museum-attend {
          padding: 8vw 5.3vw; }
          main #area-museum .box-museum-attend .list-museum-attend li {
            width: 48%;
            vertical-align: top;
            margin: 0 1% 6.4vw 1%;
            line-height: 1.6; }
            main #area-museum .box-museum-attend .list-museum-attend li p {
              font-size: 1rem; }
              main #area-museum .box-museum-attend .list-museum-attend li p .txt-name {
                font-size: 1.3333rem; }
    main #area-how-to {
      padding-top: 5vh;
      margin-top: 11.71875vw;
      padding-bottom: 15vw; }
      main #area-how-to .bg-how-to-top {
        top: 0;
        left: 0;
        height: 11.71875vw; }
      main #area-how-to .bg-how-to-bottom {
        bottom: 0;
        left: 0;
        height: 11.71875vw; }
      main #area-how-to .box-how-to-home {
        margin-top: 16vw; }
      main #area-how-to .box-how-to-parents {
        padding-top: 15.625vw; }
        main #area-how-to .box-how-to-parents .box-how-to-ttl {
          margin-top: -10vh;
          margin-bottom: 5.3vw; }
          main #area-how-to .box-how-to-parents .box-how-to-ttl h2 {
            font-size: 2.6666rem; }
          main #area-how-to .box-how-to-parents .box-how-to-ttl p {
            font-size: 1.3333rem; }
          main #area-how-to .box-how-to-parents .box-how-to-home{
            background-color: #353E80;
            margin-top: 7.8125vw; 
          }
        main #area-how-to .box-how-to-parents .box-how-to-specific, main #area-how-to .box-how-to-parents .box-how-to-home {
          padding: 5.3vw; }
          main #area-how-to .box-how-to-parents .box-how-to-specific h3, main #area-how-to .box-how-to-parents .box-how-to-home h3 {
            font-size: 1.6666rem;
            margin-bottom: 5.3vw; }
          main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner-dummy, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner-dummy {
            padding: 2vw; }
          main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner {
            font-size: 0.7rem;           
            padding: 5.3vw; }

          main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner p span::after{
            content: "\A";
            white-space: pre;
          }
            
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner dl:first-child, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner dl:first-child {
              margin-bottom: 5.3vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner dl dt, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner dl dt {
              font-size: 1rem;
              /*border-bottom: #20A9B1 solid 2px;*/
              margin-bottom: 5.3vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .txt-cap, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .txt-cap {
              margin-top: 2.6vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .box-how-to-explanation, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation {
              margin-bottom: 5.3vw; }
              main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl {
                font-size: 1.3333rem;
                color: #353E80;
                padding-top: 0.6em;
                margin-bottom: 2.6666vw; }
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl span{
                  font-weight: 700;}
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl span::after{
                  content: "\A";
                  white-space: pre;}
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation img{
                width: 40vw;
              }
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-normal{
                font-size: 0.6rem;
              }
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-normal span::after{
                  content: "\A";
                  white-space: pre;
                }
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-step{
                color:#353E80;
                text-align: left;
                font-weight: bold;
                font-size: 0.8rem;
              }

              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold{
                font-weight: 900;
                font-size: 0.7rem;
                text-align: left;
              }
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold span::after{
                  content: "\A";
                  white-space: pre;
                }
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold span{
                  font-weight: 700;
                }
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-method{
                font-weight: bold;
                text-align: center;
                font-size: 0.7rem;
                padding-bottom: 5vw;
                padding-top: 3vw;
              }
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .img-method{
                width: 70vw;
              }
              main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation a{
                background: #b94047;
                color: white;
                border-radius:1.5rem;
                font-weight: bold;
                font-size: 1rem;
                margin: 5vw auto;
                width: 50%;
                padding-top: 1vw;
                padding-bottom: 1vw;
              }          
            main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation {
            margin-bottom: 12vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation li, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation li {
              margin-bottom: 5.3vw; }
              main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation li a, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation li a {
                padding: 5.3vw 0; }
      main #area-how-to .is-how-to-img-specific {
        background: url("../img/ar-img-01_sp.png") no-repeat bottom center;
        background-size: 85% auto;
        padding-bottom: 225vw; }
      main #area-how-to .is-how-to-img-home {
        background: url("../img/vr-img-01_sp.png") no-repeat bottom center;
        background-size: 85% auto;
        padding-bottom: 225vw; }
      main #area-how-to .is-outline-second {
        margin-top: -2px !important; }
      main #area-how-to .box-outline-parents {
        margin-top: 10vw;
        border-width: 2px;
        width: calc(100vw - 10.6666vw);
        margin-left: auto;
        margin-right: auto; }
        main #area-how-to .box-outline-parents .box-outline-ttl {
          margin-bottom: 5.3vw; }
          main #area-how-to .box-outline-parents .box-outline-ttl p {
            font-size: 2.6666rem; }
          main #area-how-to .box-outline-parents .box-outline-ttl h4 {
            font-size: 1.3333rem;
            line-height: 1; }
        main #area-how-to .box-outline-parents .box-outline-table dl {
          font-size: 0.65rem;
          text-align: left;
          padding: .8rem 0; }
          main #area-how-to .box-outline-parents .box-outline-table dl dd p{
            font-size: 0.6rem;
          }
          main #area-how-to .box-outline-parents .box-outline-table dl dd p span::after{
            content: "\A";
            white-space: pre;
          }
          main #area-how-to .box-outline-parents .box-outline-table dl dd span::after{
            content: "\A";
            white-space: pre;
          }
        main #area-how-to .box-outlline-parents .box-outeline-table dl dd span::after{
          content:"\A";
          white-space: pre;
        }
      main #area-how-to .box-site-parents {
        margin-top: 10vw;
        padding: 0 5.3vw; }
        main #area-how-to .box-site-parents .box-outline-ttl {
          margin-bottom: 5.3vw; }
          main #area-how-to .box-site-parents .box-outline-ttl p {
            font-size: 2.6666rem; }
          main #area-how-to .box-site-parents .box-outline-ttl h4 {
            font-size: 1.3333rem;
            line-height: 1.5; }
        main #area-how-to .box-site-parents .link-xr {
          width: calc(100vw - 10.6666vw);
          margin-left: auto;
          margin-right: auto; }
      main #area-how-to .box-detail-xr .txt-detail-xr {
        text-align: center;
        margin: 15vw 0 20vw; }
        main #area-how-to .box-detail-xr .txt-detail-xr p {
          font-size: 1.3333rem;
          letter-spacing: .5vw; }
          main #area-how-to .box-detail-xr .txt-detail-xr p span {
            display: none; }
      main #area-how-to .box-detail-xr .txt-detail-xr::after {
        content: "";
        position: absolute;
        background-image: url("../img/banner-img-02_sp.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 3.73vw;
        height: 7.46vw;
        top: 23vw;
        left: 47vw; }
      main #area-how-to .box-detail-xr .img-detail-xr {
        width: 74.6666vw;
        margin: 0 auto; }
    main #area-news {
      padding-bottom: 12.5vw; }
      main #area-news .icn-mail {
        background-size: 2rem auto !important; }
      main #area-news .box-news-ttl {
        margin-bottom: 5.3vw; }
        main #area-news .box-news-ttl p {
          color: black;
          font-size: 2.6666rem; }
        main #area-news .box-news-ttl h4 {
          color: black;
          font-size: 1.3333rem;
          line-height: 1; }
      main #area-news .list-news-slider {
        width: 74.6666vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8vw;
        border: 3px solid black; }
        main #area-news .list-news-slider li article {
          height: 90.6666vw;
          overflow-y: auto;
          padding: 5.3vw; }
          main #area-news .list-news-slider li article h1 {
            font-size: 1.2rem; }
        main #area-news .list-news-slider .slick-prev {
          width: 8vw !important;
          height: 9.0666vw !important;
          left: -10.6vw !important;
          background-size: 8vw auto !important; }
        main #area-news .list-news-slider .slick-next {
          width: 8vw !important;
          height: 9.0666vw !important;
          right: -10.6vw !important;
          background-size: 8vw auto !important; }
      main #area-news .link-xr {
        width: calc(100vw - 10.6666vw);
        margin-left: auto;
        margin-right: auto; }
      main #area-xr-bnr {
        padding: 10.6666vw 0; }
        main #area-xr-bnr .btn-xr-bnr {
          width: 74.6666vw;
          margin-left: auto;
          margin-right: auto; }
      main .link-xr {
        margin-top: 13.3333vw;
        padding: 5.3vw 0;
        font-size: 1.2rem !important; }
      main #area-news .link-tsukumokami {
        width: calc(100vw - 20vw);
        margin-left: auto;
        margin-right: auto; }
    main #area-xr-bnr {
      padding: 10.6666vw 0; }
      main #area-xr-bnr .btn-xr-bnr {
        width: 74.6666vw;
        margin-left: auto;
        margin-right: auto; }
    main .link-tsukumokami {
      margin-top: 13.3333vw;
      padding: 4.3vw 0;
      font-size: 0.6rem !important; }}
/* -------------------------------------------------------------- */
/* PC */
/* -------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
  #back-to-top{
    position:fixed;
    right:10px;
    bottom:50px;
    color:#000;
    width: 3vw;
    height: 6vh;
    z-index:2;
    display:none;}
  #back-to-top .circle{
    object-fit: contain;
    background:#CCC;
    display:block;
    width: 3vw;
    height: 3vw;
    border-radius:1.5rem;
    position:absolute;
    text-decoration:none;
    padding-top:12px;}
  #back-to-top .circle a{
    color:#111;
    position:absolute;
    top: 0.8vw;
    text-align: center;
    font-size: 0.8em;}
    /*
  #jump-to-event{
    position:fixed;
    right:20px;bottom:100px;
    color:#000;
    width:120px;
    height:120px;
    z-index:2;
    display:none;}
  #jump-to-event a{
    display:block;
    width:120px;
    height:120px;
    border-radius:100px;
    background:url(../img/event_announcement.png) no-repeat bottom center;
    background-size: 100% auto;}
    */

  .box-bg-movie {
    position: absolute;
    width: 100%;
    z-index: -1;
    padding-top: 4vw;
    height: 60.25vw;
    overflow: hidden; }
    .box-bg-movie video {
      width: 100%; }

  main {
    color: #000;}
    main #area-main {
      background: black;}
    main #area-main h1.box-logo-main {
      background: black;
      width: 54.6875vw;
      margin-left: auto;
      margin-right: auto; }
    main #area-main .box-date-main {
      width: 62.5vw;
      max-width: 600;
      max-height: 600;
      margin-left: auto;
      margin-right: auto;
      margin-top: -15vw;
      margin-bottom: 5.3125vw; }
      main #area-main .box-date-main .company-info{
        color: white;
        margin-top: -15vw;
        text-align: center;
        margin-left: auto;
        margin-left: auto;
        margin-right: auto; }  
    main #area-main .day-info {
      color:white;
      text-align: center;}
      main #area-main .day-info .day-title{
        font-size: 3rem;
        color: #F6C58C;
        font-weight:bold;}
    main #area-main .box-midashi-main {
      width: 52.3vw;
      margin-top: 5vw;
      word-wrap: break-word;
      text-align: center;
      text-align: justify;
      margin-left: auto;
      margin-right: auto; }
      main #area-main .box-midashi-main h2 {
        font-size: 2rem; }
      main #area-main .box-midashi-main p {
        font-size: 1.2rem; }
      main #area-main .link-experience{
        text-align: center;
        margin-top: 3vw;
      }
        main #area-main .link-experience a{
          background: #b94047;
          border-radius:1.5rem;
          font-weight: bold;
          font-size: 1.1rem;
          margin-left: 1vw;
          width: 27%;
          padding-top: 1vw;
          padding-bottom: 1vw;
          color: white;
          display: inline-block;
        }
    main #area-main .list-sns {
      background: black;
      margin-top: 10.46875vw;
      text-align: center;
      margin-bottom: 5vw; }
      main #area-main .list-sns li {
        background: black;
        width: 3.125vw;
        margin-right: 1.5625vw;
        margin-bottom: 5vw;}
        main #area-main .list-sns li:last-child {
          background: black;
          margin-right: 0; }
    main .bg-solid-upstairs, main .bg-solid-downstairs {
      height: 26.171875vw; }
    main #how-tsukumo {
        background-color: white; }
      main #how-tsukumo .daruma01-smp {
        display: none; }
      main #how-tsukumo .daruma01-pc{
        margin-left: 18vw;
        margin-top: -5vh;
        width: calc(25vw - 5.3vw);
        height: calc(30vw - 10.3vw); }
        main #how-tsukumo .daruma01-pc p{
          margin: -8.3em 2.5em; 
          color: black;
          font-weight: bold;
          white-space: nowrap;
          font-size: 1.3rem;
          text-align: center;}
      main #how-tsukumo .how-tsukumo-info{
        color: black;
        font-weight: bold;
        margin-top: -14vh;
        margin-left: 40vw;
        font-size: 1.2rem;
        margin-bottom: 10vh;}
    main #area-creator {
      padding-top: 1vh;
      background: transparent linear-gradient(0deg, #1B1464 0%, var(--unnamed-color-0071ad) 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(0deg, #1B1464 0%, #0071AD 100%) 0% 0% no-repeat padding-box;
    }

    main #area-creator .box-creator {
      position: absolute;
      padding: 0.5em 0.5em;
      margin: -3em 45em;
      font-weight: bold;
      width: calc(25vw - 5.3vw);
      height: calc(30vw - 10.3vw);
    }
    main #area-creator .box-creator p{
      margin: -7.2em 3em; 
      color: black;
      font-weight: bold;
      white-space: nowrap;
      font-size: 1.6rem;
      text-align: justify;
    }

    main #area-creator .box-creator .box0 p{
      margin: -10em 3em;
      font-size: 1rem;
      text-align: center;
    }
    main #area-creator .box-creator .box0 p font{
      font-weight: bold;}

    main #area-creator .box-image-back {
        margin-top: 1vw;
    }
    main #area-creator .box-image {
        margin-left: 10vw;
        height: auto;
        width: 50vw;
      }
    main #area-creator .box-oldhome {
        margin-left: 50vw;
      }
    main #area-creator .box-outline-parents {
        width: 60vw;
        margin-left: 20vw;
        border-color: #299CD3;
        border-style: solid;
        border-width: 1px;
      }
    main #area-creator .box-special {
        width: 54vw;
        height: auto;
        margin: 0 auto;
       }
    main #area-creator .box-creator-title {
        margin-left: 30vw;
        margin-top: 2vw;
      }
    main #area-creator .box-creator-name {
        margin-left: 55vw;
        margin-top: -2vw;
      }
    main #area-creator .box-creator-face {
        width: 17vw;
        margin-left: 18vw;
        margin-top: 2vw;
      }
    main #area-creator .box-creator-prof {
        width: 36vw;
        margin-left: 38vw;
        margin-top: -17.5vw;
      }
    main #area-creator .box-creator-back {
        width: 30vw;
        background-color: #000;
        margin-left: 38vw;
        margin-top: 2vw;
        text-align: center;
      }
    main #area-collection {
      margin-top: 15.21875vw; background: #fff;}
      main #area-collection .box-collection-parents {
        padding: 0 3.90625vw 0 7.8125vw; }
      main #area-collection .bg-solid-downstairs {
        top: -7vw;
        right: 0; }
      main #area-collection .box-collection-ttl {
        width: 55vw; }
        main #area-collection .box-collection-ttl .box-powerdd-by {
          width: 14.0625vw;
          margin-top: .125vw;
          position: relative;
          top: 3vw;
          left: 0; }
      main #area-collection .box-contents-collection .box-contents-collection-left {
        width: 33.59375vw;
        font-size: 1.2rem;
        margin-top: 15vw; }
      main #area-collection .box-contents-collection .box-contents-collection-right {
        width: 51.5625vw; }
      main #area-collection .box-collection-attend {
        margin-top: 8.6vw;
        width: 78.125vw;
        margin-left: 3vw; }
        main #area-collection .box-collection-attend h3 {
          font-size: 2.3333rem;
          margin-top: 2.34375vw; }
        main #area-collection .box-collection-attend .list-collection-attend {
          padding: 4.375vw 6vw; }
          main #area-collection .box-collection-attend .list-collection-attend li {
            margin: 0 2.34375vw 4.68375vw 2.34375vw; }
            main #area-collection .box-collection-attend .list-collection-attend li p {
              font-size: 1.0666rem;
              line-height: 1.5; }
              main #area-collection .box-collection-attend .list-collection-attend li p .txt-collection-bg {
                margin: .8vw 0; }
              main #area-collection .box-collection-attend .list-collection-attend li p .txt-name {
                font-size: 1.3333rem; }

              /* PC表示用 */
              main #area-collection .box0 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: -11.3em 1em;
                font-weight: bold;
                width: calc(20vw - 5.3vw);
                height: calc(27.5vw - 5.3vw);
              }
              main #area-collection .box0 p {
                font-size: 1.8rem;
                font-weight: bold;
                white-space: nowrap;
                margin: -5.8em 9.7em; 
              }
              main #area-collection .box0 img {
                object-fit: contain;
                width: calc(55vw - 5.3vw);
                height: 80%;
              }
              main #area-collection .box0-1 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: -2em 35em;
                font-weight: bold;
                width: calc(30vw - 5.3vw);
                height: calc(27.5vw - 5.3vw);
              }
              main #area-collection .box0-1 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box1 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 10em 15em;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);              }
              main #area-collection .box1 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box1 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box1 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1rem;
                margin-top: -0.5vw;
              }
              main #area-collection .box1 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
                margin-top: -0.5vw;
              }
              main #area-collection .box1 img {
                object-fit: contain;
                width: calc(10vw - 5.3vw);
                height: 40%;
              }
              main #area-collection .box1 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
                margin-top: -0.5vh;
              }
              main #area-collection .box1 #popup1 {
                display: none;
              }
              main #area-collection .box1 .overlay {
                display: none;
              }
              main #area-collection .box1 #popup1:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box1 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box1 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box1 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box1 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box1 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 60vh;
                font-size: 0.9rem;
              }
              main #area-collection .box1 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box1 .osd .list-osd-sns li {
                  margin-top: 75vh;
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box1 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box1 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box2 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 10em 35em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);
              }
              main #area-collection .box2 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box2 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box2 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box2 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
              }
              main #area-collection .box2 img {
                object-fit: contain;
                width: calc(14vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box2 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
              }
              main #area-collection .box2 #popup2 {
                display: none;
              }
              main #area-collection .box2 .overlay {
                display: none;
              }
              main #area-collection .box2 #popup2:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box2 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box2 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box2 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box2 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 58vh;
              }
              main #area-collection .box2 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 65vh;
                font-size: 0.9rem;
              }
              main #area-collection .box2 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 80vh;}
                main #area-collection .box2 .osd .list-osd-sns li {
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box2 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box2 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box3 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 37em 15em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);
              }
              main #area-collection .box3 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box3 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box3 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box3 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
              }
              main #area-collection .box3 img {
                object-fit: contain;
                width: calc(14vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box3 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
                margin-top: -0.5vh;
              }
              main #area-collection .box3 #popup3 {
                display: none;
              }
              main #area-collection .box3 .overlay {
                display: none;
              }
              main #area-collection .box3 #popup3:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box3 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box3 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box3 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box3 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box3 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 70vh;
                font-size: 0.9rem;
              }
              main #area-collection .box3 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box3 .osd .list-osd-sns li {
                  margin-top: 75vh;
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box3 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box3 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box4 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 37em 35em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);              }
              main #area-collection .box4 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box4 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box4 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box4 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
              }
              main #area-collection .box4 img {
                object-fit: contain;
                width: calc(12vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box4 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
              }
              main #area-collection .box4 #popup4 {
                display: none;
              }
              main #area-collection .box4 .overlay {
                display: none;
              }
              main #area-collection .box4 #popup4:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box4 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box4 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box4 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box4 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box4 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 65vh;
                font-size: 0.9rem;
              }
              main #area-collection .box4 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box4 .osd .list-osd-sns li {
                  margin-top: 75vh;
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box4 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box4 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box5 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 37em 55em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);              }
              main #area-collection .box5 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box5 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box5 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box5 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
              }
              main #area-collection .box5 img {
                object-fit: contain;
                width: calc(14vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box5 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
              }
              main #area-collection .box5 #popup5 {
                display: none;
              }
              main #area-collection .box5 .overlay {
                display: none;
              }
              main #area-collection .box5 #popup5:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box5 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box5 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box5 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box5 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box5 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 65vh;
                font-size: 0.9rem;
              }
              main #area-collection .box5 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box5 .osd .list-osd-sns li {
                  margin-top: 80vh;
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box5 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box5 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box6 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 64em 35em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);              }
              main #area-collection .box6 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box6 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box6 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box6 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.8rem;
              }
              main #area-collection .box6 img {
                object-fit: contain;
                width: 140px;
                width: calc(18vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box6 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
              }
              main #area-collection .box6 #popup6 {
                display: none;
              }
              main #area-collection .box6 .overlay {
                display: none;
              }
              main #area-collection .box6 #popup6:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box6 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box6 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box6 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box6 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box6 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 65vh;
                font-size: 0.9rem;
              }
              main #area-collection .box6 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box6 .osd .list-osd-sns li {
                  margin-top: 75vh;
                  display: inline-block;
                  filter: invert(); }
                  main #area-collection .box6.osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box6 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              main #area-collection .box7 {
                position: absolute;
                padding: 0.5em 0.5em;
                margin: 64em 55em;
                font-weight: bold;
                background-color: rgba(255,255,255,0.7);
                border: solid 3px #000000;
                width: calc(25vw - 5.3vw);
                height: calc(32.5vw - 5.3vw);              }
              main #area-collection .box7 p {
                margin: 0; 
                padding: 0;
              }
              main #area-collection .box7 .city {
                background-color: #0071AD;
                color: white;
                border: solid 2px black;
                line-height:1;
                width: 7.5vw;
                padding-top: 0.4vw;
                padding-bottom: 0.4vw;
                font-weight: bold;
                text-align: center;
                margin-top: -2vw;
                margin-left: -14vw;
                font-size: 0.8rem;
              }
              main #area-collection .box7 .title{
                margin: 0; 
                padding: 0;
                font-weight: bold;
                font-size: 1.0rem;
              }
              main #area-collection .box7 .company{
                margin: 0; 
                padding: 0;
                font-size: 0.7rem;
              }
              main #area-collection .box7 img {
                object-fit: contain;
                width: calc(14vw - 5.3vw);
                height: 40%;
                margin-top: 1vw;
              }
              main #area-collection .box7 .onclick .tlink {
                color: #0071AD;
                bottom: 0.5vh;
              }
              main #area-collection .box7 #popup7{
                display: none;
              }
              main #area-collection .box7 .overlay {
                display: none;
              }
              main #area-collection .box7 #popup7:checked + .overlay {
                display: block;
                z-index: 9999;
                background-color: #00000070;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
              }
              main #area-collection .box7 .osd {
                position: absolute;
                object-fit: contain;
                border: solid 2px black;
                width: 60vw;
                height: 95vh;
                background-color: #ffffff;
                display: flex;
                justify-content: center;
                text-align: center;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
              main #area-collection .box7 .osd img {
                object-fit: contain;
                cursor: pointer;
                width: calc(50vw - 5.3vw);
                margin-top: 2vh;
                height: 45%;
              }
              main #area-collection .box7 .osd .title {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font-size: 2rem;
                margin-top: 45vh;
                font: bold;
              }
              main #area-collection .box7 .osd .store {
                color: #0071AD;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                font:bold;
                font-size: 1.8rem;
                margin-top: 53vh;
              }
              main #area-collection .box7 .osd .description {
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                margin-top: 62vh;
                font-size: 0.9rem;
              }
              main #area-collection .box7 .osd .list-osd-sns {
                position: absolute;
                margin-left: auto;
                margin-right: auto;}
                main #area-collection .box7 .osd .list-osd-sns li {
                  display: inline-block;
                  margin-top: 75vh;
                  filter: invert();}
                  main #area-collection .box7 .osd .list-osd-sns a {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: bold;
                    display: inline-block;
                    color: white;}
                    /*filter: invert();で反転させているため、文字色も反転*/
              main #area-collection .box7 .osd .close {
                background-color: #0071AD;
                border: solid 2px black;
                line-height:1;
                color: white;
                cursor:pointer;
                position: absolute;
                position:fixed;
                top: 0px;
                right: 0px;
                width: 7vw;
                height: 7vw;
                font-size: 6vw;
              }
              /* SP非表示用 */
              main #area-collection .box0-sp {
                display: none;
              }
              main #area-collection .box0-1-sp {
                display: none;
              }
              main #area-collection .box1-sp {
                display: none;
              }
              main #area-collection .box2-sp {
                display: none;
              }
              main #area-collection .box3-sp {
                display: none;
              }
              main #area-collection .box4-sp {
                display: none;
              }
              main #area-collection .box5-sp {
                display: none;
              }
              main #area-collection .box6-sp {
                display: none;
              }
              main #area-collection .box7-sp {
                display: none;
              }

              main #area-collection .row-1st {
                position: relative;                
                max-width: 100%;
                height: auto;
                display: block;
                margin: 0 auto;            
              }
      main #area-collection .link-tsukumokami {
        width: 40vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.5rem; }

    main #area-museum {
      margin-top: 19.53125vw; }
      main #area-museum .bg-solid-upstairs {
        left: 0;
        top: -14vw; }
      main #area-museum .box-museum-ttl {
        width: 50.3125vw;
        margin-left: 41.875vw;
        margin-right: 7.8125vw; }
        main #area-museum .box-museum-ttl .box-powerd-by {
          width: 14.0625vw;
          margin-left: auto;
          position: relative;
          top: 2vw; }
      main #area-museum .box-contents-museum {
        margin: 0 7.8125vw 8.59375vw 3.90625vw;
        margin-top: -5vw; }
        main #area-museum .box-contents-museum .box-contents-collection-left {
          width: 51.5625vw; }
        main #area-museum .box-contents-museum .box-contents-museum-right {
          width: 33.59375vw;
          margin-top: 16vw;
          font-size: 1.2rem; }
      main #area-museum .box-museum-attend {
        margin-top: 8.6vw;
        width: 78.125vw;
        margin-left: auto;
        margin-right: auto; }
        main #area-museum .box-museum-attend h3 {
          font-size: 2.3333rem;
          margin-top: 2.34375vw; }
        main #area-museum .box-museum-attend .list-museum-attend {
          padding: 4.375vw 9.375vw; }
          main #area-museum .box-museum-attend .list-museum-attend li {
            margin: 0 5.46875vw 4.68375vw 5.46875vw; }
            main #area-museum .box-museum-attend .list-museum-attend li p {
              font-size: 1.0666rem; }
              main #area-museum .box-museum-attend .list-museum-attend li p .txt-name {
                font-size: 1.3333rem; }
      
    main #area-how-to {
      padding-top: 5vh;
      margin-top: 11.71875vw;
      padding-bottom: 18vw; 
      background: transparent linear-gradient(180deg, var(--unnamed-color-000000) 0%, #132253 0%, #010206 19%, var(--unnamed-color-000000) 45%, #132253 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(180deg, #000000 0%, #132253 0%, #010206 19%, #000000 45%, #132253 100%) 0% 0% no-repeat padding-box;}
      main #area-how-to .bg-how-to-top {
        top: 0;
        left: 0;
        height: 11.71875vw; }
      main #area-how-to .bg-how-to-bottom {
        bottom: 0;
        left: 0;
        height: 11.71875vw; }
      main #area-how-to .box-how-to-parents {
        padding-top: 15.625vw;
        width: 78.125vw;
        margin-left: auto;
        margin-right: auto; }
        main #area-how-to .box-how-to-parents .box-how-to-ttl {
          margin-top: -15vh;
          margin-bottom: 3.125vw; }
          main #area-how-to .box-how-to-parents .box-how-to-ttl h2 {
            font-size: 4.3333rem; }
          main #area-how-to .box-how-to-parents .box-how-to-ttl p {
            font-size: 1.6666rem; }
        main #area-how-to .box-how-to-parents .box-how-to-specific, main #area-how-to .box-how-to-parents .box-how-to-home {
          padding: 3.90625vw; }
          main #area-how-to .box-how-to-parents .box-how-to-specific h3, main #area-how-to .box-how-to-parents .box-how-to-home h3 {
            font-size: 2.3333rem;
            margin-bottom: 3.125vw; }
          main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner {
            padding: 3.90625vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner-dummy, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner-dummy {
              padding: 2vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner dl:first-child, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner dl:first-child {
              margin-bottom: 5.46875vw; }
              /*
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner dl dt, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner dl dt {
              font-size: 2rem;
              border-bottom: #20A9B1 solid 3px;
              margin-bottom: 1vw; }
              */
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .txt-cap, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .txt-cap {
              font-size: 1.0666rem; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .txt-normal{
              font-size: 1.2rem;
              text-align: center;
            }
            main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .txt-normal {
              font-size: 1.2rem; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .box-how-to-explanation, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation {
              margin-bottom: 2.34375vw; }
              main #area-how-to .box-how-to-parents .box-how-to-specific .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl {
                font-size: 1.8666rem;
                /*padding-left: 4.5em;*/
                margin-bottom: 1vw; 
                color: #353E80;}
                main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-how-to-explanation-ttl span{
                  font-weight: 700;
                }
          main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation {
            font-size: 0;
            margin-bottom: 5.46875vw; }
            main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation li, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation li {
              display: inline-block;
              width: 29.6875vw;
              vertical-align: top; }
              main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation li:first-child, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation li:first-child {
                margin-right: 3.125vw; }
              main #area-how-to .box-how-to-parents .box-how-to-specific .list-how-to-explanation li a, main #area-how-to .box-how-to-parents .box-how-to-home .list-how-to-explanation li a {
                font-size: 1.2rem;
                padding: 2.34375vw 0; }
        main #area-how-to .box-how-to-parents .box-how-to-home {
          background-color: #353E80;
          margin-top: 7.8125vw; }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-up, main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-bottom{
            background-color: white;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation img{
            width: 20vw;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-step{
            color:#353E80;
            text-align: left;
            font-weight: bold;
            font-size: 1.4rem;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold{
            font-weight: 900;
            font-size: 1.4rem;
            text-align: left;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold span{
            font-weight: 900;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-bold span::before{
            content:"\A";
            white-space: pre;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .txt-method{
            text-align: center;
            font-weight: bold;
            font-size: 1.4rem;
            padding-top: 3vw;
            padding-bottom: 3vw;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation .img-method{
            width:60vw;
          }
          main #area-how-to .box-how-to-parents .box-how-to-home .box-how-to-inner .box-how-to-explanation a{
            background: #b94047;
            color: white;
            border-radius:1.5rem;
            font-weight: bold;
            font-size: 1.5rem;
            margin: 5vw auto;
            width: 50%;
            padding-top: 1vw;
            padding-bottom: 1vw;
          } 
          main #area-how-to .box-how-to-parents .box-how-to-home .box-dummy{
            background-color:#353E80;
            margin-top: 7.8125vw; }
      main #area-how-to .is-how-to-img-specific {
        background: url("../img/ar-img-01_pc.png") no-repeat bottom center;
        background-size: 100% auto;
        padding-bottom: 20vw; }
      main #area-how-to .is-how-to-img-home {
        background: url("../img/vr-img-01_pc.png") no-repeat bottom center;
        background-size: 100% auto;
        padding-bottom: 20vw; }
      main #area-how-to .is-outline-second {
        margin-top: -3px !important; }
      main #area-how-to .box-outline-parents {
        margin-top: 8.59375vw;
        border-width: 3px;
        width: 62.5vw;
        margin-left: auto;
        margin-right: auto; }
        main #area-how-to .box-outline-parents .box-outline-ttl {
          margin-bottom: 1.875vw; }
          main #area-how-to .box-outline-parents .box-outline-ttl p {
            font-size: 4.3333rem; }
          main #area-how-to .box-outline-parents .box-outline-ttl h4 {
            font-size: 1.6666rem; }
        main #area-how-to .box-outline-parents .box-outline-table dl {
          font-size: 0;
          padding: .8rem 0; }
          main #area-how-to .box-outline-parents .box-outline-table dl dt {
            display: inline-block;
            vertical-align: top;
            font-size: 1.2rem;
            width: 18%;
            text-align: left; }
          main #area-how-to .box-outline-parents .box-outline-table dl dd {
            display: inline-block;
            vertical-align: top;
            font-size: 1.2rem;
            width: 82%;
            text-align: left; }
            main #area-how-to .box-outline-parents .box-outline-table dl dd p{
              font-size: 1rem;
            }
      main #area-how-to .box-site-parents {
        margin-top: 7.8125vw;
        width: 62.5vw;
        margin-left: auto;
        margin-right: auto; }
        main #area-how-to .box-site-parents .box-outline-ttl {
          margin-bottom: 3.125vw; }
          main #area-how-to .box-site-parents .box-outline-ttl p {
            font-size: 4.3333rem; }
          main #area-how-to .box-site-parents .box-outline-ttl h4 {
            font-size: 1.6666rem; }
        main #area-how-to .box-site-parents .link-xr {
          width: 28.125vw;
          margin-left: auto;
          margin-right: auto; }
      main #area-how-to .box-detail-xr {
        width: 62.5vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 9.71875vw; }
        main #area-how-to .box-detail-xr .txt-detail-xr {
          width: 33.59375vw;
          margin-top: 4vw; }
          main #area-how-to .box-detail-xr .txt-detail-xr p {
            font-size: 1.6666rem; }
        main #area-how-to .box-detail-xr .img-detail-xr {
          width: 28.125vw; }
    main #area-news {
      background-color: white;
      padding-bottom: 12.5vw; }
      main #area-news .box-news-ttl {
        margin-bottom: 3.125vw; }
        main #area-news .box-news-ttl p {
          color: black;
          font-size: 4.3333rem; }
        main #area-news .box-news-ttl h4 {
          color: black;
          font-size: 1.6666rem; }
      main #area-news .list-news-slider {
        width: 67.1875vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6.25vw; }
        main #area-news .list-news-slider li article {
          border: 3px solid black;
          margin: 0 2.34375vw;
          height: 37.5vw;
          overflow-y: auto;
          padding: 1.5625vw; }
          main #area-news .list-news-slider li article time {
            font-size: 1.2rem; }
          main #area-news .list-news-slider li article h1 {
            font-size: 1.3333rem; }
        main #area-news .list-news-slider .slick-prev {
          width: 5vw !important;
          height: 7.25vw !important;
          left: -5vw !important; }
        main #area-news .list-news-slider .slick-next {
          width: 5vw !important;
          height: 7.25vw !important;
          right: -5vw !important; }
      main #area-news .link-xr {
        width: 28.125vw;
        margin-left: auto;
        margin-right: auto; }
      main #area-news .link-tsukumokami {
        width: 50vw;
        margin-left: auto;
        margin-right: auto; }
      main .link-tsukumokami {
        margin-top: 4.6875vw;
        padding: 1.34375vw 0;
        font-size: 1.3333rem !important; }
    main .link-xr {
      margin-top: 4.6875vw;
      padding: 2.34375vw 0;
      font-size: 1.3333rem !important; } }