@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@500&family=Noto+Sans+JP:wght@400;700&display=swap");
/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */
a[href^="tel:"] {
  pointer-events: none;
}

a[href^="tel:"]:link, a[href^="tel:"]:visited {
  color: #232323;
  text-decoration: none;
}

a[href^="tel:"]:hover, a[href^="tel:"]:active {
  color: #232323;
  text-decoration: none;
}

html, body {
  font-size: 14px;
}
@media (max-width: 756px) {
  html, body {
    font-size: 3.6vw;
  }
}

body {
  color: #232323;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  background: #fff;
  -webkit-text-size-adjust: none;
}

input, textarea, select {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}

b, strong, fontBold {
  font-weight: 700;
}

/* reset ------------------------------ */
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, figure,
p, blockquote, pre, cite, code, caption,
header, footer, section,
tr, th, td,
form, fieldset, legend, input, textarea, select, option, label {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img, table {
  border: none;
}

img {
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
}

ul, ol {
  list-style: none;
}

li img,
dt img {
  vertical-align: bottom;
}

/* textlink ------------------------------ */
a,
a img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a {
  color: #1a73e8;
  text-decoration: none;
}

a:hover,
a:hover img,
input[type=submit]:hover,
input[type=image]:hover {
  opacity: 0.7;
}

a:hover,
a:hover img {
  text-decoration: underline;
}

/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*margin
-----------------------------------------------*/
.bot005px {
  margin-bottom: 5px !important;
}

.bot010px {
  margin-bottom: 10px !important;
}

.bot015px {
  margin-bottom: 15px !important;
}

.bot020px {
  margin-bottom: 20px !important;
}

.bot025px {
  margin-bottom: 25px !important;
}

.bot030px {
  margin-bottom: 30px !important;
}

.bot035px {
  margin-bottom: 35px !important;
}

.bot040px {
  margin-bottom: 40px !important;
}

.bot045px {
  margin-bottom: 45px !important;
}

.bot050px {
  margin-bottom: 50px !important;
}

.bot060px {
  margin-bottom: 60px !important;
}

.bot070px {
  margin-bottom: 70px !important;
}

.bot100px {
  margin-bottom: 100px !important;
}

/*align
-----------------------------------------------*/
.alright {
  text-align: right !important;
}

.alcenter {
  text-align: center !important;
}

.alleft {
  text-align: left !important;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 756px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
  a:hover img,
  input[type=submit]:hover,
  input[type=image]:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  /* ----------------------- iOS用フォームのリセット ------- */
  input[type=submit],
  input[type=button] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  input[type=submit]::-webkit-search-decoration,
  input[type=button]::-webkit-search-decoration {
    display: none;
  }
  input[type=submit]::focus,
  input[type=button]::focus {
    outline-offset: -2px;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
  }
  button,
  input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
  }
  input[type=radio] {
    display: none;
  }
  input[type=radio]:checked + label {
    background: #ff0000;
  }
}
.forpc {
  display: block;
}

.forsp {
  display: none;
}

.forpcinline {
  display: inline;
}

.forspinline {
  display: none;
}

html, body {
  position: relative;
}

header {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 40px 10px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .logo {
  width: 180px;
}
header #smenu {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header #smenu nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header #smenu nav ul li {
  font-size: 1.2142857143rem;
  margin-left: 35px;
}
header #smenu nav ul li a {
  color: #232323;
  text-decoration: none;
}
header #smenu nav ul li a:hover {
  text-decoration: none;
}
header #smenu nav ul li.blog img {
  width: 80px;
  vertical-align: baseline;
}
header #smenu .search {
  margin-left: 30px;
  position: relative;
}
header #smenu .search .icon {
  cursor: pointer;
}
header #smenu .search .icon img {
  width: auto;
  height: 20px;
  vertical-align: middle;
}
header #smenu .search .searchbox {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
header #smenu .search .searchbox .sform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 220px; /* 任意の幅に調整してください */
  overflow: hidden;
  border-radius: 50vh;
  background-color: #f2f2f2;
}
header #smenu .search .searchbox .sform input {
  height: 45px;
  padding: 5px 15px;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f2f2;
  font-size: 1em;
  outline: none;
}
header #smenu .search .searchbox .sform input::-webkit-input-placeholder {
  color: #777;
}
header #smenu .search .searchbox .sform input::-moz-placeholder {
  color: #777;
}
header #smenu .search .searchbox .sform input:-ms-input-placeholder {
  color: #777;
}
header #smenu .search .searchbox .sform input::-ms-input-placeholder {
  color: #777;
}
header #smenu .search .searchbox .sform input::placeholder {
  color: #777;
}
header #smenu .search .searchbox .sform button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 45px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
header #smenu .search .searchbox .sform button::after {
  width: 20px;
  height: 20px;
  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%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23777777%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
}
header #smenu .snss {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header #smenu .snss li {
  margin-left: 15px;
}
header #smenu .snss li img {
  width: auto;
  height: 16px;
  vertical-align: middle;
}
header #menuBtn,
header .searchbox2 {
  display: none;
}

@media screen and (max-width: 1200px) {
  header {
    display: block;
  }
  header #smenu {
    margin-top: 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
body.product header nav ul li.product,
body.shop header nav ul li.shop,
body.about header nav ul li.about,
body.business header nav ul li.business,
body.news header nav ul li.news,
body.media header nav ul li.media,
body.blog header nav ul li.blog,
body.contact header nav ul li.contact {
  border-bottom: solid 2px #232323;
}

body.news.media header nav ul li.news {
  border-bottom: none;
}

footer {
  text-align: center;
  padding: 30px 0 20px;
}
footer .snss {
  display: none;
}

#totop {
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  cursor: pointer;
}

#katsudo,
section.katsudo {
  margin-bottom: 80px;
}
#katsudo .h-type02,
section.katsudo .h-type02 {
  margin-bottom: 50px;
}
#katsudo ul,
section.katsudo ul {
  width: 840px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#katsudo ul li,
section.katsudo ul li {
  width: 190px;
  margin: 0 26px 30px 0;
}
#katsudo ul li:nth-child(4n),
section.katsudo ul li:nth-child(4n) {
  margin-right: 0;
}
#katsudo .main ul.layout-3,
section.katsudo .main ul.layout-3 {
  width: 100%;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#katsudo .main ul.layout-3 li,
section.katsudo .main ul.layout-3 li {
  width: 210px;
  margin: 0 25px 30px 0;
}
#katsudo .main ul.layout-3 li:nth-child(3n),
section.katsudo .main ul.layout-3 li:nth-child(3n) {
  margin-right: 0;
}
#katsudo .btn,
section.katsudo .btn {
  text-align: center;
}
#katsudo .btn .b-type01,
section.katsudo .btn .b-type01 {
  margin: 0 auto;
}

.disclist li {
  list-style: disc;
  margin-left: 20px;
}

.linkarea,
.linkarea a {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.linkarea a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  font-size: 0;
  text-indent: -9999px;
  overflow: visible;
  z-index: 999;
}

.linkarea:hover {
  opacity: 0.7;
}

@media screen and (max-width: 756px) {
  .forpc {
    display: none;
  }
  .forsp {
    display: block;
  }
  .forpcinline {
    display: none;
  }
  .forspinline {
    display: inline;
  }
  img {
    width: 100%;
  }
  header {
    width: 100%;
    padding: 4vw 5vw 17vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .logo {
    width: 42vw;
  }
  header #smenu {
    width: 100vw;
    height: 100vh;
    background: #fff;
    padding: 15vw 5vw 10vw;
    position: fixed;
    top: 0;
    left: 100vw;
    margin-left: 0;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
  }
  header #smenu.active {
    left: 0;
  }
  header #smenu nav ul {
    margin-bottom: 10vw;
    display: block;
  }
  header #smenu nav ul li {
    text-align: left;
    margin-left: 0;
  }
  header #smenu nav ul li a {
    border-bottom: solid 1px #232323;
    padding: 8px 2vw;
    display: block;
    position: relative;
  }
  header #smenu nav ul li a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    position: absolute;
    top: calc(50% - 3px);
    right: 2vw;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header #smenu nav ul li.blog img {
    width: 40vw;
  }
  header #smenu .search {
    display: none;
  }
  header #smenu .snss {
    margin-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header #smenu .snss li {
    margin: 0 6vw;
  }
  header #smenu .snss li img {
    height: 24px;
  }
  header #menuBtn {
    width: 30px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 4vw;
    right: 5vw;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 11;
  }
  header #menuBtn span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #232323;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  header #menuBtn span:nth-of-type(1) {
    top: 0;
  }
  header #menuBtn span:nth-of-type(2) {
    top: 11px;
  }
  header #menuBtn span:nth-of-type(3) {
    bottom: 0;
  }
  header #menuBtn.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
            transform: translateY(10px) rotate(-45deg);
  }
  header #menuBtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  header #menuBtn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
            transform: translateY(-12px) rotate(45deg);
  }
  header .searchbox2 {
    width: 90vw;
    display: block;
    position: absolute;
    top: 15vw;
    left: 5vw;
    display: block;
  }
  header .searchbox2 .sform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90vw; /* 任意の幅に調整してください */
    overflow: hidden;
    border-radius: 50vh;
    background-color: #f2f2f2;
  }
  header .searchbox2 .sform input {
    height: 10vw;
    padding: 5px 15px;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 1em;
    outline: none;
  }
  header .searchbox2 .sform input::-webkit-input-placeholder {
    color: #777;
  }
  header .searchbox2 .sform input::-moz-placeholder {
    color: #777;
  }
  header .searchbox2 .sform input:-ms-input-placeholder {
    color: #777;
  }
  header .searchbox2 .sform input::-ms-input-placeholder {
    color: #777;
  }
  header .searchbox2 .sform input::placeholder {
    color: #777;
  }
  header .searchbox2 .sform button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 10vw;
    height: 10vw;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
  header .searchbox2 .sform button::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/icn-search_g.svg) no-repeat left top/100% auto;
    position: absolute;
    top: 12px;
    right: 15px;
  }
  body.product header nav ul li.product,
  body.shop header nav ul li.shop,
  body.about header nav ul li.about,
  body.business header nav ul li.business,
  body.news header nav ul li.news,
  body.media header nav ul li.media,
  body.blog header nav ul li.blog,
  body.contact header nav ul li.contact {
    border-bottom: none;
  }
  footer {
    padding: 5vw 0 3vw;
  }
  footer .snss {
    margin-bottom: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .snss li {
    margin: 0 5vw;
  }
  footer .snss li img {
    width: auto;
    height: 5.4vw;
  }
  #totop {
    width: 11vw;
    bottom: 3vw;
    right: 5vw;
  }
  #katsudo,
  section.katsudo {
    margin-bottom: 10vw;
  }
  #katsudo .h-type02,
  section.katsudo .h-type02 {
    margin-bottom: 6vw;
  }
  #katsudo ul,
  section.katsudo ul {
    width: 100%;
    margin: 0 auto 5vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #katsudo ul li,
  section.katsudo ul li {
    width: 42vw;
    margin: 0 0 5vw;
  }
  #katsudo .main ul.layout-3,
  section.katsudo .main ul.layout-3 {
    width: 100%;
    margin: 0 auto 5vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #katsudo .main ul.layout-3 li,
  section.katsudo .main ul.layout-3 li {
    width: 42vw;
    margin: 0 0 5vw;
  }
}
#gallery {
  padding: 60px 0;
}
#gallery .galleries .slide {
  width: 20%;
}
#gallery .galleries .slide img {
  width: 100%;
  height: 17vw;
  -o-object-fit: cover;
     object-fit: cover;
}
#gallery .slick-prev,
#gallery .slick-next {
  width: 36px;
  height: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  text-indent: -9999px;
  z-index: 2;
}
#gallery .slick-prev {
  background: url(../images/common/arrow_prev.png) no-repeat left top/100% auto;
  left: 0;
}
#gallery .slick-next {
  background: url(../images/common/arrow_next.png) no-repeat left top/100% auto;
  right: 0;
}

@media screen and (max-width: 756px) {
  #gallery {
    padding: 10vw 0 5vw;
  }
  #gallery .galleries .slide {
    width: 30vw;
  }
  #gallery .galleries .slide img {
    height: 30vw;
  }
}
/* ----------------------- form -------------- */
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
  width: 100%;
  background: #fff;
  border: solid 1px #999;
  border-radius: 6px;
  padding: 10px;
}
form textarea {
  height: 100px;
}
form select {
  color: #232323;
  height: calc(2em + 20px);
  border: solid 1px #999;
  border-radius: 6px;
  padding: 0 10px;
}
form input[type=submit] {
  -webkit-appearance: none;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #000;
  border-radius: 50vh;
  margin-bottom: 15px;
  padding: 15px 100px;
  cursor: pointer;
}
form input[type=submit][name=submitBack] {
  font-size: 0.9375rem;
  color: #232323;
  text-align: center;
  text-decoration: underline;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
form input[type=radio] + span,
form input[type=checkbox] + span {
  font-weight: 700;
}
form .error-input input[type=text],
form .error-input input[type=email],
form .error-input input[type=tel],
form .error-input input[type=url] {
  border: solid 2px #ed5353;
  background: #ffe2e2;
}
form .sizeZip {
  width: 120px !important;
}
form .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

@media screen and (max-width: 756px) {
  form input[type=submit] {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 0;
  }
}
body {
  padding-top: 100px;
}

.subContents {
  width: 70%;
  min-width: 840px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 756px) {
  .subContents {
    width: 100vw;
    min-width: initial;
    padding: 0 5vw;
  }
}

.subContentsSolid {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 756px) {
  .subContentsSolid {
    width: 100vw;
    min-width: initial;
    padding: 0 5vw;
  }
}

#pageTitle {
  height: 380px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
#pageTitle h1 {
  color: #fff;
  font-family: "Hind Siliguri", sans-serif;
  font-weight: 500;
  font-size: 2.8571428571rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
#pageTitle::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(115, 120, 170, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

body.product #pageTitle {
  background-image: url(../images/product/img-main-back.jpg);
}

body.shop #pageTitle {
  background-image: url(../images/shop/img-main-back.jpg);
}

body.about #pageTitle {
  background-image: url(../images/about/img-main-back.jpg);
}

body.business #pageTitle {
  background-image: url(../images/business/img-main-back.jpg);
}

.h-type01 {
  font-family: "Hind Siliguri", sans-serif;
  font-weight: 500;
  font-size: 2.1428571429rem;
  line-height: 1;
  text-align: center;
  margin: 0 0 60px;
}
.h-type01 span {
  border-bottom: solid 2px #232323;
  padding: 0 0 10px;
}

.h-type02 {
  font-size: 2.1428571429rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 20px;
  position: relative;
}
.h-type02 span {
  background: #fff;
  padding: 0 1em;
}
.h-type02::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #232323;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
.h-type02 + .h-type02-sub {
  font-weight: 700;
  margin-bottom: 60px;
}
.h-type02 + .h-type02-sub .fontNormal {
  font-weight: 400;
}

.h-type03 {
  font-size: 1.4285714286rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 20px;
}

.b-type01 {
  color: #fff;
  font-size: 0.9285714286rem;
  font-weight: 700;
  width: 180px;
  text-align: left;
  text-decoration: none;
  background: #232323;
  border: none;
  border-radius: 50vh;
  padding: 8px 30px 8px 30px;
  display: block;
  cursor: pointer;
  position: relative;
}
.b-type01::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 35px;
}
.b-type01::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: calc(50% - 5px);
  right: 15px;
}
.b-type01:hover {
  text-decoration: none;
}

.newscon figure {
  margin-bottom: 10px;
}
.newscon figure img {
  width: 100%;
  height: 145px;
  -o-object-fit: cover;
     object-fit: cover;
}
.newscon p.date {
  font-size: 0.857rem;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newscon p.date span.date {
  margin-left: auto;
}
.newscon .title {
  font-weight: 700;
  text-align: left;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}

.blogcon figure {
  margin-bottom: 10px;
}
.blogcon figure img {
  width: 100%;
  height: 145px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogcon p.date {
  font-size: 0.857rem;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blogcon p.date span.date {
  margin-left: auto;
}
.blogcon .title {
  font-weight: 700;
  text-align: left;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}

.manga {
  width: 377px;
  margin: 0 auto;
  position: relative;
}
.manga .manga2 {
  text-indent: -9999px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -2;
}
.manga img {
  width: 100%;
}

#katsudo .layout-2-columns,
section.katsudo .layout-2-columns,
body.blog.single #article .subContentsSolid .layout-2-columns,
body.news.single #article .subContentsSolid .layout-2-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#katsudo .layout-2-columns .main,
section.katsudo .layout-2-columns .main,
body.blog.single #article .subContentsSolid .layout-2-columns .main,
body.news.single #article .subContentsSolid .layout-2-columns .main {
  width: 680px;
}
#katsudo .layout-2-columns .side,
section.katsudo .layout-2-columns .side,
body.blog.single #article .subContentsSolid .layout-2-columns .side,
body.news.single #article .subContentsSolid .layout-2-columns .side {
  width: 260px;
}
#katsudo .layout-2-columns .side h3,
section.katsudo .layout-2-columns .side h3,
body.blog.single #article .subContentsSolid .layout-2-columns .side h3,
body.news.single #article .subContentsSolid .layout-2-columns .side h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
#katsudo .layout-2-columns .side h3::before,
section.katsudo .layout-2-columns .side h3::before,
body.blog.single #article .subContentsSolid .layout-2-columns .side h3::before,
body.news.single #article .subContentsSolid .layout-2-columns .side h3::before {
  content: "■";
}
#katsudo .layout-2-columns .side ol.recommendList li,
section.katsudo .layout-2-columns .side ol.recommendList li,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#katsudo .layout-2-columns .side ol.recommendList li::after,
section.katsudo .layout-2-columns .side ol.recommendList li::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li::after {
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  background: #232323;
  width: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(1)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(1)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(1)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(1)::after {
  content: "1";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(2)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(2)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(2)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(2)::after {
  content: "2";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(3)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(3)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(3)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(3)::after {
  content: "3";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(4)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(4)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(4)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(4)::after {
  content: "4";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(5)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(5)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(5)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(5)::after {
  content: "5";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(6)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(6)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(6)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(6)::after {
  content: "6";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(7)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(7)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(7)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(7)::after {
  content: "7";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(8)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(8)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(8)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(8)::after {
  content: "8";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(9)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(9)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(9)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(9)::after {
  content: "9";
}
#katsudo .layout-2-columns .side ol.recommendList li:nth-child(10)::after,
section.katsudo .layout-2-columns .side ol.recommendList li:nth-child(10)::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(10)::after,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li:nth-child(10)::after {
  content: "10";
}
#katsudo .layout-2-columns .side ol.recommendList li figure,
section.katsudo .layout-2-columns .side ol.recommendList li figure,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure {
  width: 100px;
}
#katsudo .layout-2-columns .side ol.recommendList li figure img,
section.katsudo .layout-2-columns .side ol.recommendList li figure img,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure img,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#katsudo .layout-2-columns .side ol.recommendList li .text,
section.katsudo .layout-2-columns .side ol.recommendList li .text,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text {
  width: 150px;
}
#katsudo .layout-2-columns .side ol.recommendList li .text .metainfo,
section.katsudo .layout-2-columns .side ol.recommendList li .text .metainfo,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .metainfo,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .metainfo {
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#katsudo .layout-2-columns .side ol.recommendList li .text .articleTitle,
section.katsudo .layout-2-columns .side ol.recommendList li .text .articleTitle,
body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .articleTitle,
body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .articleTitle {
  font-size: 0.875rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#katsudo .layout-2-columns .side .catList,
section.katsudo .layout-2-columns .side .catList,
body.blog.single #article .subContentsSolid .layout-2-columns .side .catList,
body.news.single #article .subContentsSolid .layout-2-columns .side .catList {
  width: auto;
  margin: 0;
  display: block;
}
#katsudo .layout-2-columns .side .catList li,
section.katsudo .layout-2-columns .side .catList li,
body.blog.single #article .subContentsSolid .layout-2-columns .side .catList li,
body.news.single #article .subContentsSolid .layout-2-columns .side .catList li {
  width: auto;
  margin: 0;
  border-bottom: solid 1px #7f7f7f;
}
#katsudo .layout-2-columns .side .catList li a,
section.katsudo .layout-2-columns .side .catList li a,
body.blog.single #article .subContentsSolid .layout-2-columns .side .catList li a,
body.news.single #article .subContentsSolid .layout-2-columns .side .catList li a {
  padding: 10px 0;
  display: block;
  position: relative;
}
#katsudo .layout-2-columns .side .catList li a::after,
section.katsudo .layout-2-columns .side .catList li a::after,
body.blog.single #article .subContentsSolid .layout-2-columns .side .catList li a::after,
body.news.single #article .subContentsSolid .layout-2-columns .side .catList li a::after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-top: solid 2px #7f7f7f;
  border-right: solid 2px #7f7f7f;
  position: absolute;
  top: calc(50% - 0.25rem);
  right: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#katsudo .layout-2-columns .side .filtering,
section.katsudo .layout-2-columns .side .filtering,
body.blog.single #article .subContentsSolid .layout-2-columns .side .filtering,
body.news.single #article .subContentsSolid .layout-2-columns .side .filtering {
  text-align: left;
  border-top: none;
  border-bottom: none;
  padding: 30px 0;
}
#katsudo .layout-2-columns .side .filtering select,
section.katsudo .layout-2-columns .side .filtering select,
body.blog.single #article .subContentsSolid .layout-2-columns .side .filtering select,
body.news.single #article .subContentsSolid .layout-2-columns .side .filtering select {
  width: 100%;
  height: auto;
  border: solid 1px #7f7f7f;
  padding: 10px 30px 10px 10px;
}

@media screen and (max-width: 756px) {
  body {
    padding-top: 30vw;
  }
  #pageTitle {
    height: 40vh;
  }
  .h-type01 {
    font-size: 2rem;
    margin: 0 0 12vw;
  }
  .h-type01 span {
    padding: 0 0 0.5vw;
  }
  .h-type02 {
    font-size: 1.8rem;
    margin: 0 0 4vw;
  }
  .h-type02 + .h-type02-sub {
    line-height: 1.6;
    margin-bottom: 8vw;
  }
  .h-type03 {
    font-size: 1.25rem;
    margin-bottom: 4vw;
  }
  .b-type01, button[type=submit] {
    width: 40vw;
    padding: 6px 30px 6px 30px;
  }
  .b-type01::after, button[type=submit]::after {
    top: calc(50% - 4px);
    right: 13px;
  }
  .newscon figure {
    margin-bottom: 5px;
  }
  .newscon figure img {
    height: 32.0526315789vw;
  }
  .newscon p.date {
    margin-bottom: 5px;
  }
  .newscon .title {
    font-weight: 0.9rem;
  }
  .blogcon figure {
    margin-bottom: 5px;
  }
  .blogcon figure img {
    height: 32.0526315789vw;
  }
  .blogcon p.date {
    margin-bottom: 5px;
  }
  .blogcon .title {
    font-weight: 0.9rem;
  }
  .manga {
    width: 80vw;
  }
  #katsudo .layout-2-columns,
  section.katsudo .layout-2-columns,
  body.blog.single #article .subContentsSolid .layout-2-columns,
  body.news.single #article .subContentsSolid .layout-2-columns {
    display: block;
  }
  #katsudo .layout-2-columns .main,
  section.katsudo .layout-2-columns .main,
  body.blog.single #article .subContentsSolid .layout-2-columns .main,
  body.news.single #article .subContentsSolid .layout-2-columns .main {
    width: 100%;
  }
  #katsudo .layout-2-columns .side,
  section.katsudo .layout-2-columns .side,
  body.blog.single #article .subContentsSolid .layout-2-columns .side,
  body.news.single #article .subContentsSolid .layout-2-columns .side {
    width: 100%;
  }
  #katsudo .layout-2-columns .side h3,
  section.katsudo .layout-2-columns .side h3,
  body.blog.single #article .subContentsSolid .layout-2-columns .side h3,
  body.news.single #article .subContentsSolid .layout-2-columns .side h3 {
    margin-bottom: 3vw;
  }
  #katsudo .layout-2-columns .side ol.recommendList li,
  section.katsudo .layout-2-columns .side ol.recommendList li,
  body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li,
  body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li {
    margin-bottom: 8vw;
  }
  #katsudo .layout-2-columns .side ol.recommendList li figure,
  section.katsudo .layout-2-columns .side ol.recommendList li figure,
  body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure,
  body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li figure {
    width: 35vw;
  }
  #katsudo .layout-2-columns .side ol.recommendList li .text,
  section.katsudo .layout-2-columns .side ol.recommendList li .text,
  body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text,
  body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text {
    width: 50vw;
  }
  #katsudo .layout-2-columns .side ol.recommendList li .text .metainfo,
  section.katsudo .layout-2-columns .side ol.recommendList li .text .metainfo,
  body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .metainfo,
  body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .metainfo {
    font-size: 0.75rem;
    line-height: 1.2;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #katsudo .layout-2-columns .side ol.recommendList li .text .articleTitle,
  section.katsudo .layout-2-columns .side ol.recommendList li .text .articleTitle,
  body.blog.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .articleTitle,
  body.news.single #article .subContentsSolid .layout-2-columns .side ol.recommendList li .text .articleTitle {
    font-size: 1rem;
  }
  #katsudo .layout-2-columns .side .catList li a,
  section.katsudo .layout-2-columns .side .catList li a,
  body.blog.single #article .subContentsSolid .layout-2-columns .side .catList li a,
  body.news.single #article .subContentsSolid .layout-2-columns .side .catList li a {
    padding: 3vw 0;
  }
}
.fadeIn {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
}

.fadeIn.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.blur {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.blur.active {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.delay1 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.delay2 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.delay3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

iframe#gt-nvframe {
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
}

.VfPpkd-BIzmGd .VfPpkd-wbSZ0b {
  bottom: 5vw !important;
  left: 5vw !important;
}

#chlan {
  position: fixed;
  bottom: 25px;
  left: 20px;
}
#chlan a img {
  width: 60px;
  height: 60px;
  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
}

@media screen and (max-width: 756px) {
  #chlan {
    bottom: 3vw;
    left: 5vw;
  }
  #chlan a img {
    width: 11vw;
    height: 11vw;
  }
}
body.toppage {
  padding-top: 0;
}
body.toppage #mainv {
  width: 100%;
  min-height: 690px;
  height: 100vh;
  position: relative;
}
body.toppage #mainv.fadeIn {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.toppage #mainv .slides .slide {
  width: 100%;
  min-height: 690px;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
body.toppage #mainv .slides .slide.slide1 {
  background-image: url(../images/toppage/soo_slide-1-pc.jpg);
}
body.toppage #mainv .slides .slide.slide2 {
  background-image: url(../images/toppage/soo_slide-2-pc.jpg);
}
body.toppage #mainv .slides .slide.slide3 {
  background-image: url(../images/toppage/soo_slide-3-pc.jpg);
}
body.toppage #mainv .slides .slide.slide4 {
  background-image: url(../images/toppage/soo_slide-4-pc.jpg);
}
body.toppage #mainv .name {
  width: 180px;
  position: absolute;
  top: 150px;
  right: 80px;
}
body.toppage #mainv .copy {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.4285714286rem;
  font-weight: 700;
  text-align: left;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  letter-spacing: 2px;
  position: absolute;
  top: 150px;
  left: 80px;
}
body.toppage #mainv #scrollBtn {
  width: 20px;
  height: 85px;
  background: url(../images/common/b_scrolldown.png) no-repeat left top/100% auto;
  position: absolute;
  bottom: 20px;
  left: 30px;
  cursor: pointer;
}
body.toppage #lead {
  padding: 70px 0;
}
body.toppage #lead .subContents p {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.4285714286rem;
  line-height: 2.5;
  text-align: center;
}
body.toppage #news {
  background: url(../images/toppage/img-back-silk.jpg) center center/cover;
}
body.toppage #news {
  padding: 60px 0;
}
body.toppage #news h2:not(:first-of-type) {
  margin-top: 80px;
}
body.toppage #news h2.blog {
  text-align: center;
  margin-bottom: 20px;
}
body.toppage #news h2.blog img {
  width: 180px;
}
body.toppage #news ul {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.toppage #news ul::before, body.toppage #news ul::after {
  content: " ";
  width: calc((100% - 75px) / 4);
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body.toppage #news ul li {
  width: calc((100% - 75px) / 4);
  margin-bottom: 50px;
}
body.toppage #news ul li figure {
  margin-bottom: 10px;
}
body.toppage #news ul li figure img {
  width: 100%;
  height: calc((70vw - 75px) / 4 / 190 * 145);
  -o-object-fit: cover;
     object-fit: cover;
}
body.toppage #news ul li p.date {
  font-size: 0.857rem;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.toppage #news ul li p.date span.date {
  margin-left: auto;
}
body.toppage #news ul li .title {
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}
body.toppage #news .btn {
  text-align: center;
}
body.toppage #news .btn .b-type01 {
  margin: 0 auto;
}
body.toppage #product {
  padding: 60px 0;
}
body.toppage #product .block {
  margin-bottom: 50px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "text1 fig" "text2 fig";
  -ms-grid-columns: 3fr 2fr;
  grid-template-columns: 3fr 2fr;
}
body.toppage #product .block .tit {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  padding-right: 60px;
  grid-area: text1;
}
body.toppage #product .block .tit .subtit {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 700;
  font-size: 1.2142857143rem;
  margin-bottom: 5px;
}
body.toppage #product .block .tit h3 {
  width: 360px;
  margin-bottom: 20px;
}
body.toppage #product .block .tit h3 img {
  width: 100%;
}
body.toppage #product .block .tit .midashi {
  font-weight: 700;
  margin-bottom: 10px;
}
body.toppage #product .block .honbun {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  padding-right: 60px;
  grid-area: text2;
}
body.toppage #product .block .honbun .btn {
  margin-top: 30px;
}
body.toppage #product .block figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  width: 100%;
  margin-left: auto;
  grid-area: fig;
}
body.toppage #product .block figure img {
  width: 100%;
}
body.toppage #product h4 {
  text-align: center;
}
body.toppage #product .ytwrap {
  width: 640px;
  height: 360px;
  margin: 0 auto 50px;
  position: relative;
}
body.toppage #product .ytwrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body.toppage #product .manga {
  margin-top: 50px;
}
body.toppage #layout-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.toppage #layout-3 ul li {
  width: 33.3333333333%;
}
body.toppage #layout-3 ul li .fig {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
body.toppage #layout-3 ul li .fig img {
  width: 100%;
  height: 19.4444444444%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.toppage #layout-3 ul li .fig .tit {
  width: 25%;
  color: #fff;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50vh;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.toppage #layout-3 ul li .text {
  font-size: 1.0714285714rem;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  body.toppage #news ul li figure img {
    height: 145px;
  }
}
@media screen and (max-width: 756px) {
  body.toppage {
    padding-top: 10vw;
  }
  body.toppage #mainv {
    min-height: initial;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  body.toppage #mainv .slides .slide {
    min-height: initial;
  }
  body.toppage #mainv .slides .slide.slide1 {
    background-image: url(../images/toppage/soo_slide-1-sp.jpg);
  }
  body.toppage #mainv .slides .slide.slide2 {
    background-image: url(../images/toppage/soo_slide-2-sp.jpg);
  }
  body.toppage #mainv .slides .slide.slide3 {
    background-image: url(../images/toppage/soo_slide-3-sp.jpg);
  }
  body.toppage #mainv .slides .slide.slide4 {
    background-image: url(../images/toppage/soo_slide-4-sp.jpg);
  }
  body.toppage #mainv::after {
    content: "";
    width: 100vw;
    height: 80vw;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
  }
  body.toppage #mainv .name {
    width: 70vw;
    position: relative;
    top: 24vw;
    right: -15vw;
  }
  body.toppage #mainv .copy {
    font-size: 1rem;
    top: 20vw;
    right: 55vw;
    left: auto;
  }
  body.toppage #mainv #scrollBtn {
    width: 20px;
    height: 85px;
    bottom: 10vw;
    left: 4vw;
  }
  body.toppage #lead {
    padding: 14vw 0;
  }
  body.toppage #lead .subContents {
    width: 100%;
  }
  body.toppage #lead .subContents p {
    font-size: 1.3rem;
    line-height: 1.8;
    text-align: left;
  }
  body.toppage #news {
    background-size: cover;
  }
  body.toppage #news {
    padding: 10vw 0;
  }
  body.toppage #news h2:not(:first-of-type) {
    margin-top: 8vw;
  }
  body.toppage #news h2.blog {
    width: 36vw;
    margin: 8vw auto 4vw;
  }
  body.toppage #news h2.blog img {
    width: 100%;
  }
  body.toppage #news ul {
    margin-bottom: 5vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.toppage #news ul::before, body.toppage #news ul::after {
    width: 42vw;
  }
  body.toppage #news ul li {
    width: 42vw;
    margin-bottom: 5vw;
  }
  body.toppage #news ul li figure {
    margin-bottom: 5px;
  }
  body.toppage #news ul li figure img {
    width: 100%;
    height: 32.0526315789vw;
  }
  body.toppage #news ul li p.date {
    margin-bottom: 5px;
  }
  body.toppage #news ul li .title {
    font-size: 0.9rem;
  }
  body.toppage #product {
    padding: 10vw 0;
  }
  body.toppage #product .block {
    margin-bottom: 10vw;
    display: block;
  }
  body.toppage #product .block .tit {
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
  body.toppage #product .block .tit .subtit {
    margin-bottom: 5vw;
  }
  body.toppage #product .block .tit h3 {
    width: 60vw;
    margin: 0 auto 8vw;
  }
  body.toppage #product .block .tit h3 img {
    width: 100%;
  }
  body.toppage #product .block .tit .midashi {
    margin-bottom: 6vw;
  }
  body.toppage #product .block figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    width: 100%;
    margin-left: auto;
    grid-area: fig;
  }
  body.toppage #product .ytwrap {
    width: 100%;
    height: 50.625vw;
  }
  body.toppage #product .honbun2 {
    margin-top: 6vw;
    margin-bottom: 10vw;
  }
  body.toppage #product .honbun2 .btn {
    text-align: center;
    margin: 8vw 0 0;
  }
  body.toppage #product .honbun2 .btn .b-type01 {
    margin: 0 auto;
  }
  body.toppage #product .manga {
    margin-top: 3vw;
  }
  body.toppage #layout-3 ul {
    display: block;
  }
  body.toppage #layout-3 ul li {
    width: 100%;
    margin-bottom: 6vw;
  }
  body.toppage #layout-3 ul li .fig img {
    height: 58.3333333333vw;
  }
}
#mainv .slick-dots li {
  width: 30px;
  height: 4px;
  margin: 0 5px;
}
#mainv .slick-dots li button {
  width: 30px;
  height: 4px;
  padding: 0;
  background: #ccc;
}
#mainv .slick-dots li button::before {
  content: none;
}
#mainv .slick-dots li.slick-active button {
  opacity: 1;
  background: #232323;
}

@media screen and (max-width: 756px) {
  #mainv .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }
  #mainv .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
body.product #main {
  padding: 100px 0;
}
body.product #main .row {
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
body.product #main .row h2 {
  width: 200px;
  margin-left: 60px;
}
body.product #main .row .text {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.4285714286rem;
  height: 500px;
  text-align: left;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  margin-left: 60px;
}
body.product #main .row .prizes {
  width: 165px;
}
body.product #main .lnavi {
  width: 800px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.product #main .lnavi li {
  width: 240px;
  font-weight: 700;
  text-align: center;
  background: #fff;
  border: solid 1px #232323;
  border-radius: 10px;
  position: relative;
}
body.product #main .lnavi li a {
  color: #232323;
  text-decoration: none;
  padding: 10px 0;
  display: block;
}
body.product #main .lnavi li::after {
  content: "";
  width: 12px;
  height: 12px;
  border-right: solid 1px #232323;
  border-bottom: solid 1px #232323;
  position: absolute;
  bottom: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
body.product #concept {
  margin-bottom: 80px;
}
body.product #concept .block {
  display: -ms-grid;
  display: grid;
  margin-bottom: 60px;
}
body.product #concept .block h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 440px;
  margin-bottom: 10px;
  grid-area: text1;
}
body.product #concept .block .honbun {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  width: 440px;
  grid-area: text2;
}
body.product #concept .block .honbun .btn {
  margin-top: 30px;
}
body.product #concept .block figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  width: 500px;
  grid-area: fig;
}
body.product #concept .block figure img {
  width: 100%;
}
body.product #concept .block.block1 {
      grid-template-areas: "fig text1" "fig text2";
}
body.product #concept .block.block1 h3, body.product #concept .block.block1 .honbun {
  margin-left: auto;
}
body.product #concept .block.block2 {
      grid-template-areas: "text1 fig" "text2 fig";
}
body.product #concept .block.block2 figure {
  margin-left: auto;
}
body.product #making {
  margin-bottom: 80px;
}
body.product #making ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.product #making ol li {
  width: 280px;
  margin: 0 50px 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
body.product #making ol li:nth-child(3n) {
  margin-right: 0;
}
body.product #making ol li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 20px;
  border-color: transparent transparent transparent #ccc;
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.product #making ol li h3 {
  margin-bottom: 10px;
}
body.product #making ol li p {
  margin-bottom: 20px;
}
body.product #making ol li figure {
  margin-top: auto;
}
body.product #making ol li figure img {
  width: 100%;
}
body.product #making .stepLast {
  width: 460px;
  margin: 0 auto 60px;
}
body.product #making .stepLast h3 {
  margin-bottom: 10px;
}
body.product #making .stepLast p {
  margin-bottom: 20px;
}
body.product #making .stepLast figure {
  margin-top: auto;
}
body.product #making .stepLast figure img {
  width: 100%;
}
body.product #making .ytwrap {
  width: 640px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}
body.product #making .ytwrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body.product #lineup {
  margin: 0 0 60px;
}
body.product #lineup .products li {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.product #lineup .products li figure {
  width: 500px;
}
body.product #lineup .products li figure img {
  width: 100%;
}
body.product #lineup .products li .text {
  width: 440px;
}
body.product #lineup .products li .text h3 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2.8rem;
  font-weight: 600;
}
body.product #lineup .products li .text .h-type03 {
  margin: 20px 0 10px;
}
body.product #lineup .bottom {
  text-align: center;
  margin-top: 100px;
}
body.product #lineup .bottom .btn .b-type01 {
  margin: 0 auto;
}

@media screen and (max-width: 756px) {
  body.product #main {
    padding: 10vw 0;
  }
  body.product #main .row {
    margin-bottom: 10vw;
    display: block;
  }
  body.product #main .row h2 {
    width: 30vw;
    text-align: center;
    margin: 0 auto 10vw;
  }
  body.product #main .row .text {
    font-size: 1.3rem;
    line-height: 1.8;
    height: 17em;
    margin: 0 auto 10vw;
  }
  body.product #main .row .prizes {
    width: 80%;
    margin: 0 auto;
  }
  body.product #main .lnavi {
    width: 100%;
    margin: 0 0 10vw;
  }
  body.product #main .lnavi li {
    width: 28vw;
    line-height: 1.5;
  }
  body.product #main .lnavi li a {
    padding: 8px 0;
  }
  body.product #concept {
    margin-bottom: 10vw;
  }
  body.product #concept .block {
    display: block;
    margin-bottom: 10vw;
  }
  body.product #concept .block h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 8vw;
  }
  body.product #concept .block .honbun {
    width: 100%;
  }
  body.product #concept .block .honbun .btn {
    margin-top: 5vw;
  }
  body.product #concept .block .honbun .btn .b-type01 {
    margin: 0 auto;
  }
  body.product #concept .block figure {
    width: 100%;
    margin-bottom: 8vw;
  }
  body.product #concept .block.block1 h3, body.product #concept .block.block1 .honbun {
    margin-left: 0;
  }
  body.product #concept .block.block2 figure {
    margin-left: 0;
  }
  body.product #making {
    margin-bottom: 10vw;
  }
  body.product #making ol li {
    width: 38vw;
    margin: 0 7vw 6vw 0;
  }
  body.product #making ol li:nth-child(3n) {
    margin-right: 5vw;
  }
  body.product #making ol li:nth-child(2n) {
    margin-right: 0;
  }
  body.product #making ol li::after {
    border-width: 16px 0 16px 10px;
    top: 0;
    right: -15px;
    -webkit-transform: none;
            transform: none;
  }
  body.product #making ol li p {
    line-height: 1.6;
    margin-bottom: 4vw;
  }
  body.product #making ol li figure {
    margin-top: auto;
  }
  body.product #making .stepLast {
    width: 100%;
    margin: 0 0 10vw;
  }
  body.product #making .stepLast p {
    margin-bottom: 5vw;
  }
  body.product #making .stepLast figure {
    margin-top: 0;
  }
  body.product #making .ytwrap {
    width: 100%;
    height: 50.625vw;
  }
  body.product #lineup {
    margin: 0 0 10vw;
  }
  body.product #lineup .products li {
    margin-bottom: 10vw;
    display: block;
  }
  body.product #lineup .products li figure {
    width: 100%;
  }
  body.product #lineup .products li .text {
    width: 100%;
    margin: 0 0 6vw;
  }
  body.product #lineup .products li .text h3 {
    font-size: 2.5rem;
  }
  body.product #lineup .products li .text .h-type03 {
    margin: 3vw 0 2vw;
  }
  body.product #lineup .bottom {
    margin-top: 10vw;
  }
}
body.shop .shopcat {
  font-size: 1.4285714286rem;
  font-weight: 700;
}
body.shop .shopname {
  font-size: 1.4285714286rem;
  font-weight: 700;
  line-height: 1.5;
}
body.shop #lead {
  padding: 100px 0 60px;
}
body.shop #lead .subContentsSolid {
  text-align: center;
}
body.shop #lead .subContentsSolid h2 {
  font-size: 1.4285714286rem;
  font-weight: 700;
  margin-bottom: 20px;
}
body.shop #chokuei {
  margin-bottom: 80px;
}
body.shop #chokuei .subContentsSolid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.shop #chokuei .subContentsSolid .text {
  width: 470px;
}
body.shop #chokuei .subContentsSolid .text .address {
  margin-top: 20px;
}
body.shop #chokuei .subContentsSolid .text iframe {
  width: 100%;
  height: 250px;
  margin-top: 30px;
}
body.shop #chokuei .subContentsSolid figure {
  width: 500px;
}
body.shop #chokuei .subContentsSolid figure img {
  width: 100%;
}
body.shop #popupshop {
  margin-bottom: 80px;
}
body.shop #popupshop .subContentsSolid > ul > li {
  margin: 50px 0 0;
  position: relative;
}
body.shop #popupshop .subContentsSolid > ul > li .text1,
body.shop #popupshop .subContentsSolid > ul > li .text2 {
  width: 580px;
}
body.shop #popupshop .subContentsSolid > ul > li .text1 .info {
  font-weight: 700;
  line-height: 1.6;
  margin-top: 5px;
}
body.shop #popupshop .subContentsSolid > ul > li .text1 h4 {
  margin-top: 5px;
}
body.shop #popupshop .subContentsSolid > ul > li .text1 .items {
  font-weight: 700;
  margin-bottom: 10px;
}
body.shop #popupshop .subContentsSolid > ul > li .text1 .items span + span::before {
  content: "、";
}
body.shop #popupshop .subContentsSolid > ul > li .text1 .address,
body.shop #popupshop .subContentsSolid > ul > li .text1 .tel,
body.shop #popupshop .subContentsSolid > ul > li .text1 .url {
  font-size: 0.8571428571rem;
  line-height: 1.5;
}
body.shop #popupshop .subContentsSolid > ul > li figure {
  width: 360px;
  float: right;
}
body.shop #popupshop .subContentsSolid > ul > li figure img {
  width: 100%;
}
body.shop #popupshop .subContentsSolid > ul > li .text2 {
  margin-top: 15px;
}
body.shop #popupshop .subContentsSolid > ul > li .text2 .info2 {
  line-height: 1.6;
  margin-bottom: 15px;
}
body.shop #popupshop .subContentsSolid > ul > li .text2 iframe {
  width: 480px;
  height: 360px;
}
body.shop #official {
  margin-bottom: 80px;
}
body.shop #official h2,
body.shop #fulllineup h2 {
  margin-bottom: 40px;
}
body.shop #official .filters,
body.shop #fulllineup .filters {
  width: 800px;
  margin: 0 auto;
}
body.shop #official .filters ul,
body.shop #fulllineup .filters ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.shop #official .filters ul li,
body.shop #fulllineup .filters ul li {
  width: 190px;
  text-align: center;
  border: solid 1px #232323;
  border-radius: 6px;
  margin: 0 10px 10px 0;
  padding: 8px 0;
  cursor: pointer;
}
body.shop #official .filters ul li:nth-child(4n),
body.shop #fulllineup .filters ul li:nth-child(4n) {
  margin-right: 0;
}
body.shop #official .filters ul li.on,
body.shop #fulllineup .filters ul li.on {
  color: #fff;
  background: #232323;
}
body.shop #official .filters ul + ul,
body.shop #fulllineup .filters ul + ul {
  border-top: solid 1px #999;
  margin-top: 20px;
  padding-top: 30px;
}
body.shop #official .area,
body.shop #fulllineup .area {
  font-weight: 700;
}
body.shop #official .info,
body.shop #fulllineup .info {
  font-weight: 700;
}
body.shop #official h4,
body.shop #fulllineup h4 {
  margin-top: 5px;
}
body.shop #official .items,
body.shop #fulllineup .items {
  font-weight: 700;
  margin-bottom: 15px;
}
body.shop #official .items span + span::before,
body.shop #fulllineup .items span + span::before {
  content: "、";
}
body.shop #official .address,
body.shop #official .tel,
body.shop #official .url,
body.shop #fulllineup .address,
body.shop #fulllineup .tel,
body.shop #fulllineup .url {
  font-size: 0.8571428571rem;
  line-height: 1.5;
}
body.shop #official #officialShops,
body.shop #fulllineup #officialShops {
  margin: 50px 0 150px -50px;
}
body.shop #official #fulllineupShops,
body.shop #fulllineup #fulllineupShops {
  margin: 50px 0 0 -50px;
}
body.shop #official #officialShops li,
body.shop #official #fulllineupShops li,
body.shop #fulllineup #officialShops li,
body.shop #fulllineup #fulllineupShops li {
  width: 300px;
  height: 500px !important;
  float: left;
  margin: 0 0 50px 50px;
}
body.shop #official #officialShops li iframe,
body.shop #official #fulllineupShops li iframe,
body.shop #fulllineup #officialShops li iframe,
body.shop #fulllineup #fulllineupShops li iframe {
  width: 100%;
  height: 200px;
  margin-top: 15px;
}
body.shop #official #officialShops li.seveneleven,
body.shop #official #fulllineupShops li.seveneleven,
body.shop #fulllineup #officialShops li.seveneleven,
body.shop #fulllineup #fulllineupShops li.seveneleven {
  width: 1000px;
  height: auto;
}
body.shop #official #officialShops li.seveneleven .seven,
body.shop #official #fulllineupShops li.seveneleven .seven,
body.shop #fulllineup #officialShops li.seveneleven .seven,
body.shop #fulllineup #fulllineupShops li.seveneleven .seven {
  margin: 0 80px;
}
body.shop #official #officialShops li.seveneleven .seven .text,
body.shop #official #fulllineupShops li.seveneleven .seven .text,
body.shop #fulllineup #officialShops li.seveneleven .seven .text,
body.shop #fulllineup #fulllineupShops li.seveneleven .seven .text {
  margin: 0 0 0 240px;
}
body.shop #official #officialShops li.seveneleven .seven iframe,
body.shop #official #fulllineupShops li.seveneleven .seven iframe,
body.shop #fulllineup #officialShops li.seveneleven .seven iframe,
body.shop #fulllineup #fulllineupShops li.seveneleven .seven iframe {
  width: 100%;
  height: 500px;
}
body.shop #official #nodata,
body.shop #fulllineup #nodata {
  text-align: center;
  margin: 50px 0;
  display: none;
}

@media screen and (max-width: 756px) {
  body.shop .shopcat {
    font-size: 1.25rem;
  }
  body.shop .shopname {
    font-size: 1.25rem;
  }
  body.shop #lead {
    padding: 10vw 0 10vw;
  }
  body.shop #lead .subContentsSolid h2 {
    font-size: 1.25rem;
    margin-bottom: 3vw;
  }
  body.shop #chokuei {
    margin-bottom: 10vw;
  }
  body.shop #chokuei .subContentsSolid {
    display: block;
  }
  body.shop #chokuei .subContentsSolid .text {
    width: 100%;
    margin-bottom: 5vw;
  }
  body.shop #chokuei .subContentsSolid .text .address {
    margin-top: 2vw;
  }
  body.shop #chokuei .subContentsSolid .text iframe {
    height: 350px;
    margin-top: 4vw;
  }
  body.shop #chokuei .subContentsSolid figure {
    width: 100%;
  }
  body.shop #popupshop {
    margin-bottom: 10vw;
  }
  body.shop #popupshop .subContentsSolid > ul > li {
    margin: 8vw 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: static;
  }
  body.shop #popupshop .subContentsSolid > ul > li .text1,
  body.shop #popupshop .subContentsSolid > ul > li .text2 {
    width: 100%;
  }
  body.shop #popupshop .subContentsSolid > ul > li .text1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body.shop #popupshop .subContentsSolid > ul > li figure {
    width: 100%;
    margin: 5vw 0 0;
    float: none;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body.shop #popupshop .subContentsSolid > ul > li .text2 {
    margin-top: 5vw;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  body.shop #popupshop .subContentsSolid > ul > li .text2 .info2 {
    margin-bottom: 3vw;
  }
  body.shop #popupshop .subContentsSolid > ul > li .text2 iframe {
    width: 100%;
    height: 250px;
  }
  body.shop #official {
    margin-bottom: 10vw;
  }
  body.shop #official h2,
  body.shop #fulllineup h2 {
    font-size: 1.5rem;
    margin-bottom: 5vw;
  }
  body.shop #official .filters,
  body.shop #fulllineup .filters {
    width: 100%;
    margin: 0;
  }
  body.shop #official .filters ul li,
  body.shop #fulllineup .filters ul li {
    width: 44vw;
    text-align: center;
    border: solid 1px #232323;
    border-radius: 6px;
    margin: 0 2vw 2vw 0;
    padding: 5px 0;
    cursor: pointer;
  }
  body.shop #official .filters ul li:nth-child(2n),
  body.shop #fulllineup .filters ul li:nth-child(2n) {
    margin-right: 0;
  }
  body.shop #official .filters ul + ul,
  body.shop #fulllineup .filters ul + ul {
    margin-top: 4vw;
    padding-top: 6vw;
  }
  body.shop #official #officialShops,
  body.shop #fulllineup #officialShops {
    margin: 6vw 0 0 0;
  }
  body.shop #official #fulllineupShops,
  body.shop #fulllineup #fulllineupShops {
    margin: 6vw 0 0 0;
  }
  body.shop #official #officialShops li,
  body.shop #official #fulllineupShops li,
  body.shop #fulllineup #officialShops li,
  body.shop #fulllineup #fulllineupShops li {
    width: 100%;
    height: auto !important;
    float: none;
    margin: 0 0 6vw;
  }
  body.shop #official #officialShops li iframe,
  body.shop #official #fulllineupShops li iframe,
  body.shop #fulllineup #officialShops li iframe,
  body.shop #fulllineup #fulllineupShops li iframe {
    width: 100%;
    height: 250px;
  }
  body.shop #official #officialShops li.seveneleven,
  body.shop #official #fulllineupShops li.seveneleven,
  body.shop #fulllineup #officialShops li.seveneleven,
  body.shop #fulllineup #fulllineupShops li.seveneleven {
    width: 100%;
  }
  body.shop #official #officialShops li.seveneleven .seven,
  body.shop #official #fulllineupShops li.seveneleven .seven,
  body.shop #fulllineup #officialShops li.seveneleven .seven,
  body.shop #fulllineup #fulllineupShops li.seveneleven .seven {
    margin: 0;
  }
  body.shop #official #officialShops li.seveneleven .seven .text,
  body.shop #official #fulllineupShops li.seveneleven .seven .text,
  body.shop #fulllineup #officialShops li.seveneleven .seven .text,
  body.shop #fulllineup #fulllineupShops li.seveneleven .seven .text {
    margin: 0;
  }
  body.shop #official #officialShops li.seveneleven .seven iframe,
  body.shop #official #fulllineupShops li.seveneleven .seven iframe,
  body.shop #fulllineup #officialShops li.seveneleven .seven iframe,
  body.shop #fulllineup #fulllineupShops li.seveneleven .seven iframe {
    width: 100%;
    height: 350px;
  }
}
body.about #main {
  padding: 100px 0;
}
body.about #main .subContentsSolid {
  text-align: center;
}
body.about #main p {
  margin-bottom: 50px;
}
body.about #main figure {
  width: 640px;
  margin: 0 auto;
}
body.about #main figure img {
  width: 100%;
}
body.about #main .honbun {
  width: 640px;
  text-align: left;
  margin: 50px auto 0;
}
body.about #main .honbun p {
  margin: 1.5em 0 0 0;
}
body.about #main .honbun p span {
  font-weight: 700;
}
body.about #concept {
  margin-bottom: 80px;
}
body.about #concept .block {
  display: -ms-grid;
  display: grid;
  margin-bottom: 60px;
}
body.about #concept .block h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 440px;
  margin-bottom: 10px;
  grid-area: text1;
}
body.about #concept .block .honbun {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  width: 440px;
  grid-area: text2;
}
body.about #concept .block figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  width: 500px;
  grid-area: fig;
}
body.about #concept .block figure img {
  width: 100%;
}
body.about #concept .block.block1 {
      grid-template-areas: "fig text1" "fig text2";
}
body.about #concept .block.block1 h3, body.about #concept .block.block1 .honbun {
  margin-left: auto;
}
body.about #concept .block.block2 {
      grid-template-areas: "text1 fig" "text2 fig";
}
body.about #concept .block.block2 figure {
  margin-left: auto;
}
body.about #members {
  margin-bottom: 80px;
}
body.about #members .h-type02 {
  margin-bottom: 50px;
}
body.about #members .members li {
  width: 840px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.about #members .members li .text {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
body.about #members .members li .text h3 {
  margin-bottom: 12px;
}
body.about #members .members li .text .interviewBtn {
  text-align: right;
}
body.about #members .members li .text .interviewBtn a {
  color: #fff;
  font-size: 0.875rem;
  text-decoration: none;
  background: #232323;
  border-radius: 5px;
  padding: 1px 10px;
  display: inline-block;
}
body.about #members .members li .text .interviewBtn a span {
  padding-right: 20px;
  position: relative;
}
body.about #members .members li .text .interviewBtn a span::after {
  content: "";
  width: 13px;
  height: 13px;
  background: url(../images/common/icn-extwin.svg) no-repeat left top/100% auto;
  position: absolute;
  top: 3px;
  right: 0;
}
body.about #members .members li .text .snss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
}
body.about #members .members li .text .snss li {
  width: 17px;
  margin: 0 0 0 10px;
  display: block;
}
body.about #members .members li .text .snss li img {
  width: 100%;
}
body.about #members .members li figure {
  width: 400px;
}
body.about #members .members li figure img {
  width: 100%;
}
body.about #profile {
  margin-bottom: 80px;
}
body.about #profile .h-type02 {
  margin-bottom: 50px;
}
body.about #profile dl {
  width: 640px;
  margin: 0 auto;
}
body.about #profile dl dt {
  float: left;
}
body.about #profile dl dd {
  margin-bottom: 20px;
  padding: 0 0 0 120px;
}
body.about #insta {
  margin: 0 0 80px;
}
body.about #insta .subContentsSolid h2 {
  text-align: center;
}
body.about #insta .subContentsSolid #insta_list {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.about #insta .subContentsSolid #insta_list li {
  width: 240px;
  margin-bottom: 10px;
}
body.about #insta .subContentsSolid #insta_list li a img {
  width: 240px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.about #insta .subContentsSolid .btn {
  text-align: center;
  margin: 40px 0 0;
}
body.about #insta .subContentsSolid .btn a {
  margin: 0 auto;
}
body.about #manga {
  margin: 0 0 20px;
}
body.about #manga .subContentsSolid {
  text-align: center;
}
body.about #manga .subContentsSolid div {
  width: 377px;
  margin: 0 auto;
}
body.about #manga .subContentsSolid div img {
  width: 100%;
}

@media screen and (max-width: 756px) {
  body.about #main {
    padding: 10vw 0;
  }
  body.about #main p {
    margin-bottom: 6vw;
  }
  body.about #main figure {
    width: 60vw;
  }
  body.about #main .honbun {
    width: 100%;
    margin: 6vw auto 0;
  }
  body.about #concept {
    margin-bottom: 10vw;
  }
  body.about #concept .block {
    display: block;
    margin-bottom: 10vw;
  }
  body.about #concept .block h3 {
    width: 100%;
  }
  body.about #concept .block .honbun {
    width: 100%;
  }
  body.about #concept .block figure {
    width: 100%;
    margin-bottom: 5vw;
  }
  body.about #concept .block.block1 h3, body.about #concept .block.block1 .honbun {
    margin-left: 0;
  }
  body.about #concept .block.block2 figure {
    margin-left: 0;
  }
  body.about #members {
    margin-bottom: 10vw;
  }
  body.about #members .h-type02 {
    margin-bottom: 6vw;
  }
  body.about #members .members li {
    width: 100%;
    margin: 0 0 10vw;
    display: block;
  }
  body.about #members .members li .text {
    width: 100%;
    margin-bottom: 5vw;
    position: relative;
  }
  body.about #members .members li .text h3 {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body.about #members .members li .text .interviewBtn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    text-align: left;
    margin: 6vw 0 3vw;
  }
  body.about #members .members li .text .en {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body.about #members .members li .text .katagaki {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin: 0 0 3vw;
  }
  body.about #members .members li .text .honbun {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  body.about #members .members li .text .snss li {
    width: 5vw;
    margin: 0 0 0 4.5vw;
  }
  body.about #members .members li figure {
    width: 100%;
  }
  body.about #profile {
    margin-bottom: 8vw;
  }
  body.about #profile .h-type02 {
    margin-bottom: 6vw;
  }
  body.about #profile dl {
    width: 100%;
  }
  body.about #profile dl dt {
    font-size: 1.125rem;
    font-weight: 700;
    float: none;
  }
  body.about #profile dl dd {
    margin-bottom: 1.5rem;
    padding: 0;
  }
  body.about #insta {
    margin: 0 0 10vw;
  }
  body.about #insta .subContentsSolid #insta_list {
    margin: 6vw 0 0;
  }
  body.about #insta .subContentsSolid #insta_list li {
    width: 43vw;
    margin-bottom: 3vw;
  }
  body.about #insta .subContentsSolid #insta_list li a img {
    width: 43vw;
    height: 43vw;
  }
  body.about #insta .subContentsSolid .btn {
    margin: 6vw 0 0;
  }
  body.about #manga {
    margin: 0 0 10vw;
  }
  body.about #manga .subContentsSolid div {
    width: 60vw;
  }
}
body.business #main {
  padding: 100px 0 50px;
}
body.business #main .subContentsSolid {
  text-align: center;
}
body.business #intro {
  margin-bottom: 60px;
}
body.business #intro .box {
  margin-bottom: 80px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "text1 fig" "text2 fig";
}
body.business #intro .box h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 440px;
  grid-area: text1;
}
body.business #intro .box figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  width: 500px;
  margin-left: auto;
  grid-area: fig;
}
body.business #intro .box figure img {
  width: 100%;
}
body.business #intro .box .text {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  width: 440px;
  grid-area: text2;
}
body.business #intro .box .text .btn {
  margin-top: 30px;
}
body.business #intro .onegai {
  margin: 0 0 40px;
}
body.business #intro .onegai h3 {
  text-align: center;
  border: solid 2px #6e6e6e;
  margin-bottom: 30px;
  padding: 10px 0;
}
body.business #intro .onegai ul {
  margin: 0 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.business #intro .onegai ul li {
  width: 380px;
  margin-bottom: 50px;
}
body.business #intro .onegai ul li .midashi {
  font-size: 1.1428571429rem;
  font-weight: 700;
  margin-bottom: 5px;
}
body.business #intro .process h3 {
  text-align: center;
  border: solid 2px #6e6e6e;
  margin-bottom: 30px;
  padding: 10px 0;
}
body.business #intro .process ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.business #intro .process ol li {
  width: 280px;
  margin: 0 50px 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
body.business #intro .process ol li:nth-child(3n) {
  margin-right: 0;
}
body.business #intro .process ol li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 20px;
  border-color: transparent transparent transparent #ccc;
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.business #intro .process ol li:last-child::after {
  content: none;
}
body.business #intro .process ol li h3 {
  text-align: left;
  border: none;
  margin-bottom: 10px;
  padding: 0;
}
body.business #intro .process ol li p {
  margin-bottom: 20px;
}
body.business #intro .process ol li figure {
  margin-top: auto;
}
body.business #intro .process ol li figure img {
  width: 100%;
}
body.business #intro .process .bottom {
  text-align: center;
}
body.business #intro .process .bottom p {
  margin-bottom: 10px;
}
body.business #intro .process .bottom .btn a {
  margin: 0 auto;
}
body.business #result {
  margin-bottom: 80px;
}
body.business #result .h-type02 {
  margin-bottom: 50px;
}
body.business #result .results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.business #result .results li {
  width: 470px;
  margin: 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.business #result .results li h3 {
  font-size: 1.1428571429rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
body.business #result .results li p {
  margin-bottom: 15px;
}
body.business #result .results li figure {
  margin-top: auto;
}
body.business #result .results li figure img {
  width: 100%;
}
body.business #result .bottom {
  text-align: center;
}
body.business #result .bottom p {
  font-weight: 700;
  margin-bottom: 20px;
}
body.business #result .bottom .btn .b-type01 {
  margin: 0 auto;
}

@media screen and (max-width: 756px) {
  body.business #main {
    padding: 10vw 0 8vw;
  }
  body.business #intro {
    margin-bottom: 10vw;
  }
  body.business #intro .box {
    margin-bottom: 10vw;
    display: block;
  }
  body.business #intro .box h3 {
    width: 100%;
  }
  body.business #intro .box figure {
    width: 100%;
    margin: 0 0 5vw;
    margin-left: 0;
  }
  body.business #intro .box .text {
    width: 100%;
  }
  body.business #intro .box .text .btn {
    margin-top: 5vw;
  }
  body.business #intro .box .text .btn .b-type01 {
    margin: 0 auto;
  }
  body.business #intro .onegai {
    margin: 0 0 12vw;
  }
  body.business #intro .onegai h3 {
    margin-bottom: 5vw;
    padding: 2vw;
  }
  body.business #intro .onegai ul {
    margin: 0;
    display: block;
  }
  body.business #intro .onegai ul li {
    width: 100%;
    margin-bottom: 5vw;
  }
  body.business #intro .process h3 {
    text-align: center;
    border: solid 2px #6e6e6e;
    margin-bottom: 30px;
    padding: 10px 0;
  }
  body.business #intro .process ol li {
    width: 38vw;
    margin: 0 7vw 6vw 0;
  }
  body.business #intro .process ol li:nth-child(3n) {
    margin-right: 5vw;
  }
  body.business #intro .process ol li:nth-child(2n) {
    margin-right: 0;
  }
  body.business #intro .process ol li::after {
    border-width: 16px 0 16px 10px;
    top: 0;
    right: -15px;
    -webkit-transform: none;
            transform: none;
  }
  body.business #intro .process ol li p {
    line-height: 1.6;
    margin-bottom: 4vw;
  }
  body.business #intro .process ol li figure {
    margin-top: auto;
  }
  body.business #result {
    margin-bottom: 10vw;
  }
  body.business #result .h-type02 {
    margin-bottom: 6vw;
  }
  body.business #result .results {
    display: block;
  }
  body.business #result .results li {
    width: 100%;
    margin: 0 0 6vw;
    display: block;
  }
  body.business #result .results li p {
    margin-bottom: 5vw;
  }
  body.business #result .results li figure {
    margin-top: 0;
  }
  body.business #result .bottom p {
    margin-bottom: 5vw;
  }
}
body.news #katsudo {
  padding: 100px 0 60px;
}
body.news #katsudo .h-type03 {
  text-align: center;
  margin-bottom: 100px;
}
body.news .pagination {
  text-align: center;
}
body.news .pagination .wp-pagenavi {
  border-top: solid 1px #7f7f7f;
  padding: 30px;
}
body.news .pagination .wp-pagenavi a, body.news .pagination .wp-pagenavi span {
  border: none;
  margin: 0 10px;
}
body.news .pagination .wp-pagenavi a {
  color: #989898;
}
body.news .pagination .wp-pagenavi span {
  color: #232323;
}
body.news .filtering {
  text-align: center;
  border-top: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 30px;
}
body.news .filtering select {
  height: 40px;
  border: none;
  padding: 10px 30px 10px 10px;
}

@media screen and (max-width: 756px) {
  body.news #katsudo {
    padding: 10vw 0 8vw;
  }
  body.news #katsudo .h-type03 {
    margin-bottom: 10vw;
  }
}
body.news.single #article {
  padding: 100px 0 60px;
}
body.news.single #article .subContentsSolid .h-type03 {
  text-align: center;
  margin-bottom: 100px;
}
body.news.single #article .subContentsSolid .layout-2-columns {
  margin: 0 0 80px;
}
body.news.single #article .subContentsSolid .heading {
  margin-bottom: 60px;
}
body.news.single #article .subContentsSolid .heading figure {
  max-width: 100%;
  text-align: center;
  margin: 0 auto 60px;
}
body.news.single #article .subContentsSolid .heading h2 {
  font-size: 1.7142857143rem;
  font-weight: 700;
  line-height: 1.667;
  margin-bottom: 20px;
}
body.news.single #article .subContentsSolid .heading .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.news.single #article .subContentsSolid .heading .info .date {
  font-size: 0.8571428571rem;
}
body.news.single #article .subContentsSolid .heading .info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body.news.single #article .subContentsSolid .heading .info ul li {
  width: auto;
  height: 48px;
  margin-left: 15px;
}
body.news.single #article .subContentsSolid .heading .info ul li img {
  width: auto;
  height: 24px;
}
body.news.single #article .subContentsSolid .honbun h2, body.news.single #article .subContentsSolid .honbun h3, body.news.single #article .subContentsSolid .honbun h4 {
  font-size: 1.1428571429rem;
  font-weight: 700;
  margin: 1.5em 0 1.5em;
}
body.news.single #article .subContentsSolid .honbun p {
  margin: 0.5em 0 1.5em;
}
body.news.single #article .subContentsSolid .honbun figure {
  margin: 0.5em 0 1.5em;
}
body.news.single #article .subContentsSolid .honbun img {
  max-width: 100%;
}
body.news.single #article .subContentsSolid .pagination {
  margin-bottom: 50px;
}
body.news.single #article .subContentsSolid .pagination .prev, body.news.single #article .subContentsSolid .pagination .next {
  width: 190px;
}
body.news.single #article .subContentsSolid .pagination .prev .textlink, body.news.single #article .subContentsSolid .pagination .next .textlink {
  font-size: 1.0714285714rem;
  text-align: left;
  margin-bottom: 5px;
  position: relative;
}
body.news.single #article .subContentsSolid .pagination .prev .textlink::before, body.news.single #article .subContentsSolid .pagination .next .textlink::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.news.single #article .subContentsSolid .pagination .prev {
  float: left;
}
body.news.single #article .subContentsSolid .pagination .prev .textlink {
  padding-left: 20px;
}
body.news.single #article .subContentsSolid .pagination .prev .textlink::before {
  border-left: solid 2px #232323;
  border-bottom: solid 2px #232323;
  left: 0;
}
body.news.single #article .subContentsSolid .pagination .next {
  float: right;
}
body.news.single #article .subContentsSolid .pagination .next .textlink {
  text-align: right;
  padding-right: 20px;
}
body.news.single #article .subContentsSolid .pagination .next .textlink::before {
  border-top: solid 2px #232323;
  border-right: solid 2px #232323;
  right: 0;
}

@media screen and (max-width: 756px) {
  body.news.single #article {
    padding: 10vw 0 8vw;
  }
  body.news.single #article .subContentsSolid {
    width: 100vw;
  }
  body.news.single #article .subContentsSolid .h-type03 {
    margin-bottom: 10vw;
  }
  body.news.single #article .subContentsSolid .layout-2-columns {
    margin: 0 0 10vw;
  }
  body.news.single #article .subContentsSolid .heading {
    margin-bottom: 8vw;
  }
  body.news.single #article .subContentsSolid .heading figure {
    margin: 0 auto 6vw;
  }
  body.news.single #article .subContentsSolid .heading h2 {
    font-size: 1.5rem;
  }
  body.news.single #article .subContentsSolid .heading .info .date {
    font-size: 0.9rem;
  }
  body.news.single #article .subContentsSolid .pagination {
    margin-bottom: 10vw;
  }
  body.news.single #article .subContentsSolid .pagination .prev, body.news.single #article .subContentsSolid .pagination .next {
    width: 34vw;
  }
  body.news.single #article .subContentsSolid .pagination .prev img {
    height: 25.9473684211vw;
  }
  body.news.single #article .subContentsSolid .pagination .next img {
    height: 25.9473684211vw;
  }
}
body.blog h1.blog {
  text-align: center;
  margin-bottom: 20px;
}
body.blog h1.blog img {
  width: 180px;
}
body.blog #katsudo {
  padding: 100px 0 60px;
}
body.blog #katsudo .h-type03 {
  text-align: center;
  margin-bottom: 100px;
}
body.blog .pagination {
  text-align: center;
}
body.blog .pagination .wp-pagenavi {
  border-top: solid 1px #7f7f7f;
  padding: 30px;
}
body.blog .pagination .wp-pagenavi a, body.blog .pagination .wp-pagenavi span {
  border: none;
  margin: 0 10px;
}
body.blog .pagination .wp-pagenavi a {
  color: #989898;
}
body.blog .pagination .wp-pagenavi span {
  color: #232323;
}
body.blog .filtering {
  text-align: center;
  border-top: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 30px;
}
body.blog .filtering select {
  height: 40px;
  border: none;
  padding: 10px 30px 10px 10px;
}

@media screen and (max-width: 756px) {
  body.blog h1.blog {
    width: 36vw;
    margin: 0 auto 4vw;
  }
  body.blog h1.blog img {
    width: 100%;
  }
  body.blog #katsudo {
    padding: 10vw 0 8vw;
  }
  body.blog #katsudo .h-type03 {
    margin-bottom: 10vw;
  }
}
body.blog.single #article {
  padding: 100px 0 60px;
}
body.blog.single #article .subContentsSolid .h-type03 {
  text-align: center;
  margin-bottom: 100px;
}
body.blog.single #article .subContentsSolid .layout-2-columns {
  margin: 80px 0 30px;
}
body.blog.single #article .subContentsSolid .heading {
  margin-bottom: 60px;
}
body.blog.single #article .subContentsSolid .heading figure {
  max-width: 100%;
  text-align: center;
  margin: 0 auto 60px;
}
body.blog.single #article .subContentsSolid .heading figure img {
  width: 100%;
}
body.blog.single #article .subContentsSolid .heading h2 {
  font-size: 1.7142857143rem;
  font-weight: 700;
  line-height: 1.667;
  margin-bottom: 20px;
}
body.blog.single #article .subContentsSolid .heading .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.blog.single #article .subContentsSolid .heading .info .date {
  font-size: 0.8571428571rem;
}
body.blog.single #article .subContentsSolid .heading .info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body.blog.single #article .subContentsSolid .heading .info ul li {
  width: auto;
  height: 48px;
  margin-left: 15px;
}
body.blog.single #article .subContentsSolid .heading .info ul li img {
  width: auto;
  height: 24px;
}
body.blog.single #article .subContentsSolid .honbun h2, body.blog.single #article .subContentsSolid .honbun h3, body.blog.single #article .subContentsSolid .honbun h4 {
  font-size: 1.1428571429rem;
  font-weight: 700;
  margin: 1.5em 0 1.5em;
}
body.blog.single #article .subContentsSolid .honbun p {
  margin: 0.5em 0 1.5em;
}
body.blog.single #article .subContentsSolid .honbun figure {
  margin: 0.5em 0 1.5em;
}
body.blog.single #article .subContentsSolid .honbun img {
  max-width: 100%;
}
body.blog.single #article .subContentsSolid .pagination {
  margin-bottom: 50px;
}
body.blog.single #article .subContentsSolid .pagination .prev, body.blog.single #article .subContentsSolid .pagination .next {
  width: 190px;
}
body.blog.single #article .subContentsSolid .pagination .prev .textlink, body.blog.single #article .subContentsSolid .pagination .next .textlink {
  font-size: 1.0714285714rem;
  text-align: left;
  margin-bottom: 5px;
  position: relative;
}
body.blog.single #article .subContentsSolid .pagination .prev .textlink::before, body.blog.single #article .subContentsSolid .pagination .next .textlink::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.blog.single #article .subContentsSolid .pagination .prev {
  float: left;
}
body.blog.single #article .subContentsSolid .pagination .prev .textlink {
  padding-left: 20px;
}
body.blog.single #article .subContentsSolid .pagination .prev .textlink::before {
  border-left: solid 2px #232323;
  border-bottom: solid 2px #232323;
  left: 0;
}
body.blog.single #article .subContentsSolid .pagination .next {
  float: right;
}
body.blog.single #article .subContentsSolid .pagination .next .textlink {
  text-align: right;
  padding-right: 20px;
}
body.blog.single #article .subContentsSolid .pagination .next .textlink::before {
  border-top: solid 2px #232323;
  border-right: solid 2px #232323;
  right: 0;
}

@media screen and (max-width: 756px) {
  body.blog.single #article {
    padding: 10vw 0 8vw;
  }
  body.blog.single #article .subContentsSolid {
    width: 100vw;
  }
  body.blog.single #article .subContentsSolid .h-type03 {
    margin-bottom: 10vw;
  }
  body.blog.single #article .subContentsSolid .layout-2-columns {
    margin: 6vw 0 10vw;
  }
  body.blog.single #article .subContentsSolid .heading {
    margin-bottom: 8vw;
  }
  body.blog.single #article .subContentsSolid .heading figure {
    margin: 0 auto 6vw;
  }
  body.blog.single #article .subContentsSolid .heading h2 {
    font-size: 1.5rem;
  }
  body.blog.single #article .subContentsSolid .heading .info .date {
    font-size: 0.9rem;
  }
  body.blog.single #article .subContentsSolid .pagination {
    margin-bottom: 10vw;
  }
  body.blog.single #article .subContentsSolid .pagination .prev, body.blog.single #article .subContentsSolid .pagination .next {
    width: 34vw;
  }
  body.blog.single #article .subContentsSolid .pagination .prev img {
    height: 25.9473684211vw;
  }
  body.blog.single #article .subContentsSolid .pagination .next img {
    height: 25.9473684211vw;
  }
}
body.search #search {
  padding: 100px 0 60px;
}
body.search #search .h-type03 {
  text-align: center;
  margin-bottom: 100px;
}
body.search .criteria {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 40px;
}
body.search ul.searchList {
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.search ul.searchList li {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 30px 0;
}
body.search ul.searchList li:nth-child(4n) {
  margin-right: 0;
}
body.search .pagination {
  text-align: center;
}
body.search .pagination .wp-pagenavi {
  border-top: solid 1px #7f7f7f;
  padding: 30px;
}
body.search .pagination .wp-pagenavi a, body.search .pagination .wp-pagenavi span {
  border: none;
  margin: 0 10px;
}
body.search .pagination .wp-pagenavi a {
  color: #989898;
}
body.search .pagination .wp-pagenavi span {
  color: #232323;
}

@media screen and (max-width: 756px) {
  body.search #search {
    padding: 10vw 0 8vw;
  }
  body.search .criteria {
    margin-bottom: 10vw;
  }
  body.search ul.searchList {
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.search ul.searchList li {
    width: calc((100% - 5vw) / 2);
    margin: 0 5vw 10vw 0;
  }
  body.search ul.searchList li:nth-child(2n) {
    margin-right: 0;
  }
}
body.privacy #privacy {
  padding: 100px 0 60px;
}
body.privacy #privacy .subContentsSolid {
  width: 840px;
}
body.privacy #privacy .subContentsSolid h1 {
  font-size: 2.8571428571rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}
body.privacy #privacy .subContentsSolid .subtit {
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}
body.privacy #privacy .subContentsSolid .honbun p {
  marign: 0.5em 0 1em;
}
body.privacy #privacy .subContentsSolid .honbun dt {
  font-weight: 700;
  margin-top: 1em;
}

@media screen and (max-width: 756px) {
  body.privacy #privacy {
    padding: 10vw 0 8vw;
  }
  body.privacy #privacy .subContentsSolid {
    width: 100%;
  }
  body.privacy #privacy .subContentsSolid h1 {
    font-size: 1.6rem;
    margin-bottom: 6vw;
  }
  body.privacy #privacy .subContentsSolid .subtit {
    margin-bottom: 6vw;
  }
}
body.contact #contact {
  padding: 100px 0 60px;
}
body.contact #contact .subContentsSolid {
  width: 720px;
}
body.contact #contact .subContentsSolid h1 {
  font-size: 2.8571428571rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}
body.contact #contact .subContentsSolid .lead {
  border-bottom: solid 1px #909090;
  margin-bottom: 50px;
  padding: 0 0 20px;
}
body.contact #contact .subContentsSolid .lead p {
  margin-top: 20px;
}
body.contact #contact .subContentsSolid .note {
  color: #ff0000;
}
body.contact #contact .subContentsSolid .form {
  margin-top: 30px;
}
body.contact #contact .subContentsSolid .form table {
  width: 100%;
}
body.contact #contact .subContentsSolid .form table th {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: 170px;
  vertical-align: top;
  padding: 10px 0;
}
body.contact #contact .subContentsSolid .form table td {
  vertical-align: top;
  padding: 10px 0;
}
body.contact #contact .subContentsSolid .form .bottom {
  text-align: center;
  margin: 50px 0 30px;
}
body.contact #contact .subContentsSolid .form .bottom button {
  margin: 0 auto;
}
body.contact #contact .subContentsSolid .form .bottomLink {
  text-align: center;
}
body.contact #contact .subContentsSolid .form .bottomLink span {
  padding: 0 0 0 18px;
  position: relative;
}
body.contact #contact .subContentsSolid .form .bottomLink span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #232323;
  position: absolute;
  top: 3px;
  left: 0;
}
body.contact #contact .subContentsSolid .required {
  color: #ff0000;
}
body.contact select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
body.contact .selectWrap {
  width: 240px;
  padding-right: 20px;
  display: inline-block;
  position: relative;
}
body.contact .selectWrap::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  position: absolute;
  top: 17px;
  right: 30px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 756px) {
  body.contact #contact {
    padding: 10vw 0 8vw;
  }
  body.contact #contact .subContentsSolid {
    width: 100%;
  }
  body.contact #contact .subContentsSolid h1 {
    font-size: 1.6rem;
    margin-bottom: 6vw;
  }
  body.contact #contact .subContentsSolid .lead {
    margin-bottom: 6vw;
    padding: 0 0 6vw;
  }
  body.contact #contact .subContentsSolid .lead p {
    margin-top: 3vw;
  }
  body.contact #contact .subContentsSolid .form {
    margin-top: 5vw;
  }
  body.contact #contact .subContentsSolid .form table th {
    width: 100%;
    display: block;
    padding: 15px 0 0 0;
  }
  body.contact #contact .subContentsSolid .form table td {
    display: block;
    padding: 5px 0 0;
  }
}

.copy br.sp_only {
  display: none;
}

/******************************************/
/*Ajust Date2022/05/27*/
/******************************************/
body.toppage #mainv .name,
body.toppage #mainv .copy {
  z-index: 1;
}

.slides.slick-initialized.slick-slider {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 1660px) {
  body.toppage #mainv .slides .slide {
    background-size: cover;
    background-position: center 91%;
  }
}
@media screen and (max-width: 1024px) {
  .slides.slick-initialized.slick-slider {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 756px) {
  .slides.slick-initialized.slick-slider {
    padding-left: 0;
    padding-right: 0;
  }
  .copy br.sp_only {
    display: block;
  }
  body.toppage #mainv {
    height: auto;
    /* min-height: calc(100vh + 30px); */
    min-height: auto;
  }
  body.toppage #mainv .slides .slide {
    min-height: auto;
    height: auto;
    padding-bottom: 26%;
  }
  body.toppage #mainv #scrollBtn {
    display: none;
    bottom: 40px;
    left: 5px;
  }
  body.toppage #mainv .slides .slide::after {
    bottom: 3px;
    right: 10px;
  }
  body.toppage #mainv .slides .slide {
    background-position: center bottom;
    background-size: cover;
  }
  body.toppage .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  body.toppage .slick-list {
    clear: both;
  }
  body.toppage #mainv .copy {
    left: 8vw;
    right: auto;
    font-size: 0.85rem;
    z-index: 1;
  }
  section#news.fadeIn {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
/* @supports (-webkit-touch-callout: none) {
    body.toppage #mainv .slides .slide,
    body.toppage #mainv {
        min-height: -webkit-fill-available;
    }
    html {
      height: -webkit-fill-available;
    }
} */