@charset "UTF-8";
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
@import url("//https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
* {
  box-sizing: border-box; }

::before,
::after {
  box-sizing: inherit; }

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/ }

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0; }

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

address {
  font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom; }

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom; }

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none; }

/**
 * Remove padding
 */
option {
  padding: 0; }

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 1 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer; }

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none; }

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

td,
th {
  vertical-align: top;
  padding: 0; }

th {
  text-align: left;
  font-weight: bold; }

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------
  base font size setting
--------------------------------------------------*/
/*--------------------------------------------------------------
  rem変換
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  colors
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  font settings
-------------------------------------------------------------- */
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
  font-family: "Segoe UI", Meiryo, sans-serif; }

/*--------------------------------------------------------------
  SVG clock
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  media queries
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  property default set
-------------------------------------------------------------- */
/*-- 擬似要素　before, after --*/
/*-- Animations --*/
/*-- display:flex --*/
/*--------------------------------------------------------------
  font-awesome background base
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  SVG
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  link base
-------------------------------------------------------------- */
/*--------------------------------------------------------------
  bases
-------------------------------------------------------------- */
html {
  font-size: calc(100vw/16.04);
  height: 100%; }
  @media screen and (max-width: 767px) {
    html {
      font-size: calc(100vw/3.75); } }

body {
  overflow: auto;
  position: relative;
  min-width: 100%;
  min-height: 100vh;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: .16rem;
  color: #1f1f1f;
  background-color: #fff;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; }
  @media screen and (max-width: 767px) {
    body {
      font-size: .13rem; } }
  body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

a {
  outline: none;
  text-decoration: none; }
  a:hover, a:active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.8; }

main {
  display: block; }

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0; }

h1 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

h2 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

h3 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

h4 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

h5 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

h6 {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0; }

img {
  width: 100%;
  height: auto;
  vertical-align: top; }

/*--------------------------------------------------------------
  loading
-------------------------------------------------------------- */
body.isLoading {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding-right: 15px;
  box-sizing: border-box; }
  body.isLoading .main {
    pointer-events: none; }

.loader-wrap {
  position: fixed;
  z-index: 3000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); }

.loader {
  color: #00a0f4;
  font-size: 20px;
  font-size: .16rem;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  @media screen and (max-width: 767px) {
    .loader {
      font-size: .10rem; } }

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }
/*--------------------------------------------------------------
  main
-------------------------------------------------------------- */
.main {
  position: relative;
  z-index: 0; }

/*--------------------------------------------------------------
  footer
-------------------------------------------------------------- */
.footer {
  position: relative;
  z-index: 0;
  padding-bottom: 12.47%;
  text-align: center;
  /*&:before {
    top: 3%;
    bottom: 20%;
    -webkit-transform: skewY(-15deg);
    transform: skewY(-15deg);
    background-color: rgba(255,255,255,1);
  }

  &:after {
    top: 30%;
    bottom: 0;
    background-color: rgba(255,255,255,1);
  }*/
  /*--------------------------------------------------------------
    information
  -------------------------------------------------------------- */ }
  .footer__sec {
    /*--------------------------------------------------------------
      sponsors
    -------------------------------------------------------------- */
    /*--------------------------------------------------------------
      map
    -------------------------------------------------------------- */ }
    .footer__sec .inner {
      position: relative;
      z-index: 2; }
    .footer__sec .title {
      position: relative;
      font-size: .80rem;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600;
      color: #00a0e9;
      letter-spacing: 0.2em;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .footer__sec .title {
          font-size: .24rem; } }
    .footer__sec.sponsors {
      position: relative;
      z-index: 1;
      padding-bottom: 3.5%; }
      @media screen and (max-width: 960px) {
        .footer__sec.sponsors {
          padding-bottom: 5.3%; } }
      @media screen and (max-width: 767px) {
        .footer__sec.sponsors {
          padding-bottom: 10%; } }
      .footer__sec.sponsors .title {
        position: relative;
        z-index: 4;
        margin-bottom: 7%; }
        @media screen and (max-width: 960px) {
          .footer__sec.sponsors .title {
            margin-bottom: 7.48%; } }
        .footer__sec.sponsors .title:after {
          content: '';
          display: block;
          position: absolute;
          top: 60%;
          right: 0;
          width: 33%;
          height: 1px;
          background: #4293ee;
          background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%); }
          @media screen and (max-width: 767px) {
            .footer__sec.sponsors .title:after {
              width: 31%; } }
      .footer__sec.sponsors .sponsors__list {
        max-width: 68%;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          .footer__sec.sponsors .sponsors__list {
            max-width: 92%; } }
    .footer__sec.map {
      position: relative;
      z-index: 1;
      padding-bottom: 6.23%; }
      @media screen and (max-width: 767px) {
        .footer__sec.map {
          padding-bottom: 10%; } }
      .footer__sec.map .title {
        margin-bottom: 3.43%; }
        .footer__sec.map .title:before {
          content: '';
          display: block;
          position: absolute;
          top: 60%;
          left: 0;
          width: 38%;
          height: 1px;
          background: #4293ee;
          background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%); }
      .footer__sec.map .map__cont {
        width: 100%;
        height: 450px;
        padding-left: 20%;
        background-color: #00a0e9;
        overflow: hidden; }
        @media screen and (max-width: 767px) {
          .footer__sec.map .map__cont {
            height: 250px; } }
        .footer__sec.map .map__cont .map-inner {
          width: 100%;
          height: 510px;
          margin-top: -60px;
          /*min-height: 112.5%;
          margin-top: -4.5%;*/
          /*@include media1024 {
            min-height: 250%;
            margin-top: -10%;
          }
          @include media767 {

          }*/ }
          @media screen and (max-width: 767px) {
            .footer__sec.map .map__cont .map-inner {
              height: 310px; } }
  .footer__info {
    position: relative;
    z-index: 1; }
    .footer__info .head {
      position: relative;
      margin-bottom: 3.74%;
      font-size: .20rem;
      font-family: "Barlow Semi Condensed", sans-serif;
      color: #00a0e9;
      letter-spacing: 0.6em; }
      @media screen and (max-width: 767px) {
        .footer__info .head {
          margin-bottom: 8%;
          font-size: .12rem; } }
      .footer__info .head:before {
        content: '';
        display: block;
        position: absolute;
        top: 49.5%;
        right: 0;
        width: 41%;
        height: 1px;
        background: #4293ee;
        background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%); }
        @media screen and (max-width: 767px) {
          .footer__info .head:before {
            width: 30%; } }
    .footer__info .credit {
      text-align: left;
      padding: 1% 2%;
      background-color: #f4f4f4;
      max-width: 800px;
      margin: 0 auto;
      margin-bottom: 0.9%; }
      @media screen and (max-width: 767px) {
        .footer__info .credit {
          max-width: 90%;
          font-size: .11rem;
          padding: 2% 4%;
          margin-bottom: 2.5%; } }
      .footer__info .credit p {
        margin-bottom: 0.9%; }
        @media screen and (max-width: 767px) {
          .footer__info .credit p {
            margin-bottom: 2.5%; } }
      .footer__info .credit span {
        display: inline-block;
        color: #00a0e9;
        margin-righ: 1em; }
        @media screen and (max-width: 767px) {
          .footer__info .credit span {
            display: block; } }
    .footer__info .name {
      margin-bottom: 0.9%;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 767px) {
        .footer__info .name {
          margin-bottom: 2.5%;
          font-size: .11rem; } }
    .footer__info .tel {
      margin-bottom: 2.5%;
      color: #00a0e9;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 767px) {
        .footer__info .tel {
          margin-bottom: 8%;
          font-size: .11rem; } }
      .footer__info .tel a {
        margin-left: 1em;
        color: #1f1f1f; }
    .footer__info .link {
      position: relative;
      margin: 0 auto;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600;
      color: #00a0e9;
      border-left: 1px solid #4393ee;
      border-right: 1px solid #82d0e4;
      width: 28.055vw;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600; }
      .footer__info .link:before, .footer__info .link:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
        background: -moz-linear-gradient(left, #4293ee, #82d0e4);
        background: linear-gradient(left, #4293ee, #82d0e4); }
      .footer__info .link:before {
        position: absolute;
        top: 0; }
      .footer__info .link:after {
        position: absolute;
        bottom: 0; }
      .footer__info .link a,
      .footer__info .link p {
        display: block;
        position: relative;
        padding: 3.908% 0;
        font-size: .22rem;
        letter-spacing: 0.5em;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .footer__info .link a,
          .footer__info .link p {
            font-size: .13rem; } }
        .footer__info .link a:before, .footer__info .link a:after,
        .footer__info .link p:before,
        .footer__info .link p:after {
          content: '';
          pointer-events: none;
          display: block;
          position: absolute; }
        .footer__info .link a:before,
        .footer__info .link p:before {
          top: 60.35%;
          width: 13.4%;
          height: 1px;
          background-color: #00a0e9; }
        .footer__info .link a:after,
        .footer__info .link p:after {
          top: 49%;
          left: 10%;
          width: 4.46%;
          height: 1px;
          background-color: #00a0e9;
          transform: rotate(45deg); }
      .footer__info .link:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0.8; }
      @media screen and (max-width: 767px) {
        .footer__info .link {
          width: 60%; } }
    .footer__info .footer-logo {
      display: block;
      width: 5.17%;
      margin: 4.2% auto 0; }
      @media screen and (max-width: 767px) {
        .footer__info .footer-logo {
          width: 10%;
          margin-top: 8%; } }

.covid-emg {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 0.9%;
  text-align: center;
  display: block;
  padding: 0.9%;
  border: 1px solid #00a0e9;
  color: #00a0e9; }
  @media screen and (max-width: 767px) {
    .covid-emg {
      text-align: left;
      max-width: 100%;
      font-size: .11rem;
      padding: 2%;
      margin-bottom: 2.5%; } }

/*--------------------------------------------------------------
index
-------------------------------------------------------------- */
body.index {
  /*--------------------------------------------------------------
    header
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    footer トップページのみの追加設定
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    main
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    top mv
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    onair
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    background
  -------------------------------------------------------------- */
  /*--------------------------------------------------------------
    sec-diagonal
  -------------------------------------------------------------- */ }
  body.index .header {
    position: relative; }
    body.index .header .bg {
      position: fixed;
      top: 0;
      width: 100%;
      height: 7.48vw;
      background: #4293ee;
      background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%); }
    body.index .header .site-title {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 7.7%;
      min-height: 100vh;
      padding: 10% 0 0;
      text-align: left; }
      @media screen and (max-width: 767px) {
        body.index .header .site-title {
          height: 100vh;
          padding: 12% 1% 14%; } }
      body.index .header .site-title .logo {
        display: block;
        position: relative;
        width: 42.5%;
        margin: 0 auto 40%;
        padding-top: 53%; }
        @media screen and (max-width: 767px) {
          body.index .header .site-title .logo {
            width: 60%;
            padding-top: 70%; } }
        body.index .header .site-title .logo img {
          position: absolute;
          top: 0;
          width: 100%; }
      body.index .header .site-title .text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        line-height: 1;
        width: 30%;
        flex: 1; }
        @media screen and (max-width: 767px) {
          body.index .header .site-title .text {
            width: 50%; } }
        body.index .header .site-title .text .v-text {
          -webkit-writing-mode: vertical-rl;
          -moz-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          -ms-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
          margin: 0 auto;
          color: #00a0e9;
          font-size: .18rem;
          font-family: "Barlow Semi Condensed", sans-serif;
          line-height: 1;
          letter-spacing: 0.2em; }
          @media screen and (max-width: 767px) {
            body.index .header .site-title .text .v-text {
              font-size: .12rem; } }
        body.index .header .site-title .text:after {
          content: '';
          display: block;
          width: 100%;
          margin-top: 50%;
          padding-top: 310%;
          background: url("/live_2020_autumn/wp-content/themes/around-org/images/header_arrows_bk.png") no-repeat 50% top/26%; }
          @media screen and (max-width: 767px) {
            body.index .header .site-title .text:after {
              padding-top: 600%;
              background-size: 50%; } }
    body.index .header .copyright {
      position: fixed;
      z-index: 1000;
      top: 0;
      right: 0;
      height: 100vh;
      margin-right: 3.49%;
      padding-top: 17%; }
      @media screen and (max-width: 767px) {
        body.index .header .copyright {
          min-width: 1em;
          height: 110%;
          margin-right: 2%; } }
      body.index .header .copyright:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 49.5%;
        width: 1px;
        height: 16vw;
        background: #00a0e9; }
      body.index .header .copyright .text {
        margin: 0 auto; }
        body.index .header .copyright .text .v-text {
          -webkit-writing-mode: vertical-rl;
          -moz-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          -ms-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
          display: block;
          position: relative;
          font-size: .16rem;
          font-family: "Barlow Semi Condensed", sans-serif;
          color: #00a0e9;
          line-height: 1;
          letter-spacing: 0.2em; }
          @media screen and (max-width: 767px) {
            body.index .header .copyright .text .v-text {
              font-size: .12rem; } }
  body.index .footer {
    position: relative;
    z-index: 0;
    padding-bottom: 12.47%;
    text-align: center; }
    body.index .footer:before {
      top: -14%;
      bottom: 97%;
      -webkit-transform: skewY(-15deg);
      transform: skewY(-15deg);
      background-color: #e5ded5; }
      @media screen and (max-width: 1024px) {
        body.index .footer:before {
          top: -12%; } }
      @media screen and (max-width: 767px) {
        body.index .footer:before {
          top: -7%; } }
    body.index .footer:after {
      top: 3%;
      bottom: 20%;
      -webkit-transform: skewY(-15deg);
      transform: skewY(-15deg);
      background-color: white; }
  body.index .main {
    overflow: hidden; }
    body.index .main:before {
      content: '';
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff; }
  body.index .mv {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100vh;
    margin-top: 3.4%;
    margin-left: 7.7%;
    overflow: hidden; }
    body.index .mv.hide {
      z-index: -1;
      display: none; }
    body.index .mv__fixed {
      position: fixed;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: #1f1f1f;
      border-bottom-left-radius: 20px; }
      body.index .mv__fixed__copy {
        pointer-events: none;
        position: absolute;
        z-index: 1;
        top: 18.25%;
        left: 3%;
        width: 86%; }
        @media screen and (max-width: 767px) {
          body.index .mv__fixed__copy {
            top: 0;
            bottom: 0;
            height: 32vw;
            margin: auto; } }
        body.index .mv__fixed__copy.pc {
          display: block; }
          @media screen and (max-width: 767px) {
            body.index .mv__fixed__copy.pc {
              display: none; } }
        body.index .mv__fixed__copy.sp {
          display: none; }
          @media screen and (max-width: 767px) {
            body.index .mv__fixed__copy.sp {
              display: block;
              left: 0;
              right: 0; } }
      body.index .mv__fixed .overlay, body.index .mv__fixed #yt_player {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto; }
      body.index .mv__fixed .overlay {
        z-index: -1; }
      body.index .mv__fixed #yt_player {
        z-index: -2; }
      body.index .mv__fixed__video {
        pointer-events: none;
        position: relative;
        width: 100%;
        height: 100vh; }
        @media screen and (max-width: 767px) {
          body.index .mv__fixed__video {
            pointer-events: auto; } }
      body.index .mv__fixed iframe,
      body.index .mv__fixed object,
      body.index .mv__fixed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  body.index .sec-onair {
    position: relative;
    padding: 8.54% 0 10%;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      body.index .sec-onair {
        padding: 10% 0 25%; } }
    body.index .sec-onair .title {
      width: 33.92%;
      margin: 0 auto;
      line-height: 1;
      text-align: center; }
      @media screen and (max-width: 767px) {
        body.index .sec-onair .title {
          width: 50%;
          margin-bottom: 2%;
          font-size: .12rem; } }
      body.index .sec-onair .title img {
        max-width: none;
        width: 100%; }
    body.index .sec-onair .movie {
      position: relative;
      z-index: 1;
      width: 60.416%;
      margin: 0 auto;
      background-color: #f4f4f4; }
      @media screen and (max-width: 767px) {
        body.index .sec-onair .movie {
          width: 84%; } }
    body.index .sec-onair .movie-cont {
      position: relative;
      padding: 4.6875% 8.854% 4.375%; }
      body.index .sec-onair .movie-cont .movie-thumb {
        cursor: pointer;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0;
        width: 100%;
        height: 28.55vw;
        border-bottom-right-radius: 20px; }
        @media screen and (max-width: 767px) {
          body.index .sec-onair .movie-cont .movie-thumb {
            height: 39.5vw; } }
        body.index .sec-onair .movie-cont .movie-thumb:hover {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          opacity: 0.8; }
        body.index .sec-onair .movie-cont .movie-thumb img {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        body.index .sec-onair .movie-cont .movie-thumb iframe {
          display: block;
          overflow: hidden;
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          border-bottom-right-radius: 20px; }
    body.index .sec-onair .movie-info {
      display: flex;
      padding-bottom: 5.3%; }
      body.index .sec-onair .movie-info .texts {
        flex: 1;
        padding-right: 8%; }
      body.index .sec-onair .movie-info .status {
        width: 18.542%;
        margin-right: 4.167%; }
        body.index .sec-onair .movie-info .status__inner {
          padding: 13.435% 22%;
          background-color: #393939; }
          @media screen and (max-width: 767px) {
            body.index .sec-onair .movie-info .status__inner {
              padding: 10%; } }
        body.index .sec-onair .movie-info .status img {
          width: 100%; }
    body.index .sec-onair .movie-name {
      display: flex;
      align-items: center;
      padding: 3.234% 0;
      font-size: .28rem;
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        body.index .sec-onair .movie-name {
          padding: 0 0 7%;
          font-size: .16rem; } }
    body.index .sec-onair .movie-desc {
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      line-height: 1.625; }
  body.index .bk {
    position: relative;
    z-index: 0; }
    body.index .bk:before, body.index .bk:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  body.index .sec-diagonal {
    background-color: #fff;
    /*--------------------------------------------------------------
      introduction
    -------------------------------------------------------------- */
    /*--------------------------------------------------------------
      shop
    -------------------------------------------------------------- */
    /*--------------------------------------------------------------
      schedule
    -------------------------------------------------------------- */
    /*--------------------------------------------------------------
      tour
    -------------------------------------------------------------- */ }
    body.index .sec-diagonal .inner {
      position: relative;
      z-index: 2; }
    body.index .sec-diagonal .title {
      position: absolute;
      z-index: 1;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600;
      color: #fff;
      letter-spacing: 0.2em;
      text-align: center; }
      body.index .sec-diagonal .title span {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
    body.index .sec-diagonal .keyword {
      position: absolute;
      z-index: 2; }
    body.index .sec-diagonal.intro {
      padding-top: 13.2%;
      padding-bottom: 10.2%;
      background-color: #cde5f9; }
      @media screen and (max-width: 767px) {
        body.index .sec-diagonal.intro {
          padding-top: 10%;
          padding-bottom: 24%; } }
      body.index .sec-diagonal.intro:before {
        top: -16.5%;
        bottom: 40%;
        -webkit-transform: skewY(-18deg);
        transform: skewY(-18deg);
        background-color: #cde5f9; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro:before {
            top: -12%;
            bottom: -40%; } }
      body.index .sec-diagonal.intro .intro__head {
        position: absolute;
        top: 1%;
        left: 8.8%;
        z-index: 3;
        width: 82%;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .intro__head {
            top: -3.4%;
            width: 80%; } }
        body.index .sec-diagonal.intro .intro__head .title {
          position: relative;
          width: 29.855%;
          padding-top: 30%;
          font-size: .36rem;
          background: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont01_ttl_bk.png") no-repeat 50%/contain; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.intro .intro__head .title {
              width: 50%;
              padding-top: 49%;
              font-size: .14rem; } }
        body.index .sec-diagonal.intro .intro__head .keyword {
          left: 17%;
          top: 64%;
          width: 29.9%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.intro .intro__head .keyword {
              left: 31%;
              top: 62%;
              width: 45%; } }
      body.index .sec-diagonal.intro .inner {
        display: flex;
        justify-content: flex-end; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .inner {
            display: block; } }
      body.index .sec-diagonal.intro .img {
        position: absolute;
        top: 7%;
        left: 0;
        width: 43%; }
        @media screen and (max-width: 960px) {
          body.index .sec-diagonal.intro .img {
            width: 47.5%; } }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .img {
            position: relative;
            width: 90%;
            padding-top: 70%;
            overflow: hidden; } }
        body.index .sec-diagonal.intro .img img {
          width: 100%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.intro .img img {
              position: absolute;
              top: -1%; } }
      body.index .sec-diagonal.intro .cont {
        position: relative;
        z-index: 1;
        width: 75%;
        padding: 7.55% 6% 3.45% 10.56%;
        color: #fff;
        background: #4293ee;
        background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%); }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .cont {
            top: 35%;
            width: 90%;
            padding: 12% 8% 5%;
            margin-right: 0;
            margin-left: auto;
            margin-top: -9%; } }
      body.index .sec-diagonal.intro .desc-title {
        display: block;
        position: relative;
        margin-bottom: 6.4%;
        font-size: .46rem;
        font-family: "Noto Sans Japanese", sans-serif;
        font-weight: 700;
        line-height: 1.30435;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 960px) {
          body.index .sec-diagonal.intro .desc-title {
            margin-bottom: 6%; } }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .desc-title {
            margin-bottom: 8%;
            font-size: .20rem; } }
        body.index .sec-diagonal.intro .desc-title span {
          display: block; }
        body.index .sec-diagonal.intro .desc-title:after {
          content: '・・・・・・・・・・・・・・・・・・・・・';
          position: absolute;
          bottom: -33%;
          left: -0.78%;
          font-size: .26rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          letter-spacing: 0.05em; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.intro .desc-title:after {
              font-size: .112rem; } }
      body.index .sec-diagonal.intro .desc-text {
        margin-bottom: 4.3%;
        font-size: .26rem;
        line-height: 1.61538;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.intro .desc-text {
            font-size: .14rem; } }
    body.index .sec-diagonal.shop {
      padding-top: 3.6%;
      padding-bottom: 12.85%;
      border-top: 1px solid #fff;
      background-color: #cde5f9; }
      @media screen and (max-width: 767px) {
        body.index .sec-diagonal.shop {
          padding-top: 0;
          padding-bottom: 12%; } }
      body.index .sec-diagonal.shop:before {
        top: 58%;
        bottom: 25%;
        -webkit-transform: skewY(12deg);
        transform: skewY(12deg);
        background-color: #cde5f9;
        filter: drop-shadow(0 3px 5px #cde5f9); }
        @media screen and (max-width: 960px) {
          body.index .sec-diagonal.shop:before {
            bottom: -160%; } }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.shop:before {
            top: 58%;
            bottom: 18%; } }
      body.index .sec-diagonal.shop:after {
        top: 75%;
        bottom: -20%;
        -webkit-transform: skewY(12deg);
        transform: skewY(12deg);
        background-color: white; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.shop:after {
            top: 82%;
            bottom: -20%; } }
      body.index .sec-diagonal.shop .inner {
        width: 60.416%;
        margin: 0 auto;
        padding: 3.8% 0 1.6%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.shop .inner {
            width: 100%;
            padding: 3.8% 20px 1.6%; } }
      body.index .sec-diagonal.shop .shop__head {
        position: relative;
        width: 56%;
        margin: 0 auto;
        padding-bottom: 9.5%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.shop .shop__head {
            width: 80%;
            padding-top: 34%;
            padding-bottom: 8%; } }
        body.index .sec-diagonal.shop .shop__head .title {
          top: -52%;
          right: -6%;
          width: 45%;
          padding-top: 43%;
          font-size: .80rem;
          background: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont02_ttl_bk.png") no-repeat 50%/contain; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .shop__head .title {
              top: -14%;
              right: 0;
              width: 50%;
              padding-top: 48%;
              font-size: .30rem; } }
        body.index .sec-diagonal.shop .shop__head .keyword {
          left: -4%;
          top: 33%;
          width: 70%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .shop__head .keyword {
              top: 25%;
              left: -4%;
              width: 70%; } }
        body.index .sec-diagonal.shop .shop__head .desc {
          position: relative;
          z-index: 1;
          font-size: .20rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 0.13em; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .shop__head .desc {
              font-size: .12rem; } }
      body.index .sec-diagonal.shop .shop-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 3.54%; }
        body.index .sec-diagonal.shop .shop-list:after {
          content: "";
          display: block;
          width: 31.25%;
          height: 0; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .shop-list:after {
              width: 48%; } }
        body.index .sec-diagonal.shop .shop-list .item {
          position: relative;
          width: 31.25%;
          margin-bottom: 5.6%;
          background-color: #fff;
          filter: drop-shadow(0 0 18px rgba(130, 208, 228, 0.26));
          border: 1px solid rgba(83, 163, 235, 0.15);
          border-bottom-right-radius: 10px; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .shop-list .item {
              width: 48%; } }
          body.index .sec-diagonal.shop .shop-list .item .item-cat {
            pointer-events: none;
            display: block;
            position: absolute;
            bottom: 10%;
            left: 0;
            width: 37.585%;
            padding: 2.685% 0;
            font-size: .14rem;
            font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
            font-weight: 600;
            color: #fff;
            text-align: center; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.shop .shop-list .item .item-cat {
                font-size: .11rem; } }
          body.index .sec-diagonal.shop .shop-list .item .item-texts {
            position: relative;
            padding: 9% 6.715% 11.7%;
            text-align: center; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.shop .shop-list .item .item-texts {
                padding: 8% 4% 10%; } }
          body.index .sec-diagonal.shop .shop-list .item .item-title {
            margin-bottom: 6.98%;
            font-size: .30rem;
            font-weight: 600; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.shop .shop-list .item .item-title {
                font-size: .14rem; } }
          body.index .sec-diagonal.shop .shop-list .item .item-tags {
            display: flex;
            justify-content: center;
            flex-wrap: wrap; }
            body.index .sec-diagonal.shop .shop-list .item .item-tags li {
              font-size: .13rem; }
              @media screen and (max-width: 767px) {
                body.index .sec-diagonal.shop .shop-list .item .item-tags li {
                  font-size: .11rem; } }
              body.index .sec-diagonal.shop .shop-list .item .item-tags li:not(:last-child) {
                margin-right: 0.5em; }
          body.index .sec-diagonal.shop .shop-list .item .item-img {
            position: relative;
            padding-top: 66%;
            height: 0; }
            body.index .sec-diagonal.shop .shop-list .item .item-img a {
              display: block; }
            body.index .sec-diagonal.shop .shop-list .item .item-img img {
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              object-fit: cover; }
          body.index .sec-diagonal.shop .shop-list .item.cat01 .item-cat {
            background-color: #00a0e9; }
          body.index .sec-diagonal.shop .shop-list .item.cat01 .item-title {
            color: #00a0e9; }
          body.index .sec-diagonal.shop .shop-list .item.cat02 .item-cat {
            background-color: #cf8b39; }
          body.index .sec-diagonal.shop .shop-list .item.cat02 .item-title {
            color: #cf8b39; }
          body.index .sec-diagonal.shop .shop-list .item.cat03 .item-cat {
            background-color: #c45d50; }
          body.index .sec-diagonal.shop .shop-list .item.cat03 .item-title {
            color: #c45d50; }
      body.index .sec-diagonal.shop .link {
        position: relative;
        margin: 0 auto;
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 600;
        color: #00a0e9;
        border-left: 1px solid #4393ee;
        border-right: 1px solid #82d0e4;
        width: 28.055vw; }
        body.index .sec-diagonal.shop .link:before, body.index .sec-diagonal.shop .link:after {
          content: "";
          display: block;
          height: 1px;
          width: 100%;
          background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
          background: -moz-linear-gradient(left, #4293ee, #82d0e4);
          background: linear-gradient(left, #4293ee, #82d0e4); }
        body.index .sec-diagonal.shop .link:before {
          position: absolute;
          top: 0; }
        body.index .sec-diagonal.shop .link:after {
          position: absolute;
          bottom: 0; }
        body.index .sec-diagonal.shop .link a,
        body.index .sec-diagonal.shop .link p {
          display: block;
          position: relative;
          padding: 3.908% 0;
          font-size: .22rem;
          letter-spacing: 0.5em;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.shop .link a,
            body.index .sec-diagonal.shop .link p {
              font-size: .13rem; } }
          body.index .sec-diagonal.shop .link a:before, body.index .sec-diagonal.shop .link a:after,
          body.index .sec-diagonal.shop .link p:before,
          body.index .sec-diagonal.shop .link p:after {
            content: '';
            pointer-events: none;
            display: block;
            position: absolute; }
          body.index .sec-diagonal.shop .link a:before,
          body.index .sec-diagonal.shop .link p:before {
            top: 60.35%;
            width: 13.4%;
            height: 1px;
            background-color: #00a0e9; }
          body.index .sec-diagonal.shop .link a:after,
          body.index .sec-diagonal.shop .link p:after {
            top: 49%;
            left: 10%;
            width: 4.46%;
            height: 1px;
            background-color: #00a0e9;
            transform: rotate(45deg); }
        body.index .sec-diagonal.shop .link:hover {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          opacity: 0.8; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.shop .link {
            width: 80%; } }
    body.index .sec-diagonal.schedule {
      z-index: 1;
      padding-bottom: 5.86%; }
      body.index .sec-diagonal.schedule:after {
        top: 4.2%;
        bottom: 2%;
        -webkit-transform: skewY(-10deg);
        transform: skewY(-10deg);
        background-color: #ffeafb; }
        @media screen and (max-width: 960px) {
          body.index .sec-diagonal.schedule:after {
            top: 3%; } }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.schedule:after {
            top: 2.8%;
            bottom: 1%; } }
      body.index .sec-diagonal.schedule .schedule__head {
        position: relative;
        max-width: 60%;
        height: 26.55vw;
        margin-left: 14%;
        margin-bottom: 3.4%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.schedule .schedule__head {
            max-width: 80%;
            height: auto;
            margin: 0 auto 4%;
            padding-top: 38%; } }
        body.index .sec-diagonal.schedule .schedule__head .title {
          width: 54%;
          padding-top: 45%;
          font-size: .80rem;
          letter-spacing: 0.1em;
          background: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont03_ttl_bk.png") no-repeat 50%/contain; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__head .title {
              top: 0;
              width: 50%;
              padding-top: 42%;
              font-size: .24rem; } }
        body.index .sec-diagonal.schedule .schedule__head .keyword {
          left: 26.2%;
          top: 7.4%;
          width: 59.2%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__head .keyword {
              top: 3%;
              left: 32%;
              width: 56%; } }
        body.index .sec-diagonal.schedule .schedule__head .desc {
          position: absolute;
          top: 42.4%;
          right: 0;
          font-size: .20rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 0.13em; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__head .desc {
              position: relative;
              font-size: .13rem; } }
      body.index .sec-diagonal.schedule .schedule__day {
        padding-bottom: 6.234%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.schedule .schedule__day {
            padding-bottom: 15%; } }
        body.index .sec-diagonal.schedule .schedule__day .day-title {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 3.8% 0 2.95%;
          font-family: "Barlow Semi Condensed", sans-serif;
          font-weight: 600;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-title {
              padding: 6% 0 5%; } }
          body.index .sec-diagonal.schedule .schedule__day .day-title .day {
            font-size: .65rem;
            color: #00a0e9;
            letter-spacing: 0.2em; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__day .day-title .day {
                font-size: .30rem; } }
          body.index .sec-diagonal.schedule .schedule__day .day-title .week {
            margin-left: 1.5%;
            padding: 0.189% 2%;
            font-size: .40rem;
            color: #fff;
            background-color: #00a0e9;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__day .day-title .week {
                padding-bottom: 0.3%;
                font-size: .20rem; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item {
          position: relative;
          width: 50%;
          padding: 0 0.326% 0.36%;
          outline: none; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-list .item {
              width: 75%;
              padding-bottom: 1%; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-inner {
          padding: 3% 10% 12%;
          background-color: #f4f4f4; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-inner {
              min-height: 72vw;
              padding-top: 4%;
              padding-bottom: 16%; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper {
          position: relative; }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time {
            position: absolute;
            bottom: 10%;
            left: -7.2%;
            width: 40.383%;
            font-family: "Barlow Semi Condensed", sans-serif; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time {
                width: 50%; } }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time:before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              left: -25%;
              width: 22.905%;
              margin: auto;
              background: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300a0e9" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>") no-repeat 50%/100%; }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time dt {
              width: 68.703%;
              padding: 3.055% 0;
              font-size: .16rem;
              font-weight: 500;
              color: #00a0e9;
              background-color: #393939;
              letter-spacing: 0.2em;
              text-align: center; }
              @media screen and (max-width: 767px) {
                body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time dt {
                  width: 70%;
                  font-size: .11rem; } }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time dd {
              width: 100%;
              padding: 4.775% 0;
              font-size: .34rem;
              color: #fff;
              background-color: #1a1a1a;
              text-align: center; }
              @media screen and (max-width: 767px) {
                body.index .sec-diagonal.schedule .schedule__day .day-list .item-img-wrapper .item-time dd {
                  font-size: .15rem; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-img {
          display: block;
          overflow: hidden;
          position: relative;
          width: 100%;
          padding: 56.25% 10px 0;
          border-bottom-right-radius: 10px; }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-img img {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-datum {
          position: relative; }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-title {
          padding: 5.395% 0;
          font-size: .28rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-title {
              padding: 7% 0;
              font-size: .13rem; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-desc {
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          line-height: 1.625; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-desc {
              font-size: .11rem; } }
        body.index .sec-diagonal.schedule .schedule__day .day-list .item-link {
          position: relative;
          margin: 0 auto;
          font-family: "Barlow Semi Condensed", sans-serif;
          font-weight: 600;
          color: #00a0e9;
          border-left: 1px solid #4393ee;
          border-right: 1px solid #82d0e4;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          width: 15.961vw; }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link:before, body.index .sec-diagonal.schedule .schedule__day .day-list .item-link:after {
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
            background: -moz-linear-gradient(left, #4293ee, #82d0e4);
            background: linear-gradient(left, #4293ee, #82d0e4); }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link:before {
            position: absolute;
            top: 0; }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link:after {
            position: absolute;
            bottom: 0; }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a,
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p {
            display: block;
            position: relative;
            padding: 3.908% 0;
            font-size: .22rem;
            letter-spacing: 0.5em;
            text-align: center; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a,
              body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p {
                font-size: .13rem; } }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a:before, body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a:after,
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:before,
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:after {
              content: '';
              pointer-events: none;
              display: block;
              position: absolute; }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a:before,
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:before {
              top: 60.35%;
              width: 13.4%;
              height: 1px;
              background-color: #00a0e9; }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link a:after,
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:after {
              top: 49%;
              left: 10%;
              width: 4.46%;
              height: 1px;
              background-color: #00a0e9;
              transform: rotate(45deg); }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link:hover {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0.8; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link {
              width: 40vw;
              bottom: 3%; } }
          body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p {
            cursor: pointer;
            padding: 6.89% 0 6.89% 11.5%; }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:before {
              top: 50%;
              left: 0;
              width: 23.5%; }
            body.index .sec-diagonal.schedule .schedule__day .day-list .item-link p:after {
              width: 8%;
              top: 38%;
              left: 16.5%; }
        body.index .sec-diagonal.schedule .schedule__day.day01 .day-title .day {
          color: #00a0e9; }
        body.index .sec-diagonal.schedule .schedule__day.day01 .day-title .week {
          background-color: #00a0e9; }
        body.index .sec-diagonal.schedule .schedule__day.day02 {
          background-color: #fff; }
          body.index .sec-diagonal.schedule .schedule__day.day02 .day-title .day {
            color: #d984b7; }
          body.index .sec-diagonal.schedule .schedule__day.day02 .day-title .week {
            background-color: #d984b7; }
        body.index .sec-diagonal.schedule .schedule__day.day03 .day-title .day {
          color: #d5bf33; }
        body.index .sec-diagonal.schedule .schedule__day.day03 .day-title .week {
          background-color: #d5bf33; }
      body.index .sec-diagonal.schedule .schedule__program {
        max-width: 50%;
        margin: 6% auto 0; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.schedule .schedule__program {
            max-width: 80%;
            margin-top: 10%; } }
        body.index .sec-diagonal.schedule .schedule__program h4 {
          margin-bottom: 4.489%;
          font-size: .20rem;
          font-family: "Barlow Semi Condensed", sans-serif;
          font-weight: 600;
          letter-spacing: 0.6em;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.schedule .schedule__program h4 {
              font-size: .11rem; } }
        body.index .sec-diagonal.schedule .schedule__program dl {
          display: flex;
          flex-wrap: wrap; }
          body.index .sec-diagonal.schedule .schedule__program dl dt {
            width: 28.75%;
            margin-bottom: 0.7%;
            padding: 2.45%;
            font-family: "Barlow Semi Condensed", sans-serif;
            font-weight: 400;
            font-size: .22rem;
            color: #fff;
            background-color: #1a1a1a;
            border-bottom: 1px solid #1a1a1a;
            text-align: center; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__program dl dt {
                font-size: .14rem; } }
          body.index .sec-diagonal.schedule .schedule__program dl dd {
            width: 71.25%;
            margin-bottom: 0.7%;
            padding: 2.5% 3.75%;
            font-size: .24rem;
            font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
            font-weight: 600;
            border-bottom: 1px solid #1a1a1a; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.schedule .schedule__program dl dd {
                font-size: .12rem; } }
    body.index .sec-diagonal.tour {
      position: relative;
      z-index: 0;
      padding-top: 12.5%;
      padding-bottom: 21.8%; }
      @media screen and (max-width: 767px) {
        body.index .sec-diagonal.tour {
          padding-top: 15%;
          padding-bottom: 10%; } }
      body.index .sec-diagonal.tour .tour__head {
        position: relative;
        max-width: 50%;
        margin: 0 auto 10.9%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.tour .tour__head {
            max-width: 80%;
            padding-top: 28%; } }
        body.index .sec-diagonal.tour .tour__head .title {
          top: -125%;
          right: -25%;
          width: 52%;
          padding-top: 50%;
          font-size: .80rem;
          background: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont04_ttl_bk.png") no-repeat 50%/contain; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .tour__head .title {
              top: -26%;
              right: 10%;
              width: 50%;
              padding-top: 48%;
              font-size: .30rem; } }
        body.index .sec-diagonal.tour .tour__head .keyword {
          top: -58.8%;
          right: 6.3%;
          width: 39%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .tour__head .keyword {
              top: -14%;
              right: 36.8%;
              width: 40%; } }
        body.index .sec-diagonal.tour .tour__head .desc {
          font-size: .20rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 0.13em; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .tour__head .desc {
              font-size: .13rem; } }
      body.index .sec-diagonal.tour .sub-sec {
        position: relative;
        z-index: 1; }
        body.index .sec-diagonal.tour .sub-sec:before {
          top: 17.2%;
          bottom: 30%;
          -webkit-transform: skewY(15deg);
          transform: skewY(15deg);
          background-color: #e5ded5; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .sub-sec:before {
              top: 7.8%; } }
        body.index .sec-diagonal.tour .sub-sec:after {
          top: 50%;
          bottom: -25%;
          -webkit-transform: skewY(-15deg);
          transform: skewY(-15deg);
          background-color: #e5ded5; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .sub-sec:after {
              bottom: -2.6%; } }
        body.index .sec-diagonal.tour .sub-sec__title {
          margin-bottom: 6.8%;
          padding-bottom: 2%;
          font-size: .46rem;
          font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
          font-weight: 600;
          color: #4393ee;
          letter-spacing: 0.1em;
          text-align: center;
          border-bottom: 1px solid #4393ee; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .sub-sec__title {
              margin-bottom: 8%;
              padding-bottom: 4%;
              font-size: .20rem; } }
          body.index .sec-diagonal.tour .sub-sec__title span {
            display: block;
            margin-bottom: 0.8%;
            font-size: .20rem;
            font-family: "Barlow Semi Condensed", sans-serif;
            letter-spacing: 0.6em; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .sub-sec__title span {
                margin-bottom: 1.5%;
                font-size: .11rem; } }
      body.index .sec-diagonal.tour .third-sec.third--b, body.index .sec-diagonal.tour .third-sec.third--y {
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 61% 46.5%;
        -ms-grid-rows: 8vw auto;
        -ms-grid-columns: 61% 46.5%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.tour .third-sec.third--b, body.index .sec-diagonal.tour .third-sec.third--y {
            grid-template-rows: auto auto;
            grid-template-columns: 1fr; } }
        body.index .sec-diagonal.tour .third-sec.third--b .third-sec__title, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__title {
          grid-row: 1 / 2;
          grid-column: 2 / 3;
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          left: -16%;
          text-align: right; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--b .third-sec__title, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__title {
              grid-row: 1 / 2;
              grid-column: 1 / 2;
              left: 0; } }
        body.index .sec-diagonal.tour .third-sec.third--b .third-sec__texts, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__texts {
          grid-row: 2 / 3;
          grid-column: 2 / 3;
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          left: -16%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--b .third-sec__texts, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__texts {
              grid-row: 3 / 4;
              grid-column: 1 / 2;
              left: 0; } }
        body.index .sec-diagonal.tour .third-sec.third--b .third-sec__img, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__img {
          grid-row: 1 / 3;
          grid-column: 1 / 2;
          -ms-grid-row: 1;
          -ms-grid-row-span: 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--b .third-sec__img, body.index .sec-diagonal.tour .third-sec.third--y .third-sec__img {
              grid-row: 2 / 3;
              grid-column: 1 / 2; } }
      body.index .sec-diagonal.tour .third-sec.third--p {
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 46.5% 61%;
        -ms-grid-rows: 8vw auto;
        -ms-grid-columns: 46.5% 61%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.tour .third-sec.third--p {
            grid-template-rows: auto auto;
            grid-template-columns: 1fr; } }
        body.index .sec-diagonal.tour .third-sec.third--p .third-sec__title {
          grid-row: 1 / 2;
          grid-column: 1 / 2;
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--p .third-sec__title {
              grid-row: 1 / 2;
              grid-column: 1 / 2; } }
        body.index .sec-diagonal.tour .third-sec.third--p .third-sec__texts {
          grid-row: 2 / 3;
          grid-column: 1 / 2;
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--p .third-sec__texts {
              grid-row: 3 / 4;
              grid-column: 1 / 2; } }
        body.index .sec-diagonal.tour .third-sec.third--p .third-sec__img {
          grid-row: 1 / 3;
          grid-column: 2 / 3;
          -ms-grid-row: 1;
          -ms-grid-row-span: 2;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          left: -16%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--p .third-sec__img {
              grid-row: 2 / 3;
              grid-column: 1 / 2;
              left: 0; } }
      body.index .sec-diagonal.tour .third-sec {
        position: relative;
        width: 75.6%;
        margin-bottom: 8.15%; }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.tour .third-sec {
            width: 85%;
            padding-bottom: 20%;
            margin: 0 auto; } }
        body.index .sec-diagonal.tour .third-sec .third-sec__title {
          position: relative;
          margin-top: 8.5%;
          margin-bottom: 2%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec .third-sec__title {
              margin-top: 0; } }
          body.index .sec-diagonal.tour .third-sec .third-sec__title .sec-status {
            position: absolute;
            z-index: 2; }
          body.index .sec-diagonal.tour .third-sec .third-sec__title .sec-title {
            display: inline-block;
            background-color: #4393ee;
            width: 52%;
            padding: 3.675% 4%;
            font-size: .24rem;
            font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
            font-weight: 600;
            color: #fff;
            letter-spacing: 0.05em;
            text-align: center;
            border-bottom-right-radius: 10px; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec .third-sec__title .sec-title {
                font-size: .15rem; } }
        body.index .sec-diagonal.tour .third-sec .third-sec__texts {
          position: relative;
          z-index: 1; }
          body.index .sec-diagonal.tour .third-sec .third-sec__texts .sec-text {
            position: relative;
            padding: 8%;
            font-size: .20rem;
            line-height: 1.9;
            letter-spacing: 0.075em;
            filter: drop-shadow(0 0 18px rgba(130, 208, 228, 0.26));
            background-color: #fff;
            text-align: left; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec .third-sec__texts .sec-text {
                font-size: .12rem; } }
            body.index .sec-diagonal.tour .third-sec .third-sec__texts .sec-text:after {
              content: '';
              display: block;
              position: absolute;
              z-index: 1;
              background: no-repeat 50%/contain; }
        body.index .sec-diagonal.tour .third-sec .third-sec__img {
          position: relative; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec .third-sec__img {
              margin-bottom: 2%; } }
          body.index .sec-diagonal.tour .third-sec .third-sec__img .img-wrapper {
            position: relative;
            padding-top: 56.6%; }
            body.index .sec-diagonal.tour .third-sec .third-sec__img .img-wrapper img {
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              object-fit: cover; }
        body.index .sec-diagonal.tour .third-sec.third--b {
          /*.sec-status {
            top: -66%;
            left: -12.2%;
            width: 51.7%;
            @include media767 {
              top: -6%;
              left: 0;
              width: 36%;
            }
          }*/ }
          body.index .sec-diagonal.tour .third-sec.third--b .third-sec__title .sec-status {
            top: -12%;
            left: 9.3%;
            width: 34.9%; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--b .third-sec__title .sec-status {
                top: 20%;
                left: 5%; } }
          body.index .sec-diagonal.tour .third-sec.third--b .third-sec__title .sec-title {
            background-color: #4393ee; }
          body.index .sec-diagonal.tour .third-sec.third--b .sec-text:after {
            bottom: -62%;
            left: 31.5%;
            width: 23.658%;
            padding-top: 30%;
            background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont04_arrow_b.png"); }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--b .sec-text:after {
                bottom: -50%;
                left: 65%;
                width: 20%;
                padding-top: 24%; } }
        body.index .sec-diagonal.tour .third-sec.third--p {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 7.2%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--p {
              padding-bottom: 16%; } }
          body.index .sec-diagonal.tour .third-sec.third--p .third-sec__title .sec-status {
            top: -35.5%;
            right: 8%;
            width: 34.5%; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--p .third-sec__title .sec-status {
                top: -12.5%;
                right: 5%; } }
          body.index .sec-diagonal.tour .third-sec.third--p .third-sec__title .sec-title {
            background-color: #d984b7; }
          body.index .sec-diagonal.tour .third-sec.third--p .sec-text:after {
            left: 31.6%;
            bottom: -46.5%;
            width: 23.658%;
            padding-top: 30%;
            background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont04_arrow_p.png"); }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--p .sec-text:after {
                bottom: -40%;
                left: 25%;
                width: 20%;
                padding-top: 24%; } }
        body.index .sec-diagonal.tour .third-sec.third--y {
          margin-left: auto;
          margin-right: auto; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third--y {
              padding-bottom: 22%; } }
          body.index .sec-diagonal.tour .third-sec.third--y .third-sec__title .sec-status {
            width: 35.2%;
            top: 0;
            left: 7.2%; }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--y .third-sec__title .sec-status {
                top: 0;
                left: 5%; } }
          body.index .sec-diagonal.tour .third-sec.third--y .third-sec__title .sec-title {
            background-color: #d5bf33; }
          body.index .sec-diagonal.tour .third-sec.third--y .sec-text:after {
            bottom: -50%;
            left: 31.6%;
            width: 23.658%;
            padding-top: 30%;
            background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/index/cont04_arrow_y.png"); }
            @media screen and (max-width: 767px) {
              body.index .sec-diagonal.tour .third-sec.third--y .sec-text:after {
                bottom: -40%;
                left: 70%;
                width: 20%;
                padding-top: 24%; } }
        body.index .sec-diagonal.tour .third-sec.third01 .third-sec__title .sec-status {
          top: -66%;
          left: -12.2%;
          width: 51.7%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third01 .third-sec__title .sec-status {
              top: -6%;
              left: 0;
              width: 36%; } }
        body.index .sec-diagonal.tour .third-sec.third02 .third-sec__title {
          /*.sec-status {
            top: -35.5%;
            right: 8%;
            width: 34.5%;
            @include media767 {
              top: -12.5%;
              right: 5%;
            }
          }*/ }
        body.index .sec-diagonal.tour .third-sec.third03 .third-sec__title {
          /*.sec-status {
            width: 35.2%;
            top: 0;
            left: 7.2%;
            @include media767 {
              top: 0;
              left: 5%;
            }
          }*/ }
        body.index .sec-diagonal.tour .third-sec.third04 .third-sec__title {
          /*.sec-status {
            top: -12%;
            left: 9.3%;
            width: 34.9%;
            @include media767 {
              top: 20%;
              left: 5%;
            }
          }*/ }
        body.index .sec-diagonal.tour .third-sec.third04 .sec-text:after {
          bottom: -42%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third04 .sec-text:after {
              bottom: -35%; } }
        body.index .sec-diagonal.tour .third-sec.third05 .third-sec__title {
          /*.sec-status {
            width: 58.7%;
            right: -10%;
            bottom: -434%;
            @include media767 {
              width: 40%;
              right: 0;
              bottom: -550%;
            }
          }*/ }
        body.index .sec-diagonal.tour .third-sec.third07 .sec-text:after {
          bottom: -47%; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third07 .sec-text:after {
              bottom: -37%; } }
        @media screen and (max-width: 767px) {
          body.index .sec-diagonal.tour .third-sec.third08 .sec-text:after {
            bottom: -30%; } }
        body.index .sec-diagonal.tour .third-sec.third09 .third-sec__title .sec-status {
          width: 58.7%;
          top: auto;
          right: -10%;
          bottom: -646%;
          left: auto; }
          @media screen and (max-width: 767px) {
            body.index .sec-diagonal.tour .third-sec.third09 .third-sec__title .sec-status {
              width: 40%;
              top: auto;
              right: 0;
              bottom: -550%;
              left: auto; } }
        body.index .sec-diagonal.tour .third-sec.third09 .third-sec__texts .sec-text:after {
          content: none; }

/*--------------------------------------------------------------
  for velocity settings
-------------------------------------------------------------- */
.effect {
  opacity: 0;
  transition: .8s; }

/*--------------------------------------------------
    .modal
--------------------------------------------------*/
body.isModalOpen {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  padding-right: 15px;
  box-sizing: border-box; }

.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.75); }
  .modal.isView {
    display: block; }
  .modal .content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    margin: auto;
    max-width: 69.826%;
    max-height: 90%;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .modal .content {
        max-width: 90%;
        max-height: 92%; } }
  .modal .inner {
    overflow-y: scroll;
    height: 100%;
    padding: 6.965% 11.25%; }
    @media screen and (max-width: 767px) {
      .modal .inner {
        padding: 8%; } }
  .modal .cat {
    width: 28.572%;
    margin-bottom: 1%;
    padding: 0.98% 0;
    line-height: 1;
    font-size: .27rem;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 500;
    color: #4393ee;
    background-color: #393939;
    letter-spacing: 0.2em;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .modal .cat {
        font-size: .13rem; } }
  .modal .datum {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6.8%;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    line-height: 1; }
    .modal .datum .day {
      font-size: .65rem;
      color: #4393ee;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 767px) {
        .modal .datum .day {
          font-size: .24rem; } }
    .modal .datum .week {
      margin: 0.6% 6% 0 3%;
      padding: 0.75% 3.6%;
      font-size: .40rem;
      color: #fff;
      background-color: #4393ee;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 767px) {
        .modal .datum .week {
          font-size: .18rem; } }
    .modal .datum .time {
      font-size: .495rem;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 767px) {
        .modal .datum .time {
          font-size: .20rem; } }
  .modal .title {
    padding: 0 0 4%;
    font-size: .385rem;
    font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 600; }
    @media screen and (max-width: 767px) {
      .modal .title {
        font-size: .12rem; } }
  .modal .img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 58.5%;
    margin-bottom: 4%;
    border-bottom-right-radius: 10px; }
    .modal .img img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .modal .desc {
    margin-bottom: 10.8%;
    padding-bottom: 2%;
    font-size: .22rem;
    font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 600;
    line-height: 1.59091; }
    @media screen and (max-width: 767px) {
      .modal .desc {
        font-size: .12rem; } }
  .modal .performers__title {
    margin-bottom: 7%;
    padding-bottom: 2.88%;
    font-size: .20rem;
    font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 600;
    text-align: center;
    color: #4393ee;
    letter-spacing: 0.4em;
    border-bottom: 2px solid #00a0e9; }
    @media screen and (max-width: 767px) {
      .modal .performers__title {
        font-size: .15rem; } }
  .modal .performers__item {
    display: flex;
    margin-bottom: 8.4%; }
    @media screen and (max-width: 767px) {
      .modal .performers__item {
        display: block;
        margin-bottom: 12%; } }
    .modal .performers__item .item-img {
      width: 38.02%;
      margin-right: 5.185%; }
      @media screen and (max-width: 767px) {
        .modal .performers__item .item-img {
          width: 100%;
          margin-right: 0; } }
    .modal .performers__item .item-texts {
      flex: 1; }
    .modal .performers__item .company {
      margin: 1% 0 4%;
      font-size: .26rem;
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      line-height: 1.84615; }
      @media screen and (max-width: 767px) {
        .modal .performers__item .company {
          margin: 4% auto 3%;
          font-size: .15rem; } }
    .modal .performers__item .name {
      margin-bottom: 7%;
      font-size: .36rem;
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      line-height: 1.33333; }
      @media screen and (max-width: 767px) {
        .modal .performers__item .name {
          margin-bottom: 5%;
          font-size: .20rem; } }
    .modal .performers__item .profile {
      font-size: .24rem;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        .modal .performers__item .profile {
          font-size: .15rem; } }
  .modal .to-view-link {
    display: block;
    position: relative;
    width: 22vw;
    margin: 0 auto;
    padding: 0.9% 0 0.9% 5%;
    font-size: .30rem;
    font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 2.2;
    letter-spacing: 0.5em;
    text-align: center;
    background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
    background: -moz-linear-gradient(left, #4293ee, #82d0e4);
    background: linear-gradient(left, #4293ee, #82d0e4); }
    @media screen and (max-width: 767px) {
      .modal .to-view-link {
        width: 80%;
        font-size: .18rem; } }
    .modal .to-view-link:before, .modal .to-view-link:after {
      content: '';
      pointer-events: none;
      display: block;
      position: absolute; }
    .modal .to-view-link:before {
      top: 55%;
      left: 0;
      width: 23.5%;
      height: 1px;
      background-color: #fff; }
    .modal .to-view-link:after {
      top: 43%;
      left: 16.5%;
      width: 8%;
      height: 1px;
      background-color: #fff;
      transform: rotate(45deg); }
    .modal .to-view-link:hover {
      opacity: 0.8; }
  .modal .close-btn {
    margin-top: 5%;
    text-align: center; }
    .modal .close-btn span {
      cursor: pointer;
      position: relative;
      padding-left: 6%;
      font-size: .30rem;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600;
      color: #00a0e9;
      line-height: 2.2;
      letter-spacing: 0.5em; }
      @media screen and (max-width: 767px) {
        .modal .close-btn span {
          padding-left: 10%;
          font-size: .18rem; } }
      .modal .close-btn span:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0.8; }
      .modal .close-btn span:before, .modal .close-btn span:after {
        content: '';
        display: block;
        position: absolute;
        top: 51%;
        left: 0;
        width: 17%;
        height: 2px;
        background-color: #00a0e9; }
      .modal .close-btn span:before {
        transform: rotate(45deg); }
      .modal .close-btn span:after {
        transform: rotate(-45deg); }

/*--------------------------------------------------------------
  archive page
-------------------------------------------------------------- */
body.archive .header {
  position: absolute;
  z-index: 1;
  left: 4.5%;
  width: 4.028%;
  margin-top: 3.5%; }
  @media screen and (max-width: 767px) {
    body.archive .header {
      left: 2%;
      width: 5.7%;
      margin-top: 2%; } }
  body.archive .header .logo {
    display: block; }
body.archive .main .page-title {
  padding: 7.472% 0;
  font-size: .80rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  background: url("/live_2020_autumn/wp-content/themes/around-org/images/archive_header_bk.jpg") no-repeat 50%/cover; }
  @media screen and (max-width: 767px) {
    body.archive .main .page-title {
      font-size: .18rem;
      padding: 7.472% 10%; } }
body.archive .main .page-body {
  display: flex;
  justify-content: space-between;
  width: 86%;
  margin: 7.427% auto 0;
  padding-bottom: 25.174%; }
  @media screen and (max-width: 767px) {
    body.archive .main .page-body {
      display: block;
      width: 100%;
      padding: 0 20px 25%; } }
body.archive .main .cat-list {
  width: 20%; }
  @media screen and (max-width: 767px) {
    body.archive .main .cat-list {
      width: 100%; } }
  body.archive .main .cat-list__title {
    margin-bottom: 12%;
    font-size: .28rem;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    color: #4393ee;
    background: linear-gradient(135deg, #4293ee 0%, #82d0e4 94%, #82d0e4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.3em; }
    @media screen and (max-width: 767px) {
      body.archive .main .cat-list__title {
        margin-bottom: 2%;
        font-size: .15rem; } }
  @media screen and (max-width: 767px) {
    body.archive .main .cat-list ul {
      display: flex;
      justify-content: space-between;
      width: 97%; } }
  body.archive .main .cat-list li {
    padding: 5.2% 0; }
    @media screen and (max-width: 767px) {
      body.archive .main .cat-list li {
        display: flex; } }
    body.archive .main .cat-list li.current a,
    body.archive .main .cat-list li.current span, body.archive .main .cat-list li:hover a,
    body.archive .main .cat-list li:hover span {
      color: #4393ee; }
    body.archive .main .cat-list li:before {
      content: '-';
      margin-right: 5%;
      font-size: .38rem;
      font-family: "Barlow Semi Condensed", sans-serif;
      font-weight: 600;
      color: #4393ee; }
      @media screen and (max-width: 767px) {
        body.archive .main .cat-list li:before {
          margin-right: 8%;
          font-size: .14rem; } }
  body.archive .main .cat-list a {
    font-size: .38rem;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 767px) {
      body.archive .main .cat-list a {
        font-size: .14rem; } }
body.archive .main .shops {
  width: 70.252%; }
  @media screen and (max-width: 767px) {
    body.archive .main .shops {
      width: 100%; } }
  body.archive .main .shops .shops-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3.54%; }
    body.archive .main .shops .shops-list:after {
      content: "";
      display: block;
      width: 31.25%;
      height: 0; }
      @media screen and (max-width: 767px) {
        body.archive .main .shops .shops-list:after {
          width: 48%; } }
    body.archive .main .shops .shops-list .item {
      position: relative;
      width: 31.25%;
      margin-bottom: 5.6%;
      background-color: #fff;
      filter: drop-shadow(0 0 18px rgba(130, 208, 228, 0.26));
      border: 1px solid rgba(83, 163, 235, 0.15);
      border-bottom-right-radius: 10px; }
      @media screen and (max-width: 767px) {
        body.archive .main .shops .shops-list .item {
          width: 48%; } }
      body.archive .main .shops .shops-list .item .item-img {
        position: relative;
        padding-top: 66%; }
        body.archive .main .shops .shops-list .item .item-img img {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      body.archive .main .shops .shops-list .item .item-cat {
        pointer-events: none;
        display: block;
        position: absolute;
        bottom: 10%;
        left: 0;
        width: 37.585%;
        padding: 2.685% 0;
        font-size: .14rem;
        font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
        font-weight: 600;
        color: #fff;
        text-align: center; }
        @media screen and (max-width: 767px) {
          body.archive .main .shops .shops-list .item .item-cat {
            width: 50%;
            font-size: .11rem; } }
      body.archive .main .shops .shops-list .item .item-texts {
        position: relative;
        padding: 9% 6.715% 11.7%;
        text-align: center; }
      body.archive .main .shops .shops-list .item .item-title {
        margin-bottom: 6.98%;
        font-size: .30rem;
        font-weight: 600;
        word-break: break-all; }
        @media screen and (max-width: 767px) {
          body.archive .main .shops .shops-list .item .item-title {
            font-size: .16rem; } }
      body.archive .main .shops .shops-list .item .item-tags {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        body.archive .main .shops .shops-list .item .item-tags li {
          font-size: .13rem; }
          @media screen and (max-width: 767px) {
            body.archive .main .shops .shops-list .item .item-tags li {
              font-size: .11rem; } }
          body.archive .main .shops .shops-list .item .item-tags li:not(:last-child) {
            margin-right: 0.5em; }
      body.archive .main .shops .shops-list .item.cat01 .item-cat {
        background-color: #00a0e9; }
      body.archive .main .shops .shops-list .item.cat01 .item-title {
        color: #00a0e9; }
      body.archive .main .shops .shops-list .item.cat02 .item-cat {
        background-color: #cf8b39; }
      body.archive .main .shops .shops-list .item.cat02 .item-title {
        color: #cf8b39; }
      body.archive .main .shops .shops-list .item.cat03 .item-cat {
        background-color: #c45d50; }
      body.archive .main .shops .shops-list .item.cat03 .item-title {
        color: #c45d50; }
  body.archive .main .shops .link {
    position: relative;
    margin: 0 auto;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    color: #00a0e9;
    border-left: 1px solid #4393ee;
    border-right: 1px solid #82d0e4;
    width: 46.875%; }
    body.archive .main .shops .link:before, body.archive .main .shops .link:after {
      content: "";
      display: block;
      height: 1px;
      width: 100%;
      background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
      background: -moz-linear-gradient(left, #4293ee, #82d0e4);
      background: linear-gradient(left, #4293ee, #82d0e4); }
    body.archive .main .shops .link:before {
      position: absolute;
      top: 0; }
    body.archive .main .shops .link:after {
      position: absolute;
      bottom: 0; }
    body.archive .main .shops .link a,
    body.archive .main .shops .link p {
      display: block;
      position: relative;
      padding: 3.908% 0;
      font-size: .22rem;
      letter-spacing: 0.5em;
      text-align: center; }
      @media screen and (max-width: 767px) {
        body.archive .main .shops .link a,
        body.archive .main .shops .link p {
          font-size: .13rem; } }
      body.archive .main .shops .link a:before, body.archive .main .shops .link a:after,
      body.archive .main .shops .link p:before,
      body.archive .main .shops .link p:after {
        content: '';
        pointer-events: none;
        display: block;
        position: absolute; }
      body.archive .main .shops .link a:before,
      body.archive .main .shops .link p:before {
        top: 60.35%;
        width: 13.4%;
        height: 1px;
        background-color: #00a0e9; }
      body.archive .main .shops .link a:after,
      body.archive .main .shops .link p:after {
        top: 49%;
        left: 10%;
        width: 4.46%;
        height: 1px;
        background-color: #00a0e9;
        transform: rotate(45deg); }
    body.archive .main .shops .link:hover {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      opacity: 0.8; }
    @media screen and (max-width: 767px) {
      body.archive .main .shops .link {
        width: 80%; } }

/*--------------------------------------------------------------
  single page
-------------------------------------------------------------- */
body.single .single-sns {
  display: flex;
  justify-content: flex-start; }
  body.single .single-sns > * {
    position: relative;
    width: 9.88%;
    padding-top: 9.88%; }
  body.single .single-sns a {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat 50%/contain; }
  body.single .single-sns .fb {
    margin-right: 5.18%;
    text-indent: -9999px; }
    body.single .single-sns .fb a {
      background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/icon_fb@3x.png"); }
  body.single .single-sns .tw {
    margin-right: 5.18%;
    text-indent: -9999px; }
    body.single .single-sns .tw a {
      background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/icon_tw@3x.png"); }
  body.single .single-sns .inst {
    text-indent: -9999px; }
    body.single .single-sns .inst a {
      background-image: url("/live_2020_autumn/wp-content/themes/around-org/images/icon_insta@3x.png"); }
body.single .header {
  position: fixed;
  left: 4.5%;
  z-index: 100;
  width: 4.028%;
  margin-top: 3.5%; }
  @media screen and (max-width: 767px) {
    body.single .header {
      left: 2%;
      width: 5.7%;
      margin-top: 2%; } }
  body.single .header .logo {
    display: block; }
body.single .content-head {
  display: flex; }
  @media screen and (max-width: 767px) {
    body.single .content-head {
      display: block; } }
  body.single .content-head .title-area {
    position: relative;
    width: 70%;
    padding-top: 42.7%; }
    @media screen and (max-width: 767px) {
      body.single .content-head .title-area {
        width: 100%;
        padding-top: 61%; } }
    body.single .content-head .title-area .title {
      position: absolute;
      z-index: 1;
      bottom: 8.33%;
      left: 14%;
      width: 72%;
      font-size: .38rem;
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      line-height: 1.47368;
      color: #ffffff;
      text-shadow: 2px 2px 8px #333; }
      @media screen and (max-width: 767px) {
        body.single .content-head .title-area .title {
          left: 8%;
          width: 84%;
          font-size: .17rem; } }
    body.single .content-head .title-area img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  body.single .content-head .datum {
    position: relative;
    width: 30%;
    padding-top: 4.36%; }
    @media screen and (max-width: 767px) {
      body.single .content-head .datum {
        width: 100%;
        padding-top: 8%; } }
    body.single .content-head .datum__cat {
      display: inline-block;
      width: 34.4%;
      padding: 2.6% 0;
      font-size: .21rem;
      font-family: 1 YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      color: #fff;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width: 767px) {
        body.single .content-head .datum__cat {
          width: 30%;
          padding: 2% 0;
          font-size: .14rem; } }
    body.single .content-head .datum__shop {
      margin: 0 10.49%;
      padding: 4.4% 0 6.8%;
      font-size: .38rem;
      font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
      font-weight: 600;
      line-height: 1.47368; }
      @media screen and (max-width: 767px) {
        body.single .content-head .datum__shop {
          margin-left: 8%;
          padding: 4% 0 6%;
          font-size: .28rem; } }
    body.single .content-head .datum__tags {
      display: flex;
      flex-wrap: wrap;
      margin: 0 2% 15.2% 10.49%;
      font-size: .20rem; }
      @media screen and (max-width: 767px) {
        body.single .content-head .datum__tags {
          margin-bottom: 12%;
          font-size: .13rem; } }
      body.single .content-head .datum__tags li {
        margin-right: 0.5em; }
    body.single .content-head .datum__dates {
      margin: 0 2% 0 10.49%; }
      body.single .content-head .datum__dates dt {
        margin-bottom: 3.4%;
        font-size: .20rem; }
        @media screen and (max-width: 767px) {
          body.single .content-head .datum__dates dt {
            font-size: .14rem; } }
      body.single .content-head .datum__dates dd {
        margin-bottom: 14.2%;
        font-size: .28rem; }
        @media screen and (max-width: 767px) {
          body.single .content-head .datum__dates dd {
            margin-bottom: 10%;
            font-size: .18rem; } }
        body.single .content-head .datum__dates dd span {
          display: block; }
    body.single .content-head .datum.cat01 .datum__cat {
      background-color: #00a0e9; }
    body.single .content-head .datum.cat01 .datum__shop {
      color: #00a0e9; }
    body.single .content-head .datum.cat02 .datum__cat {
      background-color: #cf8b39; }
    body.single .content-head .datum.cat02 .datum__shop {
      color: #cf8b39; }
    body.single .content-head .datum.cat03 .datum__cat {
      background-color: #c45d50; }
    body.single .content-head .datum.cat03 .datum__shop {
      color: #c45d50; }
    body.single .content-head .datum__sns {
      position: absolute;
      bottom: 0;
      width: 100%;
      margin-bottom: 2.6%;
      padding-left: 10.8%; }
      @media screen and (max-width: 767px) {
        body.single .content-head .datum__sns {
          justify-content: center;
          position: relative;
          margin-bottom: 4%;
          padding-left: 0; } }
body.single .content-body {
  padding-top: 6.5%; }
  @media screen and (max-width: 767px) {
    body.single .content-body {
      padding-top: 8%; } }
  body.single .content-body .texts {
    width: 59.85%;
    margin: 0 auto;
    font-size: .28rem;
    line-height: 1.71429; }
    @media screen and (max-width: 767px) {
      body.single .content-body .texts {
        width: 80%;
        font-size: .14rem; } }
    body.single .content-body .texts.txt2 {
      margin-bottom: 11%; }
  body.single .content-body .single-slide {
    margin-top: 6.8%;
    padding-bottom: 7.8%; }
    @media screen and (max-width: 767px) {
      body.single .content-body .single-slide {
        margin-top: 10%;
        padding-bottom: 10%; } }
    body.single .content-body .single-slide .item {
      padding: 0 0.2%;
      outline: none;
        /*.img-wrapper {
          position: relative;
          padding-top: 56.5%;

          img {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }*/ }
      body.single .content-body .single-slide .item img {
        width: 100%;
        height: 33vw;
        object-fit: cover; }
        @media screen and (max-width: 767px) {
          body.single .content-body .single-slide .item img {
            height: 50vw; } }
    body.single .content-body .single-slide .caption {
      margin-top: 1.5%;
      font-size: .22rem;
      text-align: center; }
      @media screen and (max-width: 767px) {
        body.single .content-body .single-slide .caption {
          margin-top: 4%;
          font-size: .12rem; } }
body.single .content-sub-sec .sub-sec-title {
  font-size: .60rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  color: #00a0e9;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center; }
  @media screen and (max-width: 767px) {
    body.single .content-sub-sec .sub-sec-title {
      font-size: .24rem; } }
body.single .content-sub-sec.movie {
  margin-top: 11%;
  padding-bottom: 11.4%; }
  @media screen and (max-width: 767px) {
    body.single .content-sub-sec.movie {
      margin-top: 14%;
      padding-bottom: 23%; } }
  body.single .content-sub-sec.movie .sub-sec-title {
    margin-bottom: 3.35%; }
  body.single .content-sub-sec.movie .movie-cont {
    position: relative;
    width: 60.4155%;
    margin: 0 auto;
    padding-top: 34.299%; }
    @media screen and (max-width: 767px) {
      body.single .content-sub-sec.movie .movie-cont {
        width: 80%;
        padding-top: 52.27%; } }
    body.single .content-sub-sec.movie .movie-cont .movie-thumb {
      cursor: pointer;
      display: block;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      border-bottom-right-radius: 20px; }
      body.single .content-sub-sec.movie .movie-cont .movie-thumb:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0.8; }
      body.single .content-sub-sec.movie .movie-cont .movie-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body.single .content-sub-sec.movie .movie-cont .movie-thumb iframe {
        width: 100%;
        height: 100%; }
body.single .content-sub-sec.data {
  position: relative;
  padding-top: 9.4%;
  background-color: #cde5f9; }
  @media screen and (max-width: 767px) {
    body.single .content-sub-sec.data {
      padding-top: 12%; } }
  body.single .content-sub-sec.data .sub-sec-title {
    position: absolute;
    top: -0.85%;
    width: 100%; }
  body.single .content-sub-sec.data .data__inner {
    width: 60.4155%;
    margin: 0 auto;
    padding-bottom: 9.3%; }
    @media screen and (max-width: 767px) {
      body.single .content-sub-sec.data .data__inner {
        width: 80%;
        padding-bottom: 18%; } }
  body.single .content-sub-sec.data .data__columns {
    display: flex;
    padding-bottom: 4.2%; }
    @media screen and (max-width: 767px) {
      body.single .content-sub-sec.data .data__columns {
        display: block;
        padding-bottom: 18%; } }
    body.single .content-sub-sec.data .data__columns .img {
      position: relative;
      width: 48%;
      padding-top: 48%;
      margin-right: 2.8%;
      background-color: #393939; }
      @media screen and (max-width: 767px) {
        body.single .content-sub-sec.data .data__columns .img {
          width: 70%;
          margin: 0 auto;
          padding-top: 70%; } }
      body.single .content-sub-sec.data .data__columns .img img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    body.single .content-sub-sec.data .data__columns .desc {
      flex: 1; }
      body.single .content-sub-sec.data .data__columns .desc dt {
        padding: 2.8% 0 12.5%;
        font-size: .32rem;
        font-family: YuGothic, "Yu Gothic", Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI", Verdana, Meiryo, sans-serif;
        font-weight: 600;
        line-height: 1.5; }
        @media screen and (max-width: 767px) {
          body.single .content-sub-sec.data .data__columns .desc dt {
            width: 70%;
            margin: 0 auto;
            padding: 6% 0 4%;
            font-size: .18rem;
            text-align: center; } }
        body.single .content-sub-sec.data .data__columns .desc dt span {
          margin-right: 1em;
          font-size: .26rem; }
          @media screen and (max-width: 767px) {
            body.single .content-sub-sec.data .data__columns .desc dt span {
              font-size: .15rem; } }
      body.single .content-sub-sec.data .data__columns .desc dd {
        font-size: .26rem;
        line-height: 1.84615; }
        @media screen and (max-width: 767px) {
          body.single .content-sub-sec.data .data__columns .desc dd {
            font-size: .14rem; } }
  body.single .content-sub-sec.data .data__datum {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 65.625%;
    margin: 0 auto;
    padding: 4.5% 0 2%;
    border-bottom: 2px solid #fff; }
    @media screen and (max-width: 767px) {
      body.single .content-sub-sec.data .data__datum {
        width: 100%; } }
    body.single .content-sub-sec.data .data__datum dt {
      width: 26%;
      font-size: .24rem;
      color: #00a0e9; }
      @media screen and (max-width: 767px) {
        body.single .content-sub-sec.data .data__datum dt {
          font-size: .12rem; } }
    body.single .content-sub-sec.data .data__datum dd {
      width: 74%;
      font-size: .26rem;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        body.single .content-sub-sec.data .data__datum dd {
          font-size: .14rem; } }
  body.single .content-sub-sec.data .single-sns {
    justify-content: space-between;
    width: 24%;
    margin: 8.2% auto 0; }
    @media screen and (max-width: 767px) {
      body.single .content-sub-sec.data .single-sns {
        width: 100%;
        justify-content: center; } }
    body.single .content-sub-sec.data .single-sns > * {
      width: 18%;
      padding-top: 18%; }
      @media screen and (max-width: 767px) {
        body.single .content-sub-sec.data .single-sns > * {
          width: 13%;
          padding-top: 13%; } }
body.single .third-sec .third-sec-title {
  font-size: .40rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  color: #00a0e9;
  line-height: 1;
  letter-spacing: 0.4em;
  text-align: center; }
  @media screen and (max-width: 767px) {
    body.single .third-sec .third-sec-title {
      font-size: .18rem; } }
body.single .third-sec.access .third-sec-title {
  padding-bottom: 6.8%; }
body.single .third-sec.access .access__link {
  position: relative;
  margin: 0 auto;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  color: #00a0e9;
  border-left: 1px solid #4393ee;
  border-right: 1px solid #82d0e4;
  width: 50%;
  margin-top: 10%;
  background-color: #fff; }
  body.single .third-sec.access .access__link:before, body.single .third-sec.access .access__link:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right bottom, from(#4293ee), to(#82d0e4));
    background: -moz-linear-gradient(left, #4293ee, #82d0e4);
    background: linear-gradient(left, #4293ee, #82d0e4); }
  body.single .third-sec.access .access__link:before {
    position: absolute;
    top: 0; }
  body.single .third-sec.access .access__link:after {
    position: absolute;
    bottom: 0; }
  body.single .third-sec.access .access__link a,
  body.single .third-sec.access .access__link p {
    display: block;
    position: relative;
    padding: 3.908% 0;
    font-size: .22rem;
    letter-spacing: 0.5em;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body.single .third-sec.access .access__link a,
      body.single .third-sec.access .access__link p {
        font-size: .13rem; } }
    body.single .third-sec.access .access__link a:before, body.single .third-sec.access .access__link a:after,
    body.single .third-sec.access .access__link p:before,
    body.single .third-sec.access .access__link p:after {
      content: '';
      pointer-events: none;
      display: block;
      position: absolute; }
    body.single .third-sec.access .access__link a:before,
    body.single .third-sec.access .access__link p:before {
      top: 60.35%;
      width: 13.4%;
      height: 1px;
      background-color: #00a0e9; }
    body.single .third-sec.access .access__link a:after,
    body.single .third-sec.access .access__link p:after {
      top: 49%;
      left: 10%;
      width: 4.46%;
      height: 1px;
      background-color: #00a0e9;
      transform: rotate(45deg); }
  body.single .third-sec.access .access__link:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.8; }
  @media screen and (max-width: 767px) {
    body.single .third-sec.access .access__link {
      width: 80%; } }
body.single .third-sec.access .access-gmap {
  height: 22.5vw; }
  @media screen and (max-width: 767px) {
    body.single .third-sec.access .access-gmap {
      height: 50vw; } }
body.single .third-sec.gallery {
  padding-top: 8.2%;
  margin-bottom: 9.4%;
  background-color: #fff; }
  body.single .third-sec.gallery .third-sec-title {
    padding-bottom: 3.4%; }
  body.single .third-sec.gallery .gallery-slide .item {
    padding: 0 0.1%;
    outline: none;
          /*.img-wrapper {
            position: relative;
            padding-top: 56.5%;

            img {
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }*/ }
    body.single .third-sec.gallery .gallery-slide .item img {
      width: 100%;
      height: 33vw;
      object-fit: cover; }
      @media screen and (max-width: 767px) {
        body.single .third-sec.gallery .gallery-slide .item img {
          height: 50vw; } }
  body.single .third-sec.gallery .gallery-slide .counter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.05%;
    font-size: .30rem;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body.single .third-sec.gallery .gallery-slide .counter {
        font-size: .15rem; } }
    body.single .third-sec.gallery .gallery-slide .counter .total {
      position: relative;
      padding-left: 4%; }
      @media screen and (max-width: 767px) {
        body.single .third-sec.gallery .gallery-slide .counter .total {
          padding-left: 8%; } }
      body.single .third-sec.gallery .gallery-slide .counter .total:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 25%;
        width: 40%;
        height: 1px;
        background-color: #393939;
        transform: rotate(-45deg); }
        @media screen and (max-width: 767px) {
          body.single .third-sec.gallery .gallery-slide .counter .total:before {
            left: 20%; } }
body.single .pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10.5%; }
  body.single .pager a {
    display: block;
    padding: 1.15% 0;
    font-size: .50rem;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.2em;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body.single .pager a {
        font-size: .20rem; } }
    body.single .pager a.all {
      width: 34%;
      background-color: #71c1e6; }
    body.single .pager a.prev, body.single .pager a.next {
      width: 33%;
      background-color: #00a0e9; }
      body.single .pager a.prev span, body.single .pager a.next span {
        position: relative; }
    body.single .pager a.prev span:before, body.single .pager a.next span:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 32%;
      width: 20.55%;
      padding-top: 20%; }
      @media screen and (max-width: 767px) {
        body.single .pager a.prev span:before, body.single .pager a.next span:after {
          top: 0;
          bottom: 0;
          margin: auto; } }
    body.single .pager a.prev span:before {
      left: -40%;
      background: url("/live_2020_autumn/wp-content/themes/around-org/images/single_arrow_bk.png") no-repeat 50%/contain;
      transform: rotate(-180deg); }
    body.single .pager a.next span:after {
      right: -40%;
      background: url("/live_2020_autumn/wp-content/themes/around-org/images/single_arrow_bk.png") no-repeat 50%/contain; }

/*# sourceMappingURL=styles.css.map */