@charset "UTF-8";
/* =======================================
 reset補完
======================================= */
html {
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

input[type=text], input[type=tel], input[type=email], input[type=search], input[type=password],
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

/*
input[type='checkbox'],
input[type='radio'] {
  display: none;
}
*/
input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

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

/* =======================================
 base style
======================================= */
body {
  background: #fff;
  color: #333;
  font-family: acumin-pro, Noto Sans JP, sans-serif;
  margin: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 13px;
    min-width: 1100px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.733vw;
  }
}

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

.single-main-img img,
.article-img img,
.rcmd-img img {
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

a {
  color: #333;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  a {
    transition: all 0.5s;
  }
  a:hover img {
    opacity: 0.8;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper {
    overflow: hidden;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .none-pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .none-sp {
    display: none !important;
  }
}
.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.alignleft {
  text-align: left;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

@media only screen and (min-width: 768px) {
  .contents {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 100px;
    width: 1020px;
  }
}
.header {
  background: rgb(24, 24, 24);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .header {
    color: #fff;
    position: fixed;
  }
  .header a {
    color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    position: sticky;
    transition: all 0.3s linear;
    transform: translate3d(0, 0, 0);
  }
}

.hd-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .hd-inner {
    height: 80px;
    margin: auto;
    width: 1020px;
  }
}
@media only screen and (max-width: 767px) {
  .hd-inner {
    height: 13.333vw;
    padding: 0 2.667vw 0 4.4vw;
  }
}

@media only screen and (min-width: 768px) {
  .hd-main {
    width: 250px;
  }
}

@media only screen and (min-width: 768px) {
  .intro {
    font-size: 11px;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
  }
}

@media only screen and (min-width: 768px) {
  .logo {
    width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .logo {
    width: 28vw;
  }
}

@media only screen and (min-width: 768px) {
  .hd-sub {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 40px;
    width: 520px;
  }
}
@media only screen and (max-width: 767px) {
  .hd-sub {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 13.333vw);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    transition: all 0.5s linear;
    width: 100%;
    top: 13.333vw;
    right: -100%;
  }
}

@media only screen and (max-width: 767px) {
  .hd-btn {
    display: block;
    width: 8vw;
  }
  .btn-nav-open, .btn-nav-close {
    background: no-repeat 0 0/contain;
    cursor: pointer;
    display: block;
    height: 8vw;
    width: 8vw;
  }
  .btn-nav-open {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3B%7D.cls-2%7Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%227%22%20y1%3D%2230%22%20x2%3D%2253%22%20y2%3D%2230%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%227%22%20y1%3D%2214%22%20x2%3D%2253%22%20y2%3D%2214%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%227%22%20y1%3D%2246%22%20x2%3D%2253%22%20y2%3D%2246%22%2F%3E%3C%2Fsvg%3E");
  }
  .btn-nav-close {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3B%7D.cls-2%7Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2250%22%20y1%3D%2210%22%20x2%3D%2210%22%20y2%3D%2250%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2210%22%20y1%3D%2210%22%20x2%3D%2250%22%20y2%3D%2250%22%2F%3E%3C%2Fsvg%3E");
    display: none;
  }
  .nav-open {
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .nav-open .hd-sub {
    padding-bottom: 13.333vw;
    right: 0;
  }
  .nav-open .btn-nav-open {
    display: none;
  }
  .nav-open .btn-nav-close {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .hd-nav {
    display: flex;
    letter-spacing: 0.06em;
  }
  .hd-nav li {
    margin-right: 1em;
  }
  .hd-nav li:not(:last-child)::after {
    content: "/";
    font-weight: bold;
    margin-left: 1em;
  }
  .hd-nav a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
}
@media only screen and (max-width: 767px) {
  .hd-nav {
    margin-bottom: 8vw;
    width: 100%;
  }
  .hd-nav li {
    border-bottom: 1px dashed #333;
    line-height: 13.333vw;
  }
  .hd-nav li a {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.73%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e5007e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%222.74%2030%200%2027.26%2012.26%2015%200%202.74%202.74%200%2017.73%2015%202.74%2030%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 92vw 50%;
    background-size: auto 4vw;
    display: block;
    padding: 0 9.333vw 0 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .hd-search {
    background: rgb(24, 24, 24);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
    position: absolute;
    transition: all 0.3s linear;
    transform-origin: 100% 0;
    width: 40px;
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hd-search {
    background: rgb(179, 179, 179);
    order: -1;
    padding: 4vw 0;
  }
}

.hd-search-box {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .hd-search-box {
    border-radius: 15px;
    height: 30px;
    margin: 0 0 0 auto;
    opacity: 0;
    transition: all 0.3s linear;
    transform-origin: 100% 0;
    visibility: hidden;
    width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hd-search-box {
    border-radius: 5.333vw;
    height: 10.667vw;
    margin: auto;
    padding: 0 4vw;
    width: 92vw;
  }
}
.hd-search-box .select_wrap {
  position: relative;
}
.hd-search-box .select_wrap:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgb(250, 250, 250) url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%202.96%200.91%202.04%205%206.13%209.09%202.04%2010%202.96%205%207.96%200%202.96%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2210%22%20height%3D%2210%22%20transform%3D%22translate(0%2010)%20rotate(-90)%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 10px auto;
}
.hd-search-box .select_wrap select {
  padding-right: 20px;
}

input[type=text].hd-input {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  input[type=text].hd-input {
    font-size: 14px;
    line-height: 30px;
    width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  input[type=text].hd-input {
    font-size: 16px;
    line-height: 7.6vw;
    padding: 1.333vw 0;
    width: 73.333vw;
  }
}

.hd-submit {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M37.12%2C4.27a21.49%2C21.49%2C0%2C0%2C0-15.87%2C36L6.09%2C55.44a2.51%2C2.51%2C0%2C0%2C0%2C1.78%2C4.29A2.5%2C2.5%2C0%2C0%2C0%2C9.65%2C59l15.4-15.4a21.33%2C21.33%2C0%2C0%2C0%2C12.07%2C3.72%2C21.53%2C21.53%2C0%2C0%2C0%2C0-43Zm0%2C38a16.5%2C16.5%2C0%2C1%2C1%2C16.49-16.5A16.52%2C16.52%2C0%2C0%2C1%2C37.12%2C42.29Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2264%22%20height%3D%2264%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
  cursor: pointer;
  display: block;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .hd-submit {
    height: 24px;
    width: 24px;
  }
  .hd-submit:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 767px) {
  .hd-submit {
    height: 8.533vw;
    width: 8.533vw;
  }
}

@media only screen and (min-width: 768px) {
  .hd-search-btn {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M17.4%2C2A10.07%2C10.07%2C0%2C0%2C0%2C10%2C18.88L2.86%2C26a1.17%2C1.17%2C0%2C1%2C0%2C1.66%2C1.66l7.22-7.21a10%2C10%2C0%2C0%2C0%2C5.66%2C1.74A10.09%2C10.09%2C0%2C0%2C0%2C17.4%2C2Zm0%2C17.82a7.73%2C7.73%2C0%2C1%2C1%2C7.73-7.73A7.74%2C7.74%2C0%2C0%2C1%2C17.4%2C19.82Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
    cursor: pointer;
    display: block;
    height: 30px;
    width: 30px;
  }
  .is__searchOpen .hd-search {
    opacity: 1;
    width: 520px;
  }
  .is__searchOpen .hd-search-box {
    margin-right: 10px;
    opacity: 1;
    padding: 0 10px 0 20px;
    visibility: initial;
    width: 410px;
  }
  .is__searchOpen .hd-search-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3B%7D.cls-2%7Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2250%22%20y1%3D%2210%22%20x2%3D%2210%22%20y2%3D%2250%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2210%22%20y1%3D%2210%22%20x2%3D%2250%22%20y2%3D%2250%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media only screen and (max-width: 767px) {
  .hd-bnr {
    margin: auto;
    width: 88vw;
  }
}

@media only screen and (max-width: 767px) {
  .is__hd-hide .header {
    top: -13.333vw;
  }
  .is__nav-open .header {
    position: fixed;
  }
}
.main-bnr {
  background: rgb(96, 169, 252);
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main-bnr {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .main-bnr {
    margin-bottom: 6.667vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-bnr a {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .main {
    padding-bottom: 70px;
    width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .main {
    padding-bottom: 10.667vw;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .article-main {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .article-main {
    margin-bottom: 18vw;
  }
}

@media only screen and (min-width: 768px) {
  .search-hl {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .search-hl {
    font-size: 4.267vw;
    margin: 0 auto 3.333vw;
    width: 92vw;
  }
}

.search-txt {
  line-height: 2;
}
.search-txt p:not(:last-child) {
  margin-bottom: 1.5em;
}
.search-txt strong {
  font-size: 150%;
}
@media only screen and (min-width: 768px) {
  .search-txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .search-txt {
    margin: 0 auto 3.333vw;
    width: 92vw;
  }
}

.keywords {
  display: flex;
}
.keywords a {
  background: rgb(80, 80, 70);
  color: #fff;
  display: block;
  position: relative;
}
.keywords a::after {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2220%201.62%2018.38%200%2010%208.38%201.62%200%200%201.62%208.38%2010%200%2018.38%201.62%2020%2010%2011.62%2018.38%2020%2020%2018.38%2011.62%2010%2020%201.62%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .keywords {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  .keywords li {
    font-size: 12px;
    line-height: 24px;
    margin: 0 6px 6px 0;
  }
  .keywords a {
    border-radius: 4px;
    padding: 0 30px 0 8px;
  }
  .keywords a:hover {
    background-color: rgba(80, 80, 70, 0.8);
  }
  .keywords a::after {
    height: 9px;
    width: 9px;
    top: 7px;
    right: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .keywords {
    cursor: pointer;
    height: 14.667vw;
    margin: 0 0 0 auto;
    overflow: scroll;
    padding-bottom: 5.333vw;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 96vw;
  }
  .keywords li {
    font-size: 4vw;
    line-height: 9.333vw;
    margin-right: 1.333vw;
  }
  .keywords a {
    border-radius: 0.533vw;
    padding: 0 12vw 0 2.667vw;
  }
  .keywords a::after {
    height: 2.667vw;
    width: 2.667vw;
    top: 3.333vw;
    right: 2.667vw;
  }
}

@media only screen and (max-width: 767px) {
  .article-wrap {
    margin: auto;
    width: 92vw;
  }
}

.article {
  position: relative;
}

.article-cat {
  font-family: Meiryo, Osaka, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
}

.icon-tag {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3A%23e5007e%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-3%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M14%2C0H0V14L14%2C28%2C28%2C14ZM2.81%2C12.87V2.81H12.87L24%2C14%2C14%2C24Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%226.02%22%20y%3D%226.02%22%20width%3D%222.81%22%20height%3D%222.81%22%2F%3E%3Crect%20class%3D%22cls-3%22%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .icon-tag {
    height: 14px;
    margin-right: 6px;
    width: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .icon-tag {
    height: 3.733vw;
    margin-right: 1.333vw;
    width: 3.733vw;
  }
}

.article-date {
  border: 1px solid rgb(119, 119, 119);
  color: rgb(119, 119, 119);
  font-family: Meiryo, Osaka, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-date {
    border-radius: 2px;
    font-size: 12px;
    line-height: 34px;
    width: 93px;
  }
}
@media only screen and (max-width: 767px) {
  .article-date {
    border-radius: 0.267vw;
    font-size: 2.4vw;
    line-height: 6.667vw;
    width: 18.667vw;
  }
}

@media only screen and (min-width: 768px) {
  .article-wrap.pickup {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .article-wrap.pickup::before {
    content: "";
    border-right: 1px dashed rgb(128, 128, 128);
    display: block;
    height: 100%;
    position: absolute;
    width: 1px;
    top: 0;
    left: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .article-wrap.pickup .article {
    width: 348px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.pickup .article {
    margin-bottom: 8vw;
  }
}
@media only screen and (min-width: 768px) {
  .article-wrap.pickup .article-img {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.pickup .article-img {
    margin-bottom: 4vw;
  }
}
.article-wrap.pickup .article-cat {
  color: rgb(229, 0, 126);
}
.article-wrap.pickup .article-cat a {
  color: rgb(229, 0, 126);
}
@media only screen and (min-width: 768px) {
  .article-wrap.pickup .article-cat {
    font-size: 12px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.pickup .article-cat {
    font-size: 3.467vw;
    margin-bottom: 4vw;
  }
}
.article-wrap.pickup .article-title {
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .article-wrap.pickup .article-title {
    font-size: 19px;
    line-height: 1.63;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.pickup .article-title {
    font-size: 4vw;
    line-height: 1.53;
    margin-bottom: 4vw;
  }
}
.article-wrap.pickup .article-date {
  margin: 0 0 0 auto;
}
.article-wrap.normal .article {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.article-wrap.normal .article:not(:last-child) {
  border-bottom: 1px dashed rgb(128, 128, 128);
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article {
    padding: 30px 0;
  }
  .article-wrap.normal .article a:hover {
    color: #737373;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article {
    padding: 5.333vw 0;
  }
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-img {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article-img {
    width: 32vw;
  }
}
.article-wrap.normal .article-cat {
  color: rgb(153, 153, 153);
  width: 100%;
}
.article-wrap.normal .article-cat a {
  color: rgb(153, 153, 153);
}
.article-wrap.normal .article-cat dt, .article-wrap.normal .article-cat dd {
  display: inline-block;
  vertical-align: middle;
}
.article-wrap.normal .article-cat dt {
  background: #57956a;
  color: #fff;
  display: inline-block;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-cat dt {
    border-radius: 2px;
    font-size: 11px;
    margin-right: 8px;
    padding: 2px;
  }
  .article-wrap.normal .article-cat dd {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article-cat dt {
    border-radius: 0.267vw;
    font-size: 2.267vw;
    margin-right: 1.333vw;
    padding: 0.267vw 0.667vw;
  }
  .article-wrap.normal .article-cat dd {
    font-size: 2.4vw;
  }
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-desc {
    width: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article-desc {
    width: 57.333vw;
  }
}
.article-wrap.normal .article-title {
  font-weight: normal;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-title {
    font-size: 20px;
    line-height: 1.55;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article-title {
    font-size: 3.2vw;
    line-height: 1.667;
    margin-bottom: 8vw;
  }
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-txt {
    font-size: 12px;
    line-height: 1.83;
    margin-bottom: 18px;
  }
}
.article-wrap.normal .article-date {
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .article-wrap.normal .article-date {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .article-wrap.normal .article-date {
    bottom: 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .js_isChrome .article-wrap.normal .article-cat dt {
    padding: 2px 2px 1px;
  }
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.wp-pagenavi .first, .wp-pagenavi .last {
  background: rgb(139, 139, 139);
  color: #fff;
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
  display: block;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  background: #333;
  color: #fff;
}
.wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .extend {
  background: #fff;
}
.wp-pagenavi .current {
  background: rgb(229, 0, 126);
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .wp-pagenavi {
    font-size: 16px;
    line-height: 40px;
    margin-top: 40px;
  }
  .wp-pagenavi a {
    border: 1px solid;
  }
  .wp-pagenavi .first, .wp-pagenavi .last {
    border-color: rgb(139, 139, 139);
    width: 80px;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    border-color: #333;
  }
  .wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .extend {
    border-color: rgb(153, 153, 153);
  }
  .wp-pagenavi .current {
    border-color: rgb(229, 0, 126);
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink,
  .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
    height: 40px;
    margin: 0 7px;
  }
  .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
    width: 40px;
  }
  .wp-pagenavi a:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi {
    justify-content: space-between;
    font-size: 4.267vw;
    margin: 4vw auto 0;
    width: 92vw;
  }
  .wp-pagenavi .first, .wp-pagenavi .last {
    height: 12vw;
    line-height: 12vw;
    width: 25.333vw;
  }
  .wp-pagenavi .page, .wp-pagenavi .extend {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink,
  .wp-pagenavi .current {
    height: 12vw;
    line-height: 12vw;
    width: 12vw;
  }
}

@media only screen and (max-width: 767px) {
  .reference {
    margin-left: 4vw;
  }
}

.re-hl {
  color: rgb(24, 24, 24);
}
.re-hl .icon-re {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e5007e%3Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M22.55%2C10.37c5-2.27%2C8.71-4.95%2C15.4-6.07a16.78%2C16.78%2C0%2C0%2C0%2C1.32%2C1.85S36%2C5.31%2C22.55%2C10.37Zm12.76-7-1.1-1.52c-5.6%2C1.84-8.33%2C4.64-12.28%2C7.26C32.71%2C3%2C35.31%2C3.4%2C35.31%2C3.4Zm-17.86%2C7c-5-2.27-8.71-4.95-15.4-6.07A16.78%2C16.78%2C0%2C0%2C1%2C.73%2C6.15S4%2C5.31%2C17.45%2C10.37Zm.62-1.23c-4-2.62-6.68-5.42-12.28-7.26L4.69%2C3.4S7.29%2C3%2C18.07%2C9.14ZM20%2C12.06a10.31%2C10.31%2C0%2C0%2C1-3.12-.48%2C1.84%2C1.84%2C0%2C0%2C0%2C0%2C.41V36.23a1.54%2C1.54%2C0%2C0%2C0%2C.92%2C1.51%2C6.8%2C6.8%2C0%2C0%2C0%2C4.48%2C0%2C1.58%2C1.58%2C0%2C0%2C0%2C.92-1.51V12a1.84%2C1.84%2C0%2C0%2C0%2C0-.41A10.31%2C10.31%2C0%2C0%2C1%2C20%2C12.06Zm4.25%2C25.17A61.53%2C61.53%2C0%2C0%2C1%2C40%2C33.74V7.88a61.11%2C61.11%2C0%2C0%2C0-15.75%2C3.49Zm-8.5-25.86A61.11%2C61.11%2C0%2C0%2C0%2C0%2C7.88V33.74a61.53%2C61.53%2C0%2C0%2C1%2C15.75%2C3.49Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .re-hl {
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
  }
  .re-hl::after {
    content: "";
    background: rgb(24, 24, 24);
    display: block;
    height: 1px;
    position: absolute;
    width: 390px;
    top: 50%;
    right: 0;
  }
  .re-hl .icon-re {
    height: 20px;
    margin-right: 12px;
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .re-hl {
    margin-bottom: 5.333vw;
  }
  .re-hl .icon-re {
    height: 5.333vw;
    margin-right: 1.6vw;
    width: 5.333vw;
  }
}

.re-list {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .re-list {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .re-list {
    cursor: pointer;
    height: 82.667vw;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}

.re-card {
  background: #fff;
  box-shadow: 0 0 2px rgb(200, 200, 200);
  display: block;
}
@media only screen and (min-width: 768px) {
  .re-card {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .re-card {
    flex: none;
    margin: 0 4vw 0 0;
    width: 33.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .re-card-img {
    height: 340px;
    overflow: hidden;
  }
  .re-card-img img {
    display: block;
    transition: all 0.5s ease;
  }
  .re-card-img a:hover img {
    transform: scale(1.1);
  }
}

@media only screen and (min-width: 768px) {
  .re-card-data {
    font-size: 12px;
    line-height: 20px;
    padding: 6px 10px 4px;
  }
}
@media only screen and (max-width: 767px) {
  .re-card-data {
    padding: 2vw;
  }
}

.lp-card-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .lp-card-label {
    height: 30px;
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .lp-card-label {
    font-size: 3.467vw;
    line-height: 4.533vw;
    margin: auto;
    width: 29.333vw;
  }
}

#ryuki_ad_layer {
  z-index: 999;
  display: none;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#ryuki_ad_layer.show {
  display: block;
}

#ryuki_ad {
  z-index: 999;
  width: 90%;
  max-width: 820px;
  min-width: 320px;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  top: -150%;
}
#ryuki_ad.show {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#ryuki_ad_close {
  text-align: right;
  padding-top: 10px;
}
#ryuki_ad_close button {
  background: #ccc;
  border-radius: 5px;
  padding: 5px 10px;
}

@media only screen and (min-width: 768px) {
  .aside {
    padding-bottom: 30px;
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .aside {
    margin: auto;
    width: 92vw;
  }
}

@media only screen and (min-width: 768px) {
  .recommend {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .recommend {
    margin-bottom: 16vw;
  }
}

.rcmd-hl {
  border-bottom: 2px solid rgb(24, 24, 24);
  color: rgb(24, 24, 24);
  letter-spacing: 0.06em;
}
.rcmd-hl .icon-rcmd {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M8%2C18.67V36H2.71V18.67H8M8%2C16H2.71A2.66%2C2.66%2C0%2C0%2C0%2C0%2C18.67V36a2.67%2C2.67%2C0%2C0%2C0%2C2.67%2C2.67H8A2.68%2C2.68%2C0%2C0%2C0%2C10.71%2C36V18.67A2.67%2C2.67%2C0%2C0%2C0%2C8%2C16Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M29.44%2C40h-17C10.68%2C40%2C8%2C38.88%2C8%2C36a1.34%2C1.34%2C0%2C0%2C1%2C2.67%2C0c0%2C1.26%2C1.6%2C1.33%2C1.79%2C1.33H29.44c5.68%2C0%2C5.84-2.55%2C5.84-2.58v-.19c0-.09%2C1.31-9.18%2C2-15a3.58%2C3.58%2C0%2C0%2C0-.66-3%2C3.32%2C3.32%2C0%2C0%2C0-2.42-.72H25.52a3.32%2C3.32%2C0%2C0%2C1-2.54-1c-1.2-1.28-1.07-3.38-.89-6%2C.06-1%2C.14-2.23.14-3.46a2.59%2C2.59%2C0%2C0%2C0-.71-2A3.73%2C3.73%2C0%2C0%2C0%2C19%2C2.67c-1%2C15.59-9.2%2C16-9.55%2C16A1.34%2C1.34%2C0%2C0%2C1%2C9.32%2C16c.3%2C0%2C6.27-.59%2C7-14a2.07%2C2.07%2C0%2C0%2C1%2C1.85-2A6.66%2C6.66%2C0%2C0%2C1%2C23.3%2C1.35a5.17%2C5.17%2C0%2C0%2C1%2C1.6%2C4c0%2C1.32-.08%2C2.55-.15%2C3.63-.11%2C1.69-.24%2C3.6.18%2C4%2C.11.12.45.13.59.13h8.41a5.89%2C5.89%2C0%2C0%2C1%2C4.52%2C1.47%2C6%2C6%2C0%2C0%2C1%2C1.44%2C5.23c-.62%2C5.6-1.84%2C14.24-2%2C15S37.19%2C40%2C29.44%2C40Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .rcmd-hl {
    font-size: 16px;
    margin-bottom: 13px;
    padding-bottom: 8px;
  }
  .rcmd-hl .icon-rcmd {
    height: 16px;
    margin-right: 6px;
    width: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-hl {
    margin-bottom: 2.667vw;
    padding-bottom: 4.667vw;
  }
  .rcmd-hl .icon-rcmd {
    height: 5.333vw;
    margin-right: 1.6vw;
    width: 5.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .rcmd-sec {
    margin-bottom: 20px;
    padding-bottom: 25px;
  }
  .rcmd-sec:not(:last-child) {
    border-bottom: 1px solid rgb(179, 179, 179);
  }
  .rcmd-sec a:hover {
    color: #737373;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-sec {
    padding: 4vw 0 6.667vw;
  }
  .rcmd-sec:not(:last-child) {
    border-bottom: 1px dashed rgb(128, 128, 128);
  }
}

@media only screen and (max-width: 767px) {
  .rcmd-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .rcmd-desc {
    width: 57.333vw;
  }
}
@media only screen and (min-width: 768px) {
  .rcmd-img {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-img {
    width: 32vw;
  }
}

.rcmd-title {
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .rcmd-title {
    font-size: 14px;
    line-height: 1.428;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-title {
    font-size: 3.2vw;
    line-height: 1.667;
    margin-bottom: 5.333vw;
  }
}

@media only screen and (max-width: 767px) {
  .rcmd-wrap .rcmd-title {
    margin-bottom: 8vw;
  }
}

.rcmd-cat {
  color: rgb(153, 153, 153);
  width: 100%;
}
.rcmd-cat dt, .rcmd-cat dd {
  display: inline-block;
  vertical-align: middle;
}
.rcmd-cat dt {
  background: #57956a;
  color: #fff;
  display: inline-block;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) {
  .rcmd-cat dt {
    border-radius: 2px;
    font-size: 11px;
    margin-right: 8px;
    padding: 2px;
  }
  .rcmd-cat dd {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-cat dt {
    border-radius: 0.267vw;
    font-size: 2.267vw;
    margin-right: 1.333vw;
    padding: 0.267vw 0.667vw;
  }
  .rcmd-cat dd {
    font-size: 2.4vw;
  }
}

.rcmd-more {
  letter-spacing: 0.06em;
}
.rcmd-more a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23181818%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16%2C1A15%2C15%2C0%2C1%2C1%2C1%2C16%2C15%2C15%2C0%2C0%2C1%2C16%2C1m0-1A16%2C16%2C0%2C1%2C0%2C32%2C16%2C16%2C16%2C0%2C0%2C0%2C16%2C0Z%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.08%209.6%2020.08%2016.14%2012.38%2022.4%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  color: rgb(24, 24, 24);
  display: block;
}
@media only screen and (min-width: 768px) {
  .rcmd-more {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 auto;
    width: 100px;
  }
  .rcmd-more a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23181818%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C1A7%2C7%2C0%2C1%2C1%2C1%2C8%2C7%2C7%2C0%2C0%2C1%2C8%2C1M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0Z%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%226.04%204.8%2010.04%208.07%206.19%2011.2%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px auto;
    background-position: 0 50%;
    padding-left: 25px;
    text-decoration: underline;
  }
  .rcmd-more a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  .rcmd-more {
    line-height: 10.667vw;
    margin: auto;
    text-align: center;
    width: 66.667vw;
  }
  .rcmd-more a {
    background-color: rgb(240, 240, 240);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23181818%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C1A7%2C7%2C0%2C1%2C1%2C1%2C8%2C7%2C7%2C0%2C0%2C1%2C8%2C1M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0Z%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%226.04%204.8%2010.04%208.07%206.19%2011.2%22%2F%3E%3C%2Fsvg%3E");
    background-size: 4.267vw auto;
    background-position: 18vw 50%;
    border-radius: 2px;
    text-indent: 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .aside-ad {
    position: sticky;
    top: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .fix-bnr {
    position: fixed;
    top: 140px;
    right: 0;
  }
  .fix-bnr img {
    max-width: inherit;
  }
  .fix-bnr a {
    display: block;
    margin: 0 0 0 auto;
    transition: all 0.3s linear;
    width: 60px;
  }
  .fix-bnr a:hover {
    width: 360px;
  }
  .fix-bnr a:hover img {
    opacity: 1;
  }
}
@media only screen and (max-width: 1200px) {
  .fix-bnr {
    display: none !important;
  }
}
.breadcrumb-list {
  background: rgb(242, 242, 242);
}
.breadcrumb-list li {
  display: inline-block;
  line-height: 1.3;
  margin-right: 0.5em;
}
.breadcrumb-list li:not(:last-child)::after {
  content: ">";
  padding-left: 0.5em;
}
.breadcrumb-list a {
  display: inline;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .breadcrumb-list {
    padding: 12px 0;
  }
  .breadcrumb-list ul {
    margin: auto;
    width: 1020px;
  }
  .breadcrumb-list a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-list {
    font-size: 3.2vw;
    padding: 4.667vw 3.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .ft-bnr {
    background: rgb(200, 200, 200);
    margin: 0 0 0 auto;
    transition: all 0.5s linear;
    text-align: center;
  }
  .ft-bnr img {
    max-width: 100%;
  }
}

.linklist {
  background: #000;
  width: 100%;
}
.linklist ul {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .linklist {
    padding: 20px 0;
  }
  .linklist ul {
    justify-content: space-between;
    margin: auto;
    width: 1020px;
  }
  .linklist img {
    height: 40px;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .linklist ul {
    flex-wrap: wrap;
  }
  .linklist li {
    border-bottom: 1px solid #fff;
    text-align: center;
    width: 50%;
  }
  .linklist li:nth-child(2n+1) {
    border-right: 1px solid #fff;
  }
  .linklist a {
    display: block;
    padding: 3.333vw 0;
  }
  .linklist img {
    height: 9.333vw;
    width: auto;
  }
}

.ft-btm {
  background-color: #000;
  background-image: radial-gradient(#333 30%, transparent 20%), radial-gradient(#333 30%, transparent 20%);
  background-position: 0 0, 3px 3px;
  background-repeat: repeat;
  background-size: 6px 6px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .ft-btm {
    padding: 30px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ft-btm {
    background-position: 0 0, 0.4vw 0.4vw;
    background-size: 0.8vw 0.8vw;
    padding: 9.333vw 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .ft-logo {
    margin: 0 auto 14px;
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .ft-logo {
    margin: 0 auto 2.667vw;
    width: 53.333vw;
  }
}

.copyright {
  text-align: center;
  display: block;
}
@media only screen and (min-width: 768px) {
  .copyright {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright {
    font-size: 2.4vw;
  }
}

.fix-bnr {
  position: fixed;
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?puuh3p);
  src: url(../fonts/icomoon.eot?#iefixpuuh3p) format("embedded-opentype"), url(../fonts/icomoon.woff?puuh3p) format("woff"), url(../fonts/icomoon.ttf?puuh3p) format("truetype"), url(../fonts/icomoon.svg?puuh3p#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
}
.single {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .single {
    border: 1px solid #f2f2f2;
    margin-bottom: 60px;
    padding: 60px 25px;
    width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .single {
    margin: 0 auto 8vw;
    padding-top: 13.333vw;
  }
  .single > * {
    width: 92vw;
    margin: auto;
  }
  .single > .single-group {
    width: auto;
  }
  .single > .single-group > * {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .single-hl {
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hl {
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 4vw;
  }
}

.single-cat {
  background: rgb(229, 0, 126);
  color: #fff;
  letter-spacing: 0.06em;
  position: absolute;
  top: 0;
  left: 0;
}
.single-cat a {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .single-cat {
    border-radius: 0 0 6px;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    width: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .single-cat {
    border-radius: 0 0 0.8vw;
    display: inline-block;
    font-size: 3.2vw;
    line-height: 1.8;
    padding: 0 2vw;
  }
}

.single-date {
  color: #999;
}
.single-date::before {
  content: "\e905";
  color: #ccc;
  display: inline-block;
  font-family: icomoon;
  font-weight: 400;
  line-height: 1;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .single-date {
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-date {
    display: inline-block;
    font-size: 3.2vw;
    position: absolute;
    top: 8vw;
    right: 0;
    left: 0;
  }
  .single-date::before {
    margin-right: 0.667vw;
  }
}

.single-sns {
  display: flex;
}
.single-sns .sns-btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.single-sns .icon-hatebu {
  background-color: #3c7dd1;
}
.single-sns .icon-facebook {
  background-color: #3c5a99;
}
.single-sns .icon-pinterest {
  background-color: #bd081c;
}
.single-sns .icon-twitter {
  background-color: #55acee;
}
.single-sns .icon-pocket {
  background-color: #ee4257;
}
.single-sns .icon-hatebu:before {
  content: "\e601";
}
.single-sns .icon-facebook:before {
  content: "\e605";
}
.single-sns .icon-twitter:before {
  content: "\e606";
}
.single-sns .icon-pocket:before {
  content: "\e603";
}
.single-sns .icon-pinterest:before {
  content: "\ead2";
}
@media only screen and (min-width: 768px) {
  .single-sns {
    margin-bottom: 40px;
  }
  .single-sns li {
    margin-right: 12px;
    width: 58px;
  }
  .single-sns .sns-btn {
    border-radius: 3px;
    font-size: 14px;
    line-height: 25px;
  }
  .single-sns .sns-btn:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 767px) {
  .single-sns {
    justify-content: space-between;
    margin-bottom: 4vw;
  }
  .single-sns li {
    width: 16vw;
  }
  .single-sns .sns-btn {
    border-radius: 0.8vw;
    font-size: 4vw;
    line-height: 6.933vw;
  }
}

@media only screen and (min-width: 768px) {
  .single-main-img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-main-img {
    margin-bottom: 2.667vw;
  }
}

.single-desc, .remarks {
  border: 1px solid #ddd;
  position: relative;
  word-break: break-all;
}
@media only screen and (min-width: 768px) {
  .single-desc, .remarks {
    font-size: 15px;
    margin-top: 30px;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-desc, .remarks {
    border-color: #ccc;
    margin: 8vw auto;
    padding: 4.667vw 4vw 4vw;
  }
}

.single-desc-shl, .remarks-hl {
  background: #fff;
  color: rgb(229, 0, 126);
  display: inline-block;
  position: absolute;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .single-desc-shl, .remarks-hl {
    padding: 0 5px;
    top: -7px;
    left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-desc-shl, .remarks-hl {
    line-height: 1.5;
    padding: 0 0.667vw;
    top: -2.667vw;
    left: 3.333vw;
  }
}

.single-desc-txt, .remarks-txt {
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .single-desc-txt, .remarks-txt {
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .single-desc-txt, .remarks-txt {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.single-quote, .remarks .link {
  color: #999;
}
.single-quote a, .remarks .link a {
  color: #999;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .single-quote a:hover, .remarks .link a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  .single-quote, .remarks .link {
    font-size: 3.2vw;
    padding-top: 1.333vw;
  }
}

.single-desc .link {
  margin-bottom: 1em;
}
.single-desc .link:last-child {
  margin-bottom: 0;
}
.single-desc .link a {
  color: #44ADA9;
  font-weight: bold;
  font-size: 14px;
}
.single-desc .link a:hover {
  text-decoration: underline;
}
.single-desc .link a span {
  vertical-align: middle;
}
.single-desc .link a .icon {
  color: #e5007e;
  padding-right: 5px;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

@media only screen and (min-width: 768px) {
  .single-quote {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-quote {
    padding: 1.333vw 0.667vw;
  }
}

.outline, .single-txt {
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
  .outline, .single-txt {
    font-size: 18px;
    line-height: 2.15;
    margin: 0 auto 40px;
    width: 640px;
  }
}
@media only screen and (max-width: 767px) {
  .outline, .single-txt {
    line-height: 1.75;
    margin: 0 auto 4.667vw;
    width: 89.333vw;
  }
}

.remarks a:hover p {
  text-decoration: underline;
}
.remarks a:hover img {
  opacity: 1;
}

.remarks-thumbnail {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .remarks-thumbnail {
    width: 100%;
    margin-right: 0;
  }
}
.remarks-thumbnail + .remarks-txt {
  display: inline-block;
  font-size: 0.9em;
  vertical-align: middle;
  width: calc(100% - 170px);
}
@media only screen and (max-width: 767px) {
  .remarks-thumbnail + .remarks-txt {
    margin-top: 1em;
    width: 100%;
  }
}
.remarks-thumbnail + .remarks-txt .remarks-date {
  margin-top: 1em;
  font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
  .remarks-thumbnail + .remarks-txt .remarks-date {
    margin-top: 0.5em;
  }
}

.toc {
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .toc {
    margin: 50px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .toc {
    margin-bottom: 12vw;
  }
}
.toc a {
  color: rgb(229, 0, 126);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .toc a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}

.toc-hl {
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .toc-hl {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  .toc-hl {
    font-size: 4vw;
    margin-bottom: 1.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .toc-list {
    font-size: 16px;
  }
  .toc-list li {
    line-height: 2.5;
  }
}
@media only screen and (max-width: 767px) {
  .toc-list {
    font-size: 4vw;
  }
  .toc-list li {
    line-height: 2;
  }
}

.toc-sub-list li::before {
  content: "・";
}
@media only screen and (min-width: 768px) {
  .toc-sub-list {
    margin-left: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .toc-sub-list {
    margin-left: 1em;
  }
}

@media only screen and (min-width: 768px) {
  .single-sec-lv1:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .single-sec-lv1:not(:last-child) {
    margin-bottom: 11.333vw;
  }
}

.single-shl-lv1 {
  background: rgb(230, 230, 230);
  border-radius: 3px;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .single-shl-lv1 {
    font-size: 28px;
    line-height: 1.75;
    margin-bottom: 20px;
    padding: 9.5px 17px;
  }
}
@media only screen and (max-width: 767px) {
  .single-shl-lv1 {
    font-size: 4.533vw;
    line-height: 1.45;
    margin-bottom: 2vw;
    padding: 3.333vw 2.667vw 2.667vw;
  }
}

@media only screen and (min-width: 768px) {
  .single-sec-img {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-sec-img {
    margin-bottom: 4.667vw;
  }
}

@media only screen and (min-width: 768px) {
  .single-sec-lv2 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single-sec-lv2 {
    margin-bottom: 14.667vw;
  }
}

.single-shl-lv2 {
  border: solid #f2f2f2;
  border-width: 1px 0;
  letter-spacing: 0.06em;
}
.single-shl-lv2::before {
  content: "\e904";
  color: rgb(229, 0, 126);
  display: inline-block;
  font-family: icomoon;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .single-shl-lv2 {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 35px;
    padding: 10px;
  }
  .single-shl-lv2::before {
    font-size: 30px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-shl-lv2 {
    font-size: 4vw;
    line-height: 1.75;
    margin-bottom: 5.733vw;
    padding: 1.333vw;
  }
  .single-shl-lv2::before {
    font-size: 5.333vw;
    margin-right: 1.333vw;
  }
}

/*contact*/
.contact {
  color: rgb(24, 24, 24);
}
@media only screen and (max-width: 767px) {
  .contact {
    background: rgb(240, 240, 240);
    background-image: radial-gradient(#fff 30%, transparent 20%), radial-gradient(#fff 30%, transparent 20%);
    background-position: 0 0, 0.4vw 0.4vw;
    background-repeat: repeat;
    background-size: 0.8vw 0.8vw;
    padding-bottom: 12vw;
  }
}

@media only screen and (max-width: 767px) {
  .bnr-rdlp {
    margin-bottom: 6.667vw;
  }
}

@media only screen and (min-width: 768px) {
  .contact-wrap {
    background: rgb(240, 240, 240);
    background-image: radial-gradient(#fff 30%, transparent 20%), radial-gradient(#fff 30%, transparent 20%);
    background-position: 0 0, 3px 3px;
    background-repeat: repeat;
    background-size: 6px 6px;
    margin-bottom: 10px;
    padding: 30px 0 50px;
  }
}

.contact-hl {
  text-align: center;
}
.contact-hl img {
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .contact-hl {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .contact-hl img {
    margin-right: 10px;
    width: 157px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-hl {
    font-size: 4.133vw;
    margin-bottom: 4.667vw;
  }
  .contact-hl img {
    margin-right: 1.333vw;
    width: 23.733vw;
  }
}

.contact-tel {
  border: solid #999;
  border-width: 1px 0;
  display: flex;
  justify-content: center;
  margin: auto;
}
.contact-tel dt {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%233a3a3a%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M37.07%2C28.89l-6.16-3.36a3.58%2C3.58%2C0%2C0%2C0-4.58%2C1l-2.48%2C3.35a31.81%2C31.81%2C0%2C0%2C1-7.78-6.82c-2.32-2.7-4.15-4.88-5.21-8.36l4.1-2.4a3.44%2C3.44%2C0%2C0%2C0%2C1.42-4.39L13.49%2C1.65a2.88%2C2.88%2C0%2C0%2C0-4-1.28C6.5%2C2%2C2.19%2C4.88%2C1.59%2C8.09A28.72%2C28.72%2C0%2C0%2C0%2C8.48%2C29.63%2C30%2C30%2C0%2C0%2C0%2C29%2C40c3.5.08%2C7.06-4.2%2C9.07-7.1A2.76%2C2.76%2C0%2C0%2C0%2C37.07%2C28.89Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.contact-tel dd {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2010%200%200%200%2020%208%2010%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 50%;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .contact-tel {
    border-color: rgb(24, 24, 24);
    margin-bottom: 20px;
    width: 310px;
  }
  .contact-tel dt, .contact-tel dd {
    line-height: 30px;
  }
  .contact-tel dt {
    background-size: 20px auto;
    font-size: 13px;
    padding: 0 10px 0 28px;
  }
  .contact-tel dd {
    background-size: auto 10px;
    font-size: 15px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-tel {
    margin-bottom: 10.667vw;
    width: 85.333vw;
  }
  .contact-tel dt, .contact-tel dd {
    line-height: 8vw;
    letter-spacing: 0.06em;
  }
  .contact-tel dt {
    background-size: 5.333vw auto;
    padding: 0 1.333vw 0 7.333vw;
  }
  .contact-tel dd {
    background-size: auto 2.667vw;
    padding-left: 2.667vw;
  }
}

.holiday {
  border: solid #999;
  border-width: 1px 0;
  display: flex;
  justify-content: center;
  margin: auto;
}
.holiday dt {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23505050%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C3.13H15.31v-1a.68.68%2C0%2C0%2C0-.71-.65h-.7a.68.68%2C0%2C0%2C0-.71.65v1H6.81v-1A.68.68%2C0%2C0%2C0%2C6.1%2C1.5H5.4a.68.68%2C0%2C0%2C0-.71.65v1H2.92A1.37%2C1.37%2C0%2C0%2C0%2C1.5%2C4.44V6.73h17V4.44A1.37%2C1.37%2C0%2C0%2C0%2C17.08%2C3.13Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M1.5%2C8v9.15A1.37%2C1.37%2C0%2C0%2C0%2C2.92%2C18.5H17.08a1.37%2C1.37%2C0%2C0%2C0%2C1.42-1.31V8Zm11.83%2C7.38a.62.62%2C0%2C0%2C1%2C.21.46.68.68%2C0%2C0%2C1-.71.66.74.74%2C0%2C0%2C1-.5-.19L10%2C14.19%2C7.67%2C16.35a.74.74%2C0%2C0%2C1-.5.19.68.68%2C0%2C0%2C1-.71-.66.62.62%2C0%2C0%2C1%2C.21-.46L9%2C13.27%2C6.67%2C11.12a.64.64%2C0%2C0%2C1-.21-.47A.68.68%2C0%2C0%2C1%2C7.17%2C10a.74.74%2C0%2C0%2C1%2C.5.19L10%2C12.34l2.33-2.15a.74.74%2C0%2C0%2C1%2C.5-.19.68.68%2C0%2C0%2C1%2C.71.65.64.64%2C0%2C0%2C1-.21.47L11%2C13.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 50%;
}
@media only screen and (min-width: 768px) {
  .holiday {
    width: 210px;
  }
  .holiday dt, .holiday dd {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
  }
  .holiday dt {
    background-size: 20px auto;
    padding: 0 0 0 28px;
  }
}
@media only screen and (max-width: 767px) {
  .holiday {
    width: 58.667vw;
  }
  .holiday dt, .holiday dd {
    line-height: 8vw;
  }
  .holiday dt {
    background-size: 5.333vw auto;
    padding-left: 8vw;
  }
}

.form-table {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .form-table {
    display: table;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 680px;
  }
}
@media only screen and (max-width: 767px) {
  .form-table {
    font-size: 3.733vw;
    letter-spacing: 0.06em;
    margin: 0 auto 9.333vw;
    width: 84vw;
  }
}
.form-table input[type=text], .form-table input[type=tel], .form-table input[type=email], .form-table select, .form-table textarea {
  background: #fff;
  font-size: 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .form-table input[type=text], .form-table input[type=tel], .form-table input[type=email], .form-table select, .form-table textarea {
    border-radius: 6px;
    padding: 16px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .form-table input[type=text], .form-table input[type=tel], .form-table input[type=email], .form-table select, .form-table textarea {
    border-radius: 0.8vw;
    padding: 2.133vw 0.7em;
  }
  .form-table input[type=text]::-webkit-input-placeholder, .form-table input[type=tel]::-webkit-input-placeholder, .form-table input[type=email]::-webkit-input-placeholder, .form-table select::-webkit-input-placeholder, .form-table textarea::-webkit-input-placeholder {
    padding-top: 0.2em;
  }
}
.form-table select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.6%2016%22%3E%3Cpolygon%20points%3D%2212.8%2016%2025.6%200%200%200%2012.8%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .form-table select {
    background-position: 350px 50%;
    background-size: auto 10px;
    padding: 20px;
    width: 377px;
  }
}
@media only screen and (max-width: 767px) {
  .form-table select {
    background-position: 97% 50%;
    background-size: auto 2.133vw;
    padding: 2.933vw 0.7em;
  }
}
.form-table textarea {
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .form-table textarea {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .form-table textarea {
    min-height: 26.667vw;
  }
}
.form-table .wpcf7-not-valid-tip {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dc0000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20x%3D%227.2%22%20y%3D%229.79%22%20width%3D%221.6%22%20height%3D%221.52%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%227.2%22%20y%3D%222.69%22%20width%3D%221.6%22%20height%3D%225.33%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C0H4L0%2C7l4%2C7h8l4-7Zm-.47%2C13.22H4.47L.92%2C7%2C4.47.78h7.06L15.08%2C7Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 50%;
  color: rgb(220, 0, 0);
  display: block;
}
@media only screen and (min-width: 768px) {
  .form-table .wpcf7-not-valid-tip {
    background-size: auto 14px;
    margin-top: 10px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .form-table .wpcf7-not-valid-tip {
    background-size: auto 5.333vw;
    line-height: 5.333vw;
    margin-top: 2.667vw;
    padding-left: 8vw;
  }
}

@media only screen and (min-width: 768px) {
  .form-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  .form-row {
    margin-bottom: 5.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .form-head {
    display: table-cell;
    line-height: 1.428;
    padding: 25px 0;
    vertical-align: top;
    width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .form-head {
    padding: 1.333vw 0;
  }
}

.form-label::before {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .form-label {
    padding-left: 50px;
    position: relative;
  }
  .form-label::before {
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    width: 40px;
    top: -1px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-label::before {
    font-size: 2.933vw;
    line-height: 5.333vw;
    margin-right: 2.667vw;
    width: 10.667vw;
  }
}

.require .form-label::before {
  content: "必須";
  background: rgb(229, 0, 126);
}

.optional .form-label::before {
  content: "任意";
  background: rgb(120, 200, 255);
}

@media only screen and (min-width: 768px) {
  .form-data {
    display: table-cell;
    padding: 10px 0;
    vertical-align: top;
    width: 494px;
  }
}
@media only screen and (max-width: 767px) {
  .form-data {
    padding: 1.333vw 0;
  }
}

.form-btn {
  background: rgb(229, 0, 126) url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .form-btn {
    background-position: 470px 50%;
    background-size: auto 20px;
    border-radius: 4px;
    box-shadow: 0 4px 0 rgb(160, 160, 160);
    font-size: 19px;
    line-height: 80px;
    position: absolute;
    width: 500px;
    top: 0;
    right: 0;
    left: 0;
  }
  .form-btn:hover {
    box-shadow: 0 0 0;
    top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .form-btn {
    background-position: 62.4vw 50%;
    background-size: auto 2.667vw;
    border-radius: 0.533vw;
    box-shadow: 0 0.533vw 0 rgb(160, 160, 160);
    font-size: 4vw;
    line-height: 16vw;
    margin-bottom: 7.333vw;
    width: 66.667vw;
  }
}

.form-btn-hidden {
  display: none;
}

@media only screen and (min-width: 768px) {
  .form-btn-wrap {
    height: 84px;
    position: relative;
  }
}

.contact-notes {
  color: #333;
  line-height: 1.833;
}
.contact-notes p {
  margin-left: 1em;
  text-indent: -1em;
}
@media only screen and (min-width: 768px) {
  .contact-notes {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-notes {
    font-size: 3.2vw;
    margin: auto;
    width: 92vw;
  }
}

.thanks {
  background: rgb(240, 240, 240);
  background-image: radial-gradient(#fff 30%, transparent 20%), radial-gradient(#fff 30%, transparent 20%);
  background-repeat: repeat;
}
@media only screen and (min-width: 768px) {
  .thanks {
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    padding: 30px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .thanks {
    background-position: 0 0, 0.4vw 0.4vw;
    background-size: 0.8vw 0.8vw;
    padding: 8vw 0;
  }
}

.thanks-hl {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .thanks-hl {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .thanks-hl {
    font-size: 4.133vw;
    margin-bottom: 4.667vw;
  }
}

@media only screen and (min-width: 768px) {
  .thanks-img {
    margin: 0 auto 40px;
    width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .thanks-img {
    margin: 0 auto 9.333vw;
    width: 80vw;
  }
}

.thanks-txt p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 768px) {
  .thanks-txt {
    font-size: 15px;
    line-height: 1.867;
    text-align: center;
    margin: 0 auto 40px;
    width: 680px;
  }
}
@media only screen and (max-width: 767px) {
  .thanks-txt {
    line-height: 2;
    margin: 0 auto 13.333vw;
    width: 84vw;
  }
}
.input_agree textarea {
    display: block;
    width: 90%;
    height: 10em;
    margin: 0 auto;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background: #fff;
}
.input_agree .check_wrap {
    text-align: center;
    padding: 1em 0px 2em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23dc0000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10%2C1.5A8.5%2C8.5%2C0%2C1%2C0%2C18.5%2C10%2C8.51%2C8.51%2C0%2C0%2C0%2C10%2C1.5Zm3.82%2C11.36-1%2C1L10%2C11%2C7.14%2C13.82l-1-1L9%2C10%2C6.18%2C7.14l1-1L10%2C9l2.86-2.86%2C1%2C1L11%2C10Z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  border: solid rgb(220, 0, 0);
  border-width: 1px 0;
  color: rgb(220, 0, 0);
  display: inline-block;
  margin: 2em auto 1em;
}
@media only screen and (min-width: 768px) {
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background-position: 8px center;
    background-size: 20px auto;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px 0 30px;
    max-width: 680px;
  }
}
@media only screen and (max-width: 767px) {
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background-position: 1.6vw 1.6vw;
    background-size: 5.333vw auto;
    font-size: 3.733vw;
    letter-spacing: 0.06em;
    line-height: 1.5;
    padding: 1.867vw 1.333vw 1.867vw 6.667vw;
    max-width: 92vw;
  }
}

#writer_name {
  margin-bottom: 0.5em;
}
#writer_name a {
  display: inline-block;
  background: #ccc;
  padding: 5px;
}

#writer_section {
  padding: 30px 25px;
  margin-bottom: 20px;
}

#writer_section.search {
  margin-bottom: 0;
}

#writer_section .writer_title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
}

#writer_section .writer_wrap {
  display: flex;
}

#writer_section .writer_icon {
  width: 60px;
  margin-right: 2em;
}

#writer_section.search .writer_icon {
  width: 70px;
}

#writer_section .writer_text {
  width: 590px;
}

#writer_section .writer_name {
  margin-bottom: 0.5em;
  font-weight: bold;
}

#writer_section .writer_name a {
  text-decoration: underline;
  color: blue;
}

#writer_section .writer_profile {
  font-size: 12px;
  line-height: 20px;
}

.search-hl.writer {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}

/* LP制作広告 */
@media only screen and (max-width: 767px) {
  .rdlp_more {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .rdlp_more {
    margin-bottom: 11.333vw;
  }
}
@media only screen and (max-width: 767px) {
  .rdlp_more .img_wrap {
    overflow: auto;
    margin-bottom: 10px;
  }
}
.rdlp_more ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .rdlp_more ul {
    width: 700px;
  }
}
.rdlp_more ul li {
  width: 125px;
  cursor: pointer;
}
.rdlp_more .material-symbols-outlined {
  font-size: 16px;
  vertical-align: middle;
}
.rdlp_more p.zoom_note {
  font-size: 12px;
  vertical-align: middle;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .rdlp_more p.zoom_note {
    display: none;
  }
}
.rdlp_more .rdlp_more_form-btn {
  display: block;
  margin: auto;
  border-radius: 4px;
  font-size: 14px;
  line-height: 23px;
  padding: 2px;
  width: 180px;
  text-align: center;
  background: #dc82b4;
  background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dc82b4", endColorstr="#78c8ff",GradientType=1 );
}
@media only screen and (max-width: 767px) {
  .rdlp_more .rdlp_more_form-btn {
    font-size: 22px;
    line-height: 48px;
    width: 250px;
  }
}
.rdlp_more .rdlp_more_form-btn:hover {
  color: #fff;
}
.rdlp_more .rdlp_more_form-btn span {
  display: block;
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg {
  background: #fff;
  border-radius: 4px;
  padding: 4px;
  position: relative;
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg::before {
  content: "";
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
  background-position: 160px 50%;
  background-size: auto 15px;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rdlp_more .rdlp_more_form-btn .form-btn-bg::before {
    background-position: 225px 50%;
    background-size: auto 22px;
  }
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg::after {
  content: "";
  display: block;
  height: 100%;
  transition: transform 0.5s ease-in-out;
  transform: scale(0, 1);
  transform-origin: 100% 0;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #dc82b4;
  background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dc82b4", endColorstr="#78c8ff",GradientType=1 );
  border-radius: 3px;
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg:hover::before {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E);
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg:hover::after {
  transform: scale(1, 1);
  transform-origin: 0 0;
}
.rdlp_more .rdlp_more_form-btn .form-btn-bg .form-btn-label {
  position: relative;
  z-index: 2;
}

.rdlp_more .bnr_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 2em 0;
}
.rdlp_more .bnr_list img {
  width: calc(100% / 5 - 10px);
  margin-bottom: 10px;
  box-shadow: 5px 10px 15px -5px rgba(192, 192, 192, 1);
}
.rdlp_more .more_btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rdlp_more .more_btn_wrap p {
  width: 30%;
  margin-right: 1em;
}
.rdlp_more .more_btn_wrap p:last-child{
  margin-right: 0;
}
.rdlp_more .more_btn_wrap a{
  display: block;
  border: 1px solid #000;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0;
  position: relative;
}
.rdlp_more .more_btn_wrap a::before {
    content: "";
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    background-position: 160px 50%;
    background-size: auto 15px;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 20px;
    z-index: 1;
}

/* モーダル  */
.modal-wrap {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  height: 100vh;
  opacity: 0;
  position: fixed;
  transform: scale(0.5);
  transition: all 0.5s ease-in;
  visibility: hidden;
  width: 100%;
  width: 100vw;
  z-index: 200;
  top: 0;
  left: 0;
}

.modal-hd {
  background: black;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.modal-hd .inner {
  width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .modal-hd {
    color: #fff;
  }
  .modal-hd .inner {
    width: 1200px;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .modal-hd {
    width: 100%;
  }
  .modal-hd .inner {
    width: auto;
    padding: 2.667vw 4%;
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .modal-outline {
    color: #fff;
    width: 300px;
  }
  .modal-outline .inner {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .modal-outline {
    background: #fff;
    height: 0;
    position: fixed;
    transition: all 0.5s;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
.modal-company {
  font-weight: bold;
}

.modal-company span {
  margin-right: 0.5em;
}

@media only screen and (min-width: 768px) {
  .modal-company {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-company {
    border-bottom: 1px solid #181818;
    font-size: 4.533vw;
    padding: 3.2vw 4%;
  }
}
.modal-name {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .modal-name {
    font-size: 13px;
    position: absolute;
    top: 22px;
    left: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-name {
    font-size: 3.733vw;
    line-height: 2;
    max-height: 17.333vw;
    margin: auto;
    overflow-y: hidden;
    padding: 4vw 0;
    width: 92%;
  }
}
.modal-cat .icon-folder, .modal-cat .icon-pen {
  background: no-repeat 50% 50%/100% auto;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .modal-cat {
    display: flex;
    font-size: 13px;
    position: absolute;
    width: 570px;
    bottom: 22px;
    left: 400px;
  }
  .modal-cat li {
    margin-right: 1em;
  }
  .modal-cat .icon-folder, .modal-cat .icon-pen {
    height: 14px;
    margin-right: 5px;
    width: 14px;
  }
  .modal-cat .icon-folder {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20id%3D%22folder-mini%22%20class%3D%22cls-1%22%20points%3D%2225%209.72%2019.44%204.17%200%204.17%200%2045.83%2050%2045.83%2050%209.72%2025%209.72%22%2F%3E%3C%2Fsvg%3E");
  }
  .modal-cat .icon-pen {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2235.35%22%20y%3D%22-0.3%22%20width%3D%228.16%22%20height%3D%2221.76%22%20transform%3D%22translate(4.07%2030.97)%20rotate(-44.99)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%222.35%22%20y%3D%2217.87%22%20width%3D%2229.92%22%20height%3D%222.72%22%20transform%3D%22translate(-8.53%2017.87)%20rotate(-45)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2215.81%22%20y%3D%2231.33%22%20width%3D%2229.91%22%20height%3D%222.72%22%20transform%3D%22translate(-14.11%2031.3)%20rotate(-44.96)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%229.08%22%20y%3D%2223.24%22%20width%3D%2229.92%22%20height%3D%225.44%22%20transform%3D%22translate(-11.32%2024.62)%20rotate(-45.02)%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M3.85%2C30.77%2C0%2C34.62V50H15.39l3.84-3.84ZM2.72%2C47.28v-6.1l6.1%2C6.1Z%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media only screen and (max-width: 767px) {
  .modal-cat {
    margin: auto;
    position: relative;
    width: 92%;
  }
  .modal-cat li {
    border-bottom: 1px solid #181818;
    font-size: 3.733vw;
    line-height: 2;
    padding: 4vw 0;
  }
  .modal-cat .icon-folder, .modal-cat .icon-pen {
    height: 6.667vw;
    margin-right: 4vw;
    width: 6.667vw;
  }
  .modal-cat .icon-folder {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20id%3D%22folder-mini%22%20class%3D%22cls-1%22%20points%3D%2225%209.72%2019.44%204.17%200%204.17%200%2045.83%2050%2045.83%2050%209.72%2025%209.72%22%2F%3E%3C%2Fsvg%3E");
  }
  .modal-cat .icon-pen {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2235.35%22%20y%3D%22-0.3%22%20width%3D%228.16%22%20height%3D%2221.76%22%20transform%3D%22translate(4.07%2030.97)%20rotate(-44.99)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%222.35%22%20y%3D%2217.87%22%20width%3D%2229.92%22%20height%3D%222.72%22%20transform%3D%22translate(-8.53%2017.87)%20rotate(-45)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2215.81%22%20y%3D%2231.33%22%20width%3D%2229.91%22%20height%3D%222.72%22%20transform%3D%22translate(-14.11%2031.3)%20rotate(-44.96)%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%229.08%22%20y%3D%2223.24%22%20width%3D%2229.92%22%20height%3D%225.44%22%20transform%3D%22translate(-11.32%2024.62)%20rotate(-45.02)%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M3.85%2C30.77%2C0%2C34.62V50H15.39l3.84-3.84ZM2.72%2C47.28v-6.1l6.1%2C6.1Z%22%2F%3E%3C%2Fsvg%3E");
  }
}
.modal-cat .modal-link {
  position: absolute;
}

.modal-cat .modal-link a {
  text-decoration: underline;
}

.modal-cat .modal-link a::before {
  content: "> ";
}

@media only screen and (min-width: 768px) {
  .modal-cat .modal-link {
    bottom: 0;
    left: 375px;
  }
  .modal-cat .modal-link a {
    color: #fff;
  }
  .modal-cat .modal-link a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  .modal-cat .modal-link {
    border-bottom: 0;
    padding: 0;
    right: 0;
    bottom: 4vw;
  }
}
.modal-switch {
  display: flex;
}

.modal-switch li {
  border: 1px solid #fff;
  cursor: pointer;
  position: relative;
}

.modal-switch .icon-pc, .modal-switch .icon-sp {
  background: no-repeat 50% 50%/100% auto;
  display: block;
}

.modal-switch .icon-pc {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.84%2C38.91c0-.09%2C0-.19%2C0-.29V16a1.68%2C1.68%2C0%2C0%2C0-1.69-1.66H12.48A1.68%2C1.68%2C0%2C0%2C0%2C10.78%2C16V39L7.21%2C42.42a.7.7%2C0%2C0%2C0-.2.49v1.67a.68.68%2C0%2C0%2C0%2C.68.68H52a.69.69%2C0%2C0%2C0%2C.68-.68V43a.67.67%2C0%2C0%2C0-.21-.49ZM12.15%2C16a.32.32%2C0%2C0%2C1%2C.33-.3H47.16a.32.32%2C0%2C0%2C1%2C.32.3V38.55H12.15Zm39.2%2C27.86h-43V43.2l3.39-3.29H47.91l3.44%2C3.34Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M32.84%2C41.41H26.73a.68.68%2C0%2C0%2C0-.68.68.69.69%2C0%2C0%2C0%2C.68.69h6.11a.68.68%2C0%2C0%2C0%2C.68-.69A.67.67%2C0%2C0%2C0%2C32.84%2C41.41Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .icon-sp {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.37%2C53.41H43.22a2.08%2C2.08%2C0%2C0%2C0%2C2.07-2.08V9.77a2.08%2C2.08%2C0%2C0%2C0-2.07-2.08H16.37A2.08%2C2.08%2C0%2C0%2C0%2C14.3%2C9.77V51.33A2.08%2C2.08%2C0%2C0%2C0%2C16.37%2C53.41ZM15.85%2C9.77a.53.53%2C0%2C0%2C1%2C.52-.52H43.22a.53.53%2C0%2C0%2C1%2C.52.52V44.05H15.85Zm0%2C35.83H43.74v5.73a.52.52%2C0%2C0%2C1-.52.52H16.37a.52.52%2C0%2C0%2C1-.52-.52Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30%2C50.55a2%2C2%2C0%2C1%2C0-2-2A2%2C2%2C0%2C0%2C0%2C30%2C50.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31.79%2C10.91H28.38a.78.78%2C0%2C0%2C0-.78.78.77.77%2C0%2C0%2C0%2C.78.77h3.41a.77.77%2C0%2C0%2C0%2C.78-.77A.78.78%2C0%2C0%2C0%2C31.79%2C10.91Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .is__active {
  background: #fff;
}

.modal-switch .is__active .icon-pc {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23000%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.84%2C38.91c0-.09%2C0-.19%2C0-.29V16a1.68%2C1.68%2C0%2C0%2C0-1.69-1.66H12.48A1.68%2C1.68%2C0%2C0%2C0%2C10.78%2C16V39L7.21%2C42.42a.7.7%2C0%2C0%2C0-.2.49v1.67a.68.68%2C0%2C0%2C0%2C.68.68H52a.69.69%2C0%2C0%2C0%2C.68-.68V43a.67.67%2C0%2C0%2C0-.21-.49ZM12.15%2C16a.32.32%2C0%2C0%2C1%2C.33-.3H47.16a.32.32%2C0%2C0%2C1%2C.32.3V38.55H12.15Zm39.2%2C27.86h-43V43.2l3.39-3.29H47.91l3.44%2C3.34Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M32.84%2C41.41H26.73a.68.68%2C0%2C0%2C0-.68.68.69.69%2C0%2C0%2C0%2C.68.69h6.11a.68.68%2C0%2C0%2C0%2C.68-.69A.67.67%2C0%2C0%2C0%2C32.84%2C41.41Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .is__active .icon-sp {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23000%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.37%2C53.41H43.22a2.08%2C2.08%2C0%2C0%2C0%2C2.07-2.08V9.77a2.08%2C2.08%2C0%2C0%2C0-2.07-2.08H16.37A2.08%2C2.08%2C0%2C0%2C0%2C14.3%2C9.77V51.33A2.08%2C2.08%2C0%2C0%2C0%2C16.37%2C53.41ZM15.85%2C9.77a.53.53%2C0%2C0%2C1%2C.52-.52H43.22a.53.53%2C0%2C0%2C1%2C.52.52V44.05H15.85Zm0%2C35.83H43.74v5.73a.52.52%2C0%2C0%2C1-.52.52H16.37a.52.52%2C0%2C0%2C1-.52-.52Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30%2C50.55a2%2C2%2C0%2C1%2C0-2-2A2%2C2%2C0%2C0%2C0%2C30%2C50.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31.79%2C10.91H28.38a.78.78%2C0%2C0%2C0-.78.78.77.77%2C0%2C0%2C0%2C.78.77h3.41a.77.77%2C0%2C0%2C0%2C.78-.77A.78.78%2C0%2C0%2C0%2C31.79%2C10.91Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .nothing {
  border-color: #646464;
  cursor: inherit;
}

.modal-switch .nothing .icon-pc {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23646464%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.84%2C38.91c0-.09%2C0-.19%2C0-.29V16a1.68%2C1.68%2C0%2C0%2C0-1.69-1.66H12.48A1.68%2C1.68%2C0%2C0%2C0%2C10.78%2C16V39L7.21%2C42.42a.7.7%2C0%2C0%2C0-.2.49v1.67a.68.68%2C0%2C0%2C0%2C.68.68H52a.69.69%2C0%2C0%2C0%2C.68-.68V43a.67.67%2C0%2C0%2C0-.21-.49ZM12.15%2C16a.32.32%2C0%2C0%2C1%2C.33-.3H47.16a.32.32%2C0%2C0%2C1%2C.32.3V38.55H12.15Zm39.2%2C27.86h-43V43.2l3.39-3.29H47.91l3.44%2C3.34Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M32.84%2C41.41H26.73a.68.68%2C0%2C0%2C0-.68.68.69.69%2C0%2C0%2C0%2C.68.69h6.11a.68.68%2C0%2C0%2C0%2C.68-.69A.67.67%2C0%2C0%2C0%2C32.84%2C41.41Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .nothing .icon-sp {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23646464%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.37%2C53.41H43.22a2.08%2C2.08%2C0%2C0%2C0%2C2.07-2.08V9.77a2.08%2C2.08%2C0%2C0%2C0-2.07-2.08H16.37A2.08%2C2.08%2C0%2C0%2C0%2C14.3%2C9.77V51.33A2.08%2C2.08%2C0%2C0%2C0%2C16.37%2C53.41ZM15.85%2C9.77a.53.53%2C0%2C0%2C1%2C.52-.52H43.22a.53.53%2C0%2C0%2C1%2C.52.52V44.05H15.85Zm0%2C35.83H43.74v5.73a.52.52%2C0%2C0%2C1-.52.52H16.37a.52.52%2C0%2C0%2C1-.52-.52Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30%2C50.55a2%2C2%2C0%2C1%2C0-2-2A2%2C2%2C0%2C0%2C0%2C30%2C50.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31.79%2C10.91H28.38a.78.78%2C0%2C0%2C0-.78.78.77.77%2C0%2C0%2C0%2C.78.77h3.41a.77.77%2C0%2C0%2C0%2C.78-.77A.78.78%2C0%2C0%2C0%2C31.79%2C10.91Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2260%22%20height%3D%2260%22%2F%3E%3C%2Fsvg%3E");
}

.modal-switch .nothing::before {
  content: "";
  background: #646464;
  height: 1px;
  transform: rotate(315deg);
  transform-origin: left top;
  position: absolute;
  width: 135%;
  bottom: 0;
  left: 0;
}

@media only screen and (min-width: 768px) {
  .modal-switch {
    margin-right: 590px;
  }
  .modal-switch li {
    padding: 5px;
  }
  .modal-switch li#switch-pc {
    border-radius: 6px 0 0 6px;
    margin-right: 2px;
  }
  .modal-switch li#switch-sp {
    border-radius: 0 6px 6px 0;
  }
  .modal-switch .icon-pc, .modal-switch .icon-sp {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-switch {
    justify-content: center;
  }
  .modal-switch li {
    padding: 1.333vw;
  }
  .modal-switch li#switch-pc {
    border-radius: 0.8vw 0 0 0.8vw;
    margin-right: 0.533vw;
  }
  .modal-switch li#switch-sp {
    border-radius: 0 0.8vw 0.8vw 0;
  }
  .modal-switch .icon-pc, .modal-switch .icon-sp {
    height: 8vw;
    width: 8vw;
  }
}
.modal-wrap .sns-btn {
  background: no-repeat 50% 50%/100% auto;
  display: block;
}
.modal-wrap .icon-hatebu {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%233280cc%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.06%2C6.9H13c3.09%2C0%2C4.62%2C1.47%2C4.62%2C3.63%2C0%2C1.83-.72%2C2.88-2.86%2C3.41a3.51%2C3.51%2C0%2C0%2C1%2C3.63%2C3.88c0%2C4-3.86%2C4.12-6.19%2C4.12H6.06Zm6.67%2C12.67a1.86%2C1.86%2C0%2C0%2C0%2C0-3.7H10v3.7Zm-.52-6.34a1.69%2C1.69%2C0%2C0%2C0%2C1.5-1.71A1.77%2C1.77%2C0%2C0%2C0%2C11.85%2C9.8H10v3.43Zm11.66-6.6h-4v10h4ZM21.82%2C18.14a2.12%2C2.12%2C0%2C1%2C0%2C2.12%2C2.12A2.12%2C2.12%2C0%2C0%2C0%2C21.82%2C18.14Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E");
}
.modal-wrap .icon-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23305097%3B%7D.cls-3%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%226.5%22%20y%3D%226.5%22%20width%3D%2217%22%20height%3D%2217%22%20rx%3D%221.89%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M15.54%2C12.13h1.79V9.4H14.72A2.67%2C2.67%2C0%2C0%2C0%2C11.87%2C12v1.77H10.28v2.73h1.59V23.5h3.18v-7H17l.16-2.73H15.05V12.54C15.05%2C12.18%2C15.19%2C12.13%2C15.54%2C12.13Z%22%2F%3E%3C%2Fsvg%3E");
}
.modal-wrap .icon-pinterest {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23cb2027%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%229%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M11.8%2C16.85A1.83%2C1.83%2C0%2C0%2C1%2C11.49%2C18c-.15.1-1.28-.22-1.76-1.63a4.73%2C4.73%2C0%2C0%2C1%2C1.35-5%2C5.51%2C5.51%2C0%2C0%2C1%2C4.54-1.5c1.41%2C0%2C4.09.77%2C4.73%2C3.5.6%2C2.53-.64%2C6.12-3.6%2C6.62a2.78%2C2.78%2C0%2C0%2C1-2.65-.94s-.52%2C2.07-.75%2C2.7A7.29%2C7.29%2C0%2C0%2C1%2C12%2C24a6.29%2C6.29%2C0%2C0%2C1-.11-2.72c.17-1.06%2C1.12-5%2C1.12-5a2.76%2C2.76%2C0%2C0%2C1%2C.22-2.76c.84-.92%2C1.92-.7%2C2.14.34.17.82-.53%2C2.55-.68%2C3.25-.24%2C1.06%2C1.09%2C2.32%2C2.63.94a5.12%2C5.12%2C0%2C0%2C0%2C1.26-3.15%2C3.11%2C3.11%2C0%2C0%2C0-1.16-3.07%2C4.07%2C4.07%2C0%2C0%2C0-4.8.17C11%2C13.31%2C10.53%2C15.46%2C11.8%2C16.85Z%22%2F%3E%3Crect%20class%3D%22cls-3%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E");
}
.modal-wrap .icon-twitter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2300aced%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M25%2C8.78a5.68%2C5.68%2C0%2C0%2C1-2.15.59A4%2C4%2C0%2C0%2C0%2C24.49%2C7a6%2C6%2C0%2C0%2C1-2.53%2C1A4.24%2C4.24%2C0%2C0%2C0%2C14.65%2C11a4.35%2C4.35%2C0%2C0%2C0%2C.11%2C1A12.47%2C12.47%2C0%2C0%2C1%2C6.19%2C7.63a4.4%2C4.4%2C0%2C0%2C0%2C1.35%2C5.53%2C13.58%2C13.58%2C0%2C0%2C1-2-.56%2C4.38%2C4.38%2C0%2C0%2C0%2C3.27%2C4.1%2C5%2C5%2C0%2C0%2C1-1.72%2C0%2C4.4%2C4.4%2C0%2C0%2C0%2C3.91%2C3A9%2C9%2C0%2C0%2C1%2C5%2C21.4a11.18%2C11.18%2C0%2C0%2C0%2C6.5%2C1.86%2C11.32%2C11.32%2C0%2C0%2C0%2C6.17-1.7c4.65-3.09%2C5.36-8.24%2C5.45-10.33a2.18%2C2.18%2C0%2C0%2C0%2C0-.25v-.19A4%2C4%2C0%2C0%2C0%2C25%2C8.78Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E");
}
.modal-wrap .icon-pocket {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3505a%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.5%2C8.12v5.46h0c0%2C5.54-4.14%2C9.89-9.25%2C9.89H15l-.22%2C0c-5.11%2C0-9.25-4.3-9.25-9.84h0V8.12A1.63%2C1.63%2C0%2C0%2C1%2C7.2%2C6.5H22.85A1.6%2C1.6%2C0%2C0%2C1%2C24.5%2C8.12Zm-4%2C3.62a1.22%2C1.22%2C0%2C0%2C0-1.77%2C0L15%2C15.41%2C11.29%2C11.7a1.22%2C1.22%2C0%2C0%2C0-1.77%2C0%2C1.35%2C1.35%2C0%2C0%2C0%2C0%2C1.86l4.58%2C4.58a1.21%2C1.21%2C0%2C0%2C0%2C1.74%2C0l4.58-4.58A1.35%2C1.35%2C0%2C0%2C0%2C20.48%2C11.74Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E");
}

.modal-sns {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .modal-sns {
    justify-content: flex-end;
  }
  .modal-sns li {
    margin-right: 5px;
  }
  .modal-sns .sns-btn {
    height: 30px;
    width: 30px;
  }
  .modal-sns .sns-btn:hover {
    background-color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .modal-sns {
    display: none;
    justify-content: center;
    position: fixed;
    width: 100%;
    bottom: 9.333vw;
    left: 0;
  }
  .modal-sns .sns-btn {
    height: 12vw;
    width: 12vw;
  }
}
.btn-modal-close {
  background: #dc82b4;
  background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dc82b4", endColorstr="#78c8ff",GradientType=1 );
  cursor: pointer;
  display: block;
  padding: 1px;
}

.btn-modal-close .btn-close-inner {
  background: #000;
  position: relative;
}

.btn-modal-close .btn-close-inner span {
  background: #dc82b4;
  background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dc82b4", endColorstr="#78c8ff",GradientType=1 );
  position: absolute;
}

.btn-modal-close .btn-close-inner span:nth-of-type(1) {
  transform: rotate(-45deg);
}

.btn-modal-close .btn-close-inner span:nth-of-type(2) {
  transform: rotate(45deg);
}

@media only screen and (min-width: 768px) {
  .btn-modal-close {
    height: 30px;
    width: 30px;
  }
  .btn-modal-close .btn-close-inner {
    display: block;
    height: 28px;
    width: 28px;
  }
  .btn-modal-close .btn-close-inner span {
    height: 1px;
    width: 13px;
    top: 13.5px;
    left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-modal-close {
    height: 10.667vw;
    width: 10.667vw;
  }
  .btn-modal-close .btn-close-inner {
    display: block;
    height: calc(10.667vw - 2px);
    width: calc(10.667vw - 2px);
  }
  .btn-modal-close .btn-close-inner span {
    height: 1px;
    width: 50%;
    top: 48%;
    left: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .btn-outline {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.62%2025.57%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.52%2C6.71A3.36%2C3.36%2C0%2C1%2C0%2C1.17%2C3.35%2C3.35%2C3.35%2C0%2C0%2C0%2C4.52%2C6.71Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227.87%2021.29%207.87%208.18%200%208.18%200%2010.5%201.75%2010.5%201.75%2021.29%200%2021.29%200%2025.57%209.62%2025.57%209.62%2021.29%207.87%2021.29%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;
    background-size: auto 3.467vw;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    height: 6.667vw;
    margin-left: 45vw;
    width: 6.667vw;
  }
  .btn-outline-close {
    background: #cccccc;
    border-radius: 0.8vw;
    font-size: 3.067vw;
    cursor: pointer;
    display: none;
    margin: auto;
    padding: 3.8vw 0;
    text-align: center;
    width: 40vw;
    position: fixed;
    right: 0;
    bottom: 34.667vw;
    left: 0;
  }
}
.modal-main-loading {
  height: 33px;
  margin: auto;
  position: absolute;
  width: 33px;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-main {
  height: 100%;
  position: relative;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.modal-main .images {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .modal-main {
    overflow: scroll;
    overflow-x: hidden;
    padding-top: 80px;
    /*
    .images::-webkit-scrollbar {
      display: none;
    }*/
  }
  .modal-main .images img {
    max-width: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .modal-main {
    overflow-y: scroll;
    padding-top: 16vw;
  }
  .modal-main .images img {
    max-width: 100%;
  }
}
.modal-wrap.view__pc .modal-main .pc {
  display: block;
}

.modal-wrap.view__pc .modal-main .sp {
  display: none;
}

.modal-wrap.view__pc .pc_px {
  display: block;
}

.modal-wrap.view__pc .sp_px {
  display: none;
}

.modal-wrap.view__sp .modal-main .pc {
  display: none;
}

.modal-wrap.view__sp .modal-main .sp {
  display: block;
}

.modal-wrap.view__sp .pc_px {
  display: none;
}

.modal-wrap.view__sp .sp_px {
  display: block;
}

@media only screen and (max-width: 767px) {
  .view__outline .modal-outline {
    height: 100%;
    height: calc(100% - 16vw);
    padding-top: 5.333vw;
  }
  .view__outline .modal-sns {
    display: flex;
  }
  .view__outline .btn-outline-close {
    display: block;
  }
  .view__outline .btn-outline {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.62%2025.57%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.52%2C6.71A3.36%2C3.36%2C0%2C1%2C0%2C1.17%2C3.35%2C3.35%2C3.35%2C0%2C0%2C0%2C4.52%2C6.71Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227.87%2021.29%207.87%208.18%200%208.18%200%2010.5%201.75%2010.5%201.75%2021.29%200%2021.29%200%2025.57%209.62%2025.57%209.62%2021.29%207.87%2021.29%22%2F%3E%3C%2Fsvg%3E");
  }
}
.modal-open #pf-modal {
  z-index: 2000;
}

.modal-open .pf-overlay {
  visibility: visible;
}

.modal-open .modal-wrap {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

/************************************
** 横長テーブル
************************************/
.p-sticky-table {
  white-space: nowrap;
  line-height: 1.6;
}

.p-sticky-table table {
  border: none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display: block;
  overflow: scroll;
  max-height: 80vh;
}

.p-sticky-table thead th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}

.p-sticky-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: center;
}

.p-sticky-table tbody th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  border: none;
  white-space: normal;
  min-width: 130px;
}

.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align: middle !important;
  background: #fff;
}

.p-sticky-table th {
  background: #f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}

.p-sticky-table tr {
  border-bottom: none !important;
}

.p-sticky-table img {
  display: block;
  padding: 0;
}

.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}

/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 60vh;
  }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
    min-width: 25vw;
  }
  .p-sticky-table th, .p-sticky-table td {
    font-size: 12px !important;
    padding: 7px !important;
  }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}/*# sourceMappingURL=style.css.map */