@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

body {
  line-height: 1
}

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

ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle;
  border: none;
  outline: none
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1.4px;
  color: #1a1a1a
}

body a {
  text-decoration: none;
  color: black
}

body img {
  vertical-align: bottom
}

.bold-text {
  font-weight: bold;
}

@media all and (max-width: 1024px) {
  body {
    letter-spacing: 0.27vw !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 100vh
  }

  main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  img {
    width: 100%;
    height: auto;

  }
}

/*@media all and (max-width: 768px) {
 input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
 }
}*/
img {
  vertical-align: bottom
}

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

.crimson {
  font-family: "Crimson Text", serif
}

@media all and (min-width: 1023px) {
  header {
    height: 121px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    width: 100vw;
    background-color: #fff;
    z-index: 999
  }

  header .topHeading {
    width: 425px;
    margin: auto;
    position: absolute;
    top: 10px;
    left: -200px;
    right: 0;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 85%;
  }

  header .header-buttons {
    height: 53px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0
  }

  header .header-buttons ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  header .header-buttons ul a {
    height: 53px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  header .header-buttons ul a.cart {
    background-color: #e7380d;
    color: #fff;
    width: 134px;
    position: relative;
    padding-right: 10px
  }

  header .header-buttons ul a.cart img {
    padding-right: 8px;
    width: 14px
  }

  header .header-buttons ul a.cart::after {
    content: "";
    display: block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 41%;
    right: 20px
  }

  header .header-buttons ul a.lang {
    width: 94px;
    color: #c1c1c1;
    background-color: #fff
  }

  header .header-buttons ul a.lang.-active {
    background-color: #f5f5f5;
    color: #000000
  }

  header .header-buttons ul li:first-child {
    width: 100px;
    background: #231815;
  }

  header .header-buttons ul li:first-child a {
    color: #fff;
  }

  header .header-menu {
    max-width: 1200px;
    height: 121px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px
  }

  header .header-menu ul {
    display: flex;
    align-items: flex-end
  }

  header .header-menu ul li {
    padding-right: 24px;
    position: relative
  }

  header .header-menu ul li.right {
    padding-right: 0;
    padding-left: 24px;
  }

  header .header-menu ul li.padNon {
    padding: 0;
  }

  header .header-menu ul li .header-subnav {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    width: 120%
  }

  header .header-menu ul li .header-subnav li {
    padding-bottom: 10px
  }

  header .header-menu ul li>span,
  header .header-menu ul li a {
    font-size: 14px;
    position: relative
  }

  header .header-menu ul li>span::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    right: -10px;
    bottom: 4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  header .header-menu ul li.-open {
    padding-right: 37.5px;
    cursor: pointer
  }

  header .header-menu ul li.-open:hover .header-subnav {
    display: block
  }

  header .header-menu .header-logo {
    display: block;
    width: 200px
  }

  header .header-menu .header-logo img {
    width: 200px;
    height: auto;
  }

  header .header-menu .online,
  header .header-menu .somenova {
    display: block;
    width: 130px
  }

  header .header-menu .online img,
  header .header-menu .somenova img {
    width: 130px;
    height: auto
  }

  header .header-sns {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  header .header-sns li {
    padding-right: 30px
  }

  header .header-sns li:last-of-type {
    padding-right: 10px
  }
}

@media all and (min-width: 1530px) {
  header .topHeading {
    left: 0;
    font-size: 90%;
  }

  header .header-sns {
    right: 15px;
    left: auto;
    bottom: 15px;
    top: auto;
  }
}

/*@media all and (max-width: 1300px) {
  .sns {
    display: none !important
  }
}*/
@media all and (max-width: 1024px) {
  header {
    background-color: white;
    height: 60px;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%
  }

  /*20220415 start*/
  header .sp_shop {
    display: flex;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    left: 0;
  }

  header .sp_shop div {
    width: 60px;
    height: 60px;
    text-align: center;
  }

  header a.btn_cart {
    display: block;
    text-decoration: none;
    width: 60px;
    height: 60px;
    text-align: center;
  }

  header a.btn_cart img {
    display: block;
    margin: 12px auto 5px;
    height: auto;
    width: 27px;
  }

  header a.btn_cart p {
    font-size: 9px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0;
  }

  header .sp_shop div:first-child a.btn_cart p {
    padding-top: 0.5em;
  }

  header .sp_shop div:last-child a.btn_cart img {
    margin: 6px auto 0;
  }

  /*20220415 end*/
  header .header-sp-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    padding-right: 20px;
  }

  header .header-sp-logo img {
    width: 113px
  }

  header nav {
    display: block;
    position: fixed;
    top: 0;
    left: -70%;
    bottom: 0;
    width: 50%;
    background: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 3;
    opacity: 0;
    padding: 40px 20px
  }

  header nav ul li {
    margin-bottom: 15px;
    font-size: 14px
  }

  header nav ul li:not(.nor)::before {
    content: "-";
    margin-right: 5%
  }

  header nav ul li.toggle_banner {
    margin-top: 50px
  }

  header nav ul li.somenova img,
  header nav ul li.online img {
    width: 52%;
    height: auto;
  }

  header nav ul li.sds a {
    background-color: #919191;
    color: white;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    position: relative;
    width: 100%;
    font-size: 11px;
  }

  header nav ul li.sds a::after {
    content: "\ff1e";
    font-family: "icon";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
  }

  header nav .imgLinkBox {
    margin: 5% auto;
  }

  header nav .imgLinkBox dl {
    margin-bottom: 3%;
  }

  header nav .imgLinkBox dl:last-of-type {
    margin-bottom: 0;
  }

  header nav .imgLinkBox dl dt {
    margin-bottom: 1.5%;
    font-size: 50%;
  }

  header .open nav {
    left: 0;
    opacity: 1
  }

  header .toggle_btn {
    background-color: #e7380d;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 3
  }

  header .toggle_btn span {
    display: block;
    position: absolute;
    left: 0;
    width: 22px;
    height: 1px;
    background-color: white;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
  }

  header .toggle_btn span:nth-child(1) {
    top: 15px;
    left: 20px
  }

  header .toggle_btn span:nth-child(2) {
    top: 21px;
    left: 20px
  }

  header .toggle_btn span:nth-child(3) {
    top: 27px;
    left: 20px
  }

  header .toggle_btn p {
    bottom: 10px;
    color: white;
    font-weight: bold;
    font-size: 9px;
    left: 17px;
    position: absolute
  }

  header .open .toggle_btn span {
    background-color: #fff
  }

  header .open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(-315deg);
    transform: translateY(5px) rotate(-315deg)
  }

  header .open .toggle_btn span:nth-child(2) {
    opacity: 0
  }

  header .open .toggle_btn span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(315deg);
    transform: translateY(-7px) rotate(315deg)
  }

  header #mask {
    display: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
  }

  header .open #mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 2;
    cursor: pointer
  }

  header .sp-language {
    display: flex;
    margin: 20px 0;
  }

  header .sp-language li {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 50%;
  }

  header .sp-language li a.lang.-active {
    width: 100%;
    color: #000;
    background-color: #f5f5f5;
    text-align: center;
  }

  header .sp-language li a.lang {
    width: 100%;
    color: #c1c1c1;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    line-height: 40px;
  }

  header .sp-sns {
    display: flex;
  }

  header .sp-sns li {
    box-sizing: border-box;
    margin-bottom: 0;
    width: calc(100%/4);
  }

  header .sp-sns li a {
    display: block;
    text-align: center;
    padding: 10px 0;
  }

  header .sp-sns li:first-child a img {
    width: 11px;
  }

  header .sp-sns li:nth-child(2) a img {
    width: 25px;
  }

  header .sp-sns li:nth-child(3) a img {
    width: 23px;
  }

  header .sp-sns li:last-child a img {
    width: 25px;
  }

}

@media all and (min-width: 1023px) and (max-width: 1140px) {
  header .header-menu ul li {
    padding-right: 16px
  }

  header .header-menu ul li>span,
  header .header-menu ul li a {
    font-size: 12px
  }

  header .header-menu .online,
  header .header-menu .somenova {
    width: 100px
  }
}

@media all and (min-width: 1025px) {
  footer {
    width: 100%;
    margin-top: 45px;
    font-size: 13px;
    background-color: #f7f7f7;
  }

  footer nav {
    margin: 0 auto;
    padding: 50px 0 75px;
  }

  footer nav .container {
    display: flex;
    justify-content: space-between;
  }

  footer nav ul li {
    margin-bottom: 5px
  }

  footer nav ul li.online a {
    width: 100px;
    display: inline-block;
  }

  footer nav ul li:not(.sds)::before {
    content: "-";
    margin-right: 5px
  }

  footer nav ul li a {
    color: #000000;
    text-decoration: none
  }

  footer nav ul li.sds a {
    background-color: #919191;
    color: white;
    display: inline-block;
    position: relative;
    line-height: 20px;
    text-align: center;
    width: auto;
    padding: 10px 15px 10px 10px;
    font-size: 12px;
  }

  footer nav ul li.sds a::after {
    content: "\ff1e";
    font-family: "icon";
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2px
  }

  footer.is_pc .imglink {
    width: 580px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  footer div.imglink dl {
    width: 280px;
    margin-bottom: 20px;
  }

  footer div.imglink dl:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }

  footer div.imglink dl dt {
    margin-bottom: 10px
  }

  footer div.imglink dl img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 8px gray;
    box-shadow: 0 0 8px gray;
  }

  footer .copyright {
    background-color: #131200;
    color: white;
    line-height: 40px;
    font-size: 12px
  }

  .tell-contact {
    margin-top: 20px;
  }

  section#access .container .tell-contact .tell-contact-freee a {
    background-color: #fbf0ed;
    color: #333;
  }

  section#access .container .tell-contact .tell-contact-freee a:before {
    content: url("../img/svg/freetell2.svg");
    top: 55%;
  }

  .tell-contact .tell-text01 {
    font-size: 13px;
  }

  .tell-contact .tell-text02 {
    font-size: 13px;
  }

  .tell-contact .tell-contact-freee {
    font-size: 13px;
    margin: 10px 0;
  }
}

@media all and (max-width: 1024px) {
  section#access .container .tell-contact .tell-contact-freee a {
    background-color: #fbf0ed;
    color: #333;
  }

  section#access .container .tell-contact .tell-contact-freee a:before {
    content: url("../img/svg/freetell2.svg");
    top: 55%;
  }

  .tell-contact .tell-contact-freee {
    font-size: 13px;
    margin: 10px 0;
  }

  footer {
    font-size: 13px;
    background-color: #f7f7f7;
    width: 100%
  }

  footer nav {
    width: 90%;
    padding-top: 35px
  }

  footer nav ul:not(.noborder):first-child {
    padding-right: 14%
  }

  footer nav ul:not(.noborder) li {
    padding-bottom: 10%;
    white-space: nowrap
  }

  footer nav ul:not(.noborder) li:not(.sds)::before {
    content: "-";
    margin-right: 5%
  }

  footer nav ul:not(.noborder) li a {
    color: #000000;
    text-decoration: none
  }

  footer nav ul li.online,
  footer nav ul li.somenova {
    width: 62%;
  }

  footer nav ul li.online img,
  footer nav ul li.somenova img {
    width: 100%;
    height: auto;
  }

  footer nav ul:not(.noborder) li.sds a {
    background-color: #919191;
    color: white;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    position: relative;
    width: auto;
  }

  .sp-nav-ul {
    display: flex;
  }

  .sp-nav-ul ul {
    width: 50%;
  }

  .sp-nav-ul ul li.sds {
    white-space: inherit;
  }

  footer nav ul:not(.noborder) li.sds a::after {
    content: "\ff1e";
    font-family: "icon";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px
  }

  footer div.imglink ul {
    padding-top: 40px
  }

  footer div.imglink ul li p {
    margin-bottom: 10px;
  }

  footer div.imglink ul li {
    margin-bottom: 30px
  }

  footer div.imglink ul li:last-child {
    margin-bottom: 50px
  }

  footer div.imglink ul li img {
    -webkit-box-shadow: 0 0 10px gray;
    box-shadow: 0 0 10px gray
  }

  footer .copyright {
    background-color: #131200;
    color: white;
    line-height: 43px;
    font-size: 10px;
    white-space: nowrap
  }
}

@media all and (min-width: 1025px) {
  main {
    min-height: 100vh;
    position: relative;
    padding-top: 121px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }

  main.event-o01 {
    overflow-x: visible;
  }

  section.top {
    padding: 80px 0
  }

  section.top h2 {
    font-weight: normal;
    font-size: 12px;
    text-align: center
  }

  section.top h2 span {
    display: block;
    font-size: 50px;
    line-height: 60px
  }

  section.top .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border: 1px solid black;
    max-width: 256px;
    height: 56px;
    margin: 30px auto 0;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section.top .more::after {
    content: url(../img/svg/more_black.svg);
    position: absolute;
    right: 20px;
    top: 39%;
    -webkit-transform: translateY(-39%);
    transform: translateY(-39%);
    -webkit-transition: inherit;
    transition: inherit;
    width: 16px
  }

  section.top .more:hover {
    background-color: #e7380d;
    border: 1px solid #e7380d;
    color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section.top .more:hover::after {
    content: url(../img/svg/more_white.svg);
    -webkit-transition: inherit;
    transition: inherit
  }

  .post-type-archive-event_post #online {
    padding: 0 !important
  }

  section#mv {
    padding-top: 0;
    padding-bottom: 20px;
    position: relative;
    margin: 0 auto;
    width: 90%
  }

  section#mv .main_visual {
    position: absolute;
    z-index: 2;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }

  section#mv .mv_container {
    margin: 0 auto;
    max-width: 1770px
  }

  section#mv .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5%;
    grid-template-columns: 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5%;
    -ms-grid-rows: 24.2% 24.2% 24.2% 24.2%;
    grid-template-rows: 24.2% 24.2% 24.2% 24.2%;
    gap: 1% 0.55%;
    grid-template-areas: "mv1 mv1 mv2 mv3 mv4 mv15 mv15 mv16 mv17 mv18" "mv1 mv1 mv5 mv6 mv7 mv15 mv15 mv19 mv20 mv21" "mv8 mv9 mv10 mv14 mv14 mv22 mv23 mv24 mv28 mv28" "mv11 mv12 mv13 mv14 mv14 mv25 mv26 mv27 mv28 mv28";
    width: 100%
  }

  section#mv .grid-container .mv1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: mv1
  }

  section#mv .grid-container .mv2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: mv2
  }

  section#mv .grid-container .mv3 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: mv3
  }

  section#mv .grid-container .mv4 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: mv4
  }

  section#mv .grid-container .mv5 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: mv5
  }

  section#mv .grid-container .mv6 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: mv6
  }

  section#mv .grid-container .mv7 {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    grid-area: mv7
  }

  section#mv .grid-container .mv8 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: mv8
  }

  section#mv .grid-container .mv9 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: mv9
  }

  section#mv .grid-container .mv10 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: mv10
  }

  section#mv .grid-container .mv11 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: mv11
  }

  section#mv .grid-container .mv12 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: mv12
  }

  section#mv .grid-container .mv13 {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    grid-area: mv13
  }

  section#mv .grid-container .mv14 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: mv14
  }

  section#mv .grid-container .mv15 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-area: mv15
  }

  section#mv .grid-container .mv16 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    grid-area: mv16
  }

  section#mv .grid-container .mv17 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-area: mv17
  }

  section#mv .grid-container .mv18 {
    -ms-grid-row: 1;
    -ms-grid-column: 10;
    grid-area: mv18
  }

  section#mv .grid-container .mv19 {
    -ms-grid-row: 2;
    -ms-grid-column: 8;
    grid-area: mv19
  }

  section#mv .grid-container .mv20 {
    -ms-grid-row: 2;
    -ms-grid-column: 9;
    grid-area: mv20
  }

  section#mv .grid-container .mv21 {
    -ms-grid-row: 2;
    -ms-grid-column: 10;
    grid-area: mv21
  }

  section#mv .grid-container .mv22 {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
    grid-area: mv22
  }

  section#mv .grid-container .mv23 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-area: mv23
  }

  section#mv .grid-container .mv24 {
    -ms-grid-row: 3;
    -ms-grid-column: 8;
    grid-area: mv24
  }

  section#mv .grid-container .mv25 {
    -ms-grid-row: 4;
    -ms-grid-column: 6;
    grid-area: mv25
  }

  section#mv .grid-container .mv26 {
    -ms-grid-row: 4;
    -ms-grid-column: 7;
    grid-area: mv26
  }

  section#mv .grid-container .mv27 {
    -ms-grid-row: 4;
    -ms-grid-column: 8;
    grid-area: mv27
  }

  section#mv .grid-container .mv28 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    grid-area: mv28
  }

  section#mv .grid-container img {
    -o-object-fit: cover;
    object-fit: cover
  }

  section#mv .grid-container img.img_l {
    height: 100%;
    width: 100%
  }

  section#mv .grid-container img.img_m {
    height: 100%;
    width: 100%
  }

  section#mv p {
    position: absolute
  }

  section#keywords {
    padding-top: 0;
    margin: 30px auto 0;
    max-width: 1788px;
    overflow-x: hidden;
    width: 90%
  }

  section#keywords>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  section#keywords p {
    font-size: 14px;
    font-weight: bold;
    margin-right: 15px
  }

  section#keywords ul li {
    font-size: 14px;
    background-color: #f5f5f5;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    margin-right: 5px
  }

  section#keywords ul li::before {
    content: "#"
  }

  section#keywords form {
    position: relative;
    width: 215px;
    border: 2px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  section#keywords form input {
    height: 42px;
    padding: 0 20px;
    outline: 0
  }

  section#keywords form button {
    height: 42px;
    position: absolute;
    left: 174px;
    top: 0;
    background: none;
    border: none;
    font-size: 20px
  }

  section#news {
    width: 1025px
  }

  section#news ul {
    margin-top: 30px
  }

  section#news ul li {
    border-top: 1px solid #e5e5e5;
    padding: 17px 15px
  }

  section#news ul li:last-child {
    border-bottom: 1px solid #e5e5e5
  }

  section#news ul li span {
    font-size: 13px;
    font-weight: bold
  }

  section#news ul li a {
    font-size: 13px;
    margin-left: 20px
  }

  section#news ul li a:hover {
    text-decoration: underline
  }

  section#about {
    position: relative
  }

  section#about .bg {
    height: 540px;
    width: 100%
  }

  section#about .bg img {
    font-family: "object-fit: cover;";
    height: 540px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }

  section#about div {
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3)
  }

  section#about div p {
    margin-top: 60px
  }

  /*
  section#column ul {
    margin-top: 50px;
    align-items: flex-start;
    display: flex;
    justify-content: center;		
  }
  section#column ul li {
        margin-right: 2%;
    width: 23%;
  }
  section#column ul li:last-child {
    margin-right: 0
  }
  section#column ul li p {
    margin: 20px 0 5px
  }
  section#column ul li span {
    color: #a1a1a1;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px
  }
  section#column ul li span::before {
    content: "#"
  }
  */
  /* ===== COLUMN・EVENT と同じ見た目を GALLERY に適用 ===== */

  section#column .swiper-parent,
  section#event .swiper-parent,
  section#gallery .swiper-parent {
    position: relative;
  }

  section#column .swiper-parent .swiper-container,
  section#event .swiper-parent .swiper-container,
  section#gallery .swiper-parent .swiper-container {
    padding-bottom: 50px;
  }

  section#column .swiper-parent .swiper-container ul,
  section#event .swiper-parent .swiper-container ul,
  section#gallery .swiper-parent .swiper-container ul {
    margin-top: 50px;
  }

  section#column .swiper-parent .swiper-container ul li span,
  section#event .swiper-parent .swiper-container ul li span,
  section#gallery .swiper-parent .swiper-container ul li span {
    color: #a1a1a1;
    font-size: 14px;
    display: block;
    margin-top: 25px;
  }

  section#column .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet,
  section#event .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet,
  section#gallery .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
  }

  section#column .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
  section#event .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
  section#gallery .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #e7380d;
  }

  section#products ul {
    margin-top: 50px
  }

  section#products ul li {
    position: relative
  }

  section#products ul li:nth-of-type(-n+2) {
    margin-bottom: 20px
  }

  section#products ul li:nth-of-type(2n) {
    margin-left: 18px
  }

  section#products ul li div {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 396px;
    height: 160px;
    display: table
  }

  section#products ul li div p {
    display: table-cell;
    vertical-align: middle
  }

  section#products ul li div p span {
    font-size: 26px;
    display: block;
    line-height: 40px
  }

  section#gallery .wrap {
    margin-top: 50px;
    width: 100%
  }

  section#gallery .wrap .slide .block_a {
    width: 383px !important;
    margin-right: 15px
  }

  section#gallery .wrap .slide .block_a li img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 383px;
    height: 254px
  }

  section#gallery .wrap .slide .block_a li:first-child {
    margin-bottom: 15px
  }

  section#gallery .wrap .slide .block_b {
    width: 254px !important;
    margin-right: 15px
  }

  section#gallery .wrap .slide .block_b li:first-child {
    margin-bottom: 15px
  }

  section#gallery .wrap .slide .block_b li:first-child img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 254px;
    height: 343px
  }

  section#gallery .wrap .slide .block_b li:last-child img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 254px;
    height: 163px
  }

  section#gallery .wrap .slide2 .block_a {
    width: 383px !important;
    margin-right: 15px;
  }

  section#gallery .wrap .slide2 .block_b {
    width: 254px !important;
    margin-right: 15px;
  }

  section#recommended ul {
    margin-top: 50px
  }

  section#recommended ul li {
    margin-right: 4px
  }

  section#recommended ul li:last-child {
    margin-right: 0
  }

  section#recommended ul li dl dt {
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px
  }

  section#recommended ul li dl dd {
    font-size: 12px
  }

  section#recommended ul li dl dd span {
    font-size: 16px;
    font-weight: bold
  }

  section#online.is_sp {
    display: none;
  }

  section#online {
    margin: 75px auto 25px;
    padding: 0;
    height: 430px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
  }

  section#online .bg {
    width: 100%;
    height: 430px;
    position: absolute;
    z-index: -1;
  }

  section#online .bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    object-fit: cover;
    transform: translateX(-50%);
  }

  section#online .flexList {
    width: 75%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
  }

  section#online .flexList li {
    width: 47.5%;
    padding: 5% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
  }

  section#online .flexList li:last-of-type {
    margin-left: 5%;
  }

  section#online .flexList li a {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  section#online .flexList li img {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
  }

  section#access .container div {
    display: inline-block
  }

  section#access .container div:first-child {
    margin-right: 97px
  }

  section#access .container div:first-child dl dt {
    margin-bottom: 30px
  }

  section#access .container div:first-child dl dd img {
    margin-bottom: 10px
  }

  section#access .container div:first-child dl dd p {
    font-size: 14px;
    margin-bottom: 35px
  }

  section#access .container div:first-child a {
    background-color: #e7380d;
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 267px;
    height: 56px;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section#access .container div:first-child a::before {
    content: url(../img/svg/mail.svg);
    position: absolute;
    left: 28px;
    top: 48%;

    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
    -webkit-transition: inherit;
    transition: inherit;
    width: 15px
  }

  section#access .container div:first-child a::after {
    content: url(../img/svg/more_white.svg);
    position: absolute;
    right: 20px;
    top: 39%;
    -webkit-transform: translateY(-39%);
    transform: translateY(-39%);
    -webkit-transition: inherit;
    transition: inherit;
    width: 16px
  }

  section#access .container div:first-child a:hover {
    opacity: 0.5
  }

  section#access .container div:first-child a.footer-tel {
    background-color: transparent;
    color: #1A1A1A;
    display: block;
    font-size: 14px;
    text-align: left;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section#access .container div:first-child a.footer-tel::before {
    display: none;
  }

  section#access .container div:first-child a.footer-tel::after {
    display: none;
  }
}

@media all and (max-width: 1024px) {
  main {
    min-height: 100vh;
    position: relative;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  section h2 {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin: 12px 0px
  }

  section h2 span {
    display: block;
    font-size: 40px;
    line-height: 50px
  }

  section .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border: 1px solid black;
    width: 70%;
    height: 60px;
    margin: 30px auto;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section .more::after {
    content: url(../img/svg/more_black.svg);
    position: absolute;
    right: 24px;
    top: 39%;
    -webkit-transform: translateY(-39%);
    transform: translateY(-39%);
    -webkit-transition: inherit;
    transition: inherit;
    width: 16px
  }

  section .more:hover {
    background-color: #e7380d;
    border: 1px solid #e7380d;
    color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section .more:hover::after {
    content: url(../img/svg/more_white.svg)
  }

  section#mv {
    position: relative;
    padding-bottom: 30px
  }

  section#mv .main_visual {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2
  }

  section#mv .main_visual img {
    width: 220px;
    height: auto
  }

  section#mv .mv_container {
    margin: 0 auto;
    width: 100%
  }

  section#mv .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 19.2% 19.2% 19.2% 19.2% 19.2%;
    grid-template-columns: 19.2% 19.2% 19.2% 19.2% 19.2%;
    -ms-grid-rows: 12.2% 12.2% 12.2% 12.2% 12.2% 12.2% 12.2% 12.2%;
    grid-template-rows: 12.2% 12.2% 12.2% 12.2% 12.2% 12.2% 12.2% 12.2%;
    gap: 0.5% 1%;
    grid-template-areas: "mv1 mv1 mv2 mv3 mv4" "mv1 mv1 mv5 mv6 mv7" "mv8 mv9 mv10 mv14 mv14" "mv11 mv12 mv13 mv14 mv14" "mv15 mv15 mv16 mv17 mv18" "mv15 mv15 mv19 mv20 mv21" "mv22 mv23 mv24 mv28 mv28" "mv25 mv26 mv27 mv28 mv28";
    width: 100%
  }

  section#mv .grid-container .mv1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: mv1
  }

  section#mv .grid-container .mv2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: mv2
  }

  section#mv .grid-container .mv3 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: mv3
  }

  section#mv .grid-container .mv4 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: mv4
  }

  section#mv .grid-container .mv5 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: mv5
  }

  section#mv .grid-container .mv6 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: mv6
  }

  section#mv .grid-container .mv7 {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    grid-area: mv7
  }

  section#mv .grid-container .mv8 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: mv8
  }

  section#mv .grid-container .mv9 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: mv9
  }

  section#mv .grid-container .mv10 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: mv10
  }

  section#mv .grid-container .mv11 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: mv11
  }

  section#mv .grid-container .mv12 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: mv12
  }

  section#mv .grid-container .mv13 {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    grid-area: mv13
  }

  section#mv .grid-container .mv14 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: mv14
  }

  section#mv .grid-container .mv15 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: mv15
  }

  section#mv .grid-container .mv16 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: mv16
  }

  section#mv .grid-container .mv17 {
    -ms-grid-row: 5;
    -ms-grid-column: 4;
    grid-area: mv17
  }

  section#mv .grid-container .mv18 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    grid-area: mv18
  }

  section#mv .grid-container .mv19 {
    -ms-grid-row: 6;
    -ms-grid-column: 3;
    grid-area: mv19
  }

  section#mv .grid-container .mv20 {
    -ms-grid-row: 6;
    -ms-grid-column: 4;
    grid-area: mv20
  }

  section#mv .grid-container .mv21 {
    -ms-grid-row: 6;
    -ms-grid-column: 5;
    grid-area: mv21
  }

  section#mv .grid-container .mv22 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: mv22
  }

  section#mv .grid-container .mv23 {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
    grid-area: mv23
  }

  section#mv .grid-container .mv24 {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-area: mv24
  }

  section#mv .grid-container .mv25 {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    grid-area: mv25
  }

  section#mv .grid-container .mv26 {
    -ms-grid-row: 8;
    -ms-grid-column: 2;
    grid-area: mv26
  }

  section#mv .grid-container .mv27 {
    -ms-grid-row: 8;
    -ms-grid-column: 3;
    grid-area: mv27
  }

  section#mv .grid-container .mv28 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: mv28
  }

  section#mv .grid-container img {
    -o-object-fit: cover;
    object-fit: cover
  }

  section#mv .grid-container img.img_l {
    height: auto;
    width: 100%
  }

  section#mv .grid-container img.img_m {
    height: auto;
    width: 100%
  }

  section#keywords {
    width: 90%;
    margin: 20px auto 0
  }

  section#keywords p {
    display: block;
    font-weight: bold;
    font-size: 13px
  }

  section#keywords ul {
    margin-top: 2%
  }

  section#keywords ul li {
    font-size: 12px;
    background-color: #f5f5f5;
    line-height: 30px;
    display: inline-block;
    padding: 0 7px;
    margin: 0 1% 2% 0
  }

  section#keywords ul li::before {
    content: "#"
  }

  section#keywords form {
    position: relative;
    border: 2px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto 0
  }

  section#keywords form input {
    height: 42px;
    padding: 0 20px;
    outline: 0
  }

  section#keywords form button {
    height: 20px;
    position: absolute;
    right: 12px;
    top: 22%;
    background: none;
    border: none;
    font-size: 20px
  }

  section#keywords form button img {
    height: 20px;
    width: 20px
  }

  section#news {
    margin-top: 80px;
    box-sizing: border-box;
    padding: 0 15px;
  }

  section#news ul {
    margin-top: 30px
  }

  section#news ul li {
    border-top: 1px solid #e5e5e5;
    padding: 17px 0
  }

  section#news ul li:last-child {
    border-bottom: 1px solid #e5e5e5
  }

  section#news ul li span {
    display: block;
    font-size: 13px;
    font-weight: bold
  }

  section#news ul li a {
    font-size: 13px
  }

  section#about {
    position: relative;
    margin-top: 80px
  }

  section#about .bg {
    height: auto;
    width: 100%
  }

  section#about .bg img {
    font-family: "object-fit: cover;";
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }

  section#about div {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    text-shadow: 0px 0px 6px;
    width: 100%;
  }

  section#about div p {
    margin-top: 40px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px
  }

  /*
  section#column {
    margin-top: 80px
  }
  section#column ul {
    width: 100%;
    display: block;
    margin-top: 40px;
    flex-wrap: wrap;
	  
  }
  section#column ul li {
    width: 100%;
    margin: 0 8% 5% 0
  }
  section#column ul li:nth-child(even) {
    margin-right: 0
  }
  section#column ul li:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }
  section#column ul li p {
    margin: 15px 0 5px;
    font-size: 14px
  }
  section#column ul li span {
    color: #a1a1a1;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
  }
  section#column ul li span::before {
    content: "#"
  }
  */
  /* EVENT / COLUMN / GALLERY を同じデザインに揃える */

  section#event,
  section#column,
  section#gallery {
    padding: 0 15px;
    margin-top: 80px;
  }

  section#event .swiper-parent,
  section#column .swiper-parent,
  section#gallery .swiper-parent {
    position: relative;
  }

  section#event .swiper-parent .swiper-container,
  section#column .swiper-parent .swiper-container,
  section#gallery .swiper-parent .swiper-container {
    padding-bottom: 50px;
  }

  section#event .swiper-parent .swiper-container ul,
  section#column .swiper-parent .swiper-container ul,
  section#gallery .swiper-parent .swiper-container ul {
    margin-top: 30px;
  }

  section#event .swiper-parent .swiper-container ul li span,
  section#column .swiper-parent .swiper-container ul li span,
  section#gallery .swiper-parent .swiper-container ul li span {
    color: #a1a1a1;
    font-size: 12px;
    display: block;
    margin-top: 25px;
  }

  section#event .swiper-parent .swiper-container ul li p,
  section#column .swiper-parent .swiper-container ul li p,
  section#gallery .swiper-parent .swiper-container ul li p {
    font-size: 14px;
  }

  section#event .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet,
  section#column .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet,
  section#gallery .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3%;
  }

  section#event .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
  section#column .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
  section#gallery .swiper-parent .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #e7380d;
  }



  section#products {
    margin-top: 80px
  }

  section#products ul {
    margin-top: 20px
  }

  section#products ul li {
    position: relative;
    margin-bottom: 30px
  }

  section#products ul li div {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 60%;
    height: 60%;
    display: table
  }

  section#products ul li div p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px
  }

  section#products ul li div p span {
    font-size: 22px;
    display: block;
    line-height: 40px
  }

  section#gallery {
    margin-top: 80px
  }

  section#gallery .wrap {
    margin-top: 20px;
    width: 100%
  }

  section#gallery .wrap .slide .block_a {
    width: 222px !important;
    margin-right: 15px
  }

  section#gallery .wrap .slide .block_a li img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 222px;
    height: 147px
  }

  section#gallery .wrap .slide .block_a li:first-child {
    margin-bottom: 15px
  }

  section#gallery .wrap .slide .block_b {
    width: 147px !important;
    margin-right: 15px
  }

  section#gallery .wrap .slide .block_b li:first-child {
    margin-bottom: 15px
  }

  section#gallery .wrap .slide .block_b li:first-child img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 147px;
    height: 199px
  }

  section#gallery .wrap .slide .block_b li:last-child img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 147px;
    height: 94px
  }

  section#recommended {
    margin-top: 80px;
    padding: 0 15px;
  }

  section#recommended ul {
    margin-top: 20px
  }

  section#recommended ul li {
    margin: 0 3% 5% 0;
    width: 47%
  }

  section#recommended ul li:nth-child(even) {
    margin-right: 0
  }

  section#recommended ul li:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }

  section#recommended ul li dl dt {
    font-size: 12px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
  }

  section#recommended ul li dl dd {
    font-size: 10px
  }

  section#recommended ul li dl dd span {
    font-size: 14px;
    font-weight: bold
  }

  section#online {
    margin: 75px auto 25px;
    padding: 0;
    height: 75vw;
    max-height: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
  }

  section#online .bg {
    width: 100%;
    height: 75vw;
    max-height: 500px;
    position: absolute;
    z-index: -1;
  }

  section#online .bg img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  section#online .flexList {
    width: 85%;
  }

  section#online .flexList li {
    height: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
  }

  section#online .flexList li:last-of-type {
    margin-top: 5%;
  }

  section#online .flexList li a {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  section#online .flexList li img {
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto;
  }

  section#access {
    margin-top: 80px
  }

  section#access .container div:first-child {
    text-align: center
  }

  section#access .container div:first-child dl dt {
    margin-bottom: 30px
  }

  section#access .container div:first-child dl dt img {
    width: 50%;
    height: auto
  }

  section#access .container div:first-child dl dd img {
    width: 50%;
    height: auto
  }

  section#access .container div:first-child dl dd p {
    font-size: 14px;
    margin: 15px 0 25px;
    line-height: 30px
  }

  section#access .container div:first-child a {
    background-color: #e7380d;
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 80%;
    height: 64px;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section#access .container div:first-child a::before {
    content: url(../img/svg/mail.svg);
    position: absolute;
    left: 28px;
    top: 48%;
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
    width: 15px
  }

  section#access .container div:first-child a::after {
    content: url(../img/svg/more_white.svg);
    position: absolute;
    right: 20px;
    top: 39%;
    -webkit-transform: translateY(-39%);
    transform: translateY(-39%);
    width: 16px
  }

  section#access .container div:first-child a:hover {
    opacity: 0.5
  }

  section#access .container div:first-child a.footer-tel {
    background-color: transparent;
    color: #1A1A1A;
    display: block;
    font-size: 14px;
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  section#access .container div:first-child a.footer-tel::before {
    display: none;
  }

  section#access .container div:first-child a.footer-tel::after {
    display: none;
  }

  section#access .container div:last-child {
    width: 100%;
    margin: 35px auto 70px
  }

  section#access .container div:last-child iframe {
    width: 100%
  }
}

.mv-slider {
  margin: 0 auto 30px;
  max-width: 100%;
  width: 100%;
  height: 515px
}

.mv-slider .mv-slider-thumb img {
  width: 980px;
  height: 465px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: auto
}

.mv-slider .slick-arrow {
  position: absolute;
  z-index: 9;
  width: 20px;
  height: 20px;
  color: transparent;
  top: 47%
}

.mv-slider .slick-slide:not(.slick-center) {
  /*-webkit-filter: opacity(70%);
  filter: opacity(70%);
  -webkit-transition: 0.2s linear;*/
  transition: 0.2s linear
}

.mv-slider .slick-prev {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10%
}

.mv-slider .slick-next {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10%
}

.mv-slider .slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}

.mv-slider .slick-dots li {
  margin-right: 20px
}

.mv-slider .slick-dots li:last-of-type {
  margin-right: 20px
}

.mv-slider .slick-dots li button {
  color: transparent;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background-color: #d2d2d2
}

.mv-slider .slick-dots li.slick-active button {
  background-color: #e7390d
}

@media all and (max-width: 1024px) {
  .mv-slider {
    margin: 0 auto 60px;
    max-width: 100%;
    width: 100%;
    height: auto
  }

  .mv-slider .mv-slider-thumb img {
    width: 100%;
    height: auto
  }

  .mv-slider .slick-arrow {
    width: 15px;
    height: 15px
  }

  .mv-slider .slick-prev {
    left: 15px
  }

  .mv-slider .slick-next {
    right: 15px
  }
}

.mv-thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.mv-thumb ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: infinity-scroll-left 200s infinite linear 0.5s both;
  animation: infinity-scroll-left 200s infinite linear 0.5s both
}

.mv-thumb ul li {
  width: 90px;
  height: 90px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mv-thumb ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media all and (min-width: 1023px) {
  .mv-thumb ul li {
    width: 120px;
    height: 120px
  }
}

.under-top,
.second-mv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1.2
}

.under-top img,
.second-mv img {
  height: 136px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-top h1,
.under-top h2,
.second-mv h1,
.second-mv h2 {
  position: absolute;
  font-size: 25px;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  text-align: center;
  line-height: 1.2
}

.under-top h1 span,
.under-top h2 span,
.second-mv h1 span,
.second-mv h2 span {
  display: block;
  font-size: 14px
}

.under-top h1 .titleUnderText {
  margin-top: 7%;
  display: block;
  font-size: 14px;
}

.under-top .sds,
.under-top .under-form-h1,
.second-mv .sds,
.second-mv .under-form-h1 {
  position: absolute;
  font-size: 25px;
  color: #000;
  text-shadow: unset;
  text-align: center
}

.under-breadcorn {
  max-width: 1200px;
  margin: 0 auto
}

.under-breadcorn ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 13px 14px 0
}

.under-breadcorn ul li {
  font-size: 11px
}

.under-breadcorn ul li a::after {
  content: ">";
  padding: 0 10px
}

.under-singlelist {
  margin-top: 52px;
  padding: 0 14px;
  line-height: 1.3
}

.under-singlelist li:nth-of-type(n+2) {
  margin-top: 24px
}

.under-singlelist .under-singlelist__img {
  width: 100%;
  padding-top: 66%;
  position: relative
}

.under-singlelist .under-singlelist__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.under-singlelist .under-singlelist__info {
  margin-top: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #999
}

.under-singlelist .under-singlelist__info p {
  padding-right: 1%
}

.under-singlelist .under-singlelist__info p:first-of-type::after {
  /*content: "|";*/
  content: inherit;
  padding-left: 1%
}

.under-singlelist .under-singlelist__title {
  margin-top: 14px;
  font-size: 16px
}

.under-singlelist .under-singlelist__content {
  margin-top: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 13px
}

.under-singlelist .under-singlelist__content img {
  display: none
}

.under-content {
  margin-top: 48px;
  padding: 0 12px
}

.under-content h2 {
  font-size: 12px;
  border-bottom: 1px solid;
  font-weight: normal
}

.under-content h2 span {
  padding-right: 4px;
  font-size: 30px;
  font-weight: 500
}

.under-content__category li a {
  height: 64px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 14px;
  border-bottom: 1px solid #e6e6e6;
  position: relative
}

.under-content__category li a::after {
  content: "";
  position: absolute;
  right: 10px;
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.under-content__post li {
  margin-top: 22px
}

.under-content__post a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-content__post .under-content__post-img {
  margin-right: 4%;
  width: 117px;
  height: 117px;
  min-width: 117px;
  position: relative
}

.under-content__post .under-content__post-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.under-content__post .under-content__post-detail p {
  < !-- padding-right: 1%;
  -->font-size: 12px;
  color: #999
}

.under-content__post .under-content__post-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-content__post .under-content__post-content p {
  padding-top: 13px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #1a1a1a
}

.under-content__post.-ranking .under-content__post-img::after {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0
}

.under-content__post.-ranking li:first-of-type .under-content__post-img::after {
  content: "1";
  background-color: #b6965d
}

.under-content__post.-ranking li:nth-of-type(2) .under-content__post-img::after {
  content: "2";
  background-color: #959595
}

.under-content__post.-ranking li:nth-of-type(3) .under-content__post-img::after {
  content: "3";
  background-color: #733c00
}

.under-content__post.-ranking li:nth-of-type(4) .under-content__post-img::after {
  content: "4";
  background-color: #000000
}

.under-content__post.-ranking li:nth-of-type(5) .under-content__post-img::after {
  content: "5";
  background-color: #000000
}

.under-content__archive-wrap,
.under-content__archive-month {
  display: none
}

.under-content__archive-select,
.under-content__archive-year,
.under-content__archive-month li {
  height: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  padding-left: 14px;
  border-bottom: 1px solid #e6e6e6;
  position: relative
}

.under-content__archive-select::after,
.under-content__archive-year::after,
.under-content__archive-month li::after {
  content: "";
  position: absolute;
  right: 10px;
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.6s;
  transition: 0.6s
}

.under-content__archive-select.-open::after,
.under-content__archive-year.-open::after,
.under-content__archive-month li.-open::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: 0.6s;
  transition: 0.6s
}

.under-content__archive-month li {
  padding-left: 90px
}

.under-content__archive-month li:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.under-single {
  padding: 52px 14px 0
}

.under-single .under-single__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #999
}

.under-single .under-single__info p {
  padding-right: 1%
}

.under-single .under-single__info p:first-of-type::after {
  /*content: "|";*/
  content: inherit;
  padding-left: 1%
}

.under-single .under-single__title {
  padding-top: 14px;
  font-size: 24px
}

.under-single .under-single__content {
  margin-top: 14px;
  font-size: 14px
}

.under-single .under-single__content img {
  height: auto
}

.under-single .under-single__content img.aligncenter {
  display: block;
  margin: auto
}

.under-single .under-single__content img.alignright {
  display: block;
  margin-left: auto
}

.under-single .under-single__content h2 {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding-top: 30px
}

.under-single .under-single__content p {
  font-size: 16px;
  padding-top: 24px
}

.under-single .under-single__pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  margin-top: 48px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 13px
}

.under-single .under-single__pager>div {
  width: 33%
}

.under-single .under-single__pager .under-single__pager-next {
  text-align: right
}

.under-single .under-single__pager .under-single__pager-back {
  text-align: center
}

.under-single .under-single__thumbnail {
  margin-top: 20px
}

.under-gallery,
.under-faq {
  margin-top: 60px;
  padding: 0 14px
}

.under-gallery img,
.under-faq img {
  display: block;
  width: 100%
}

.under-gallery__search,
.under-faq__search {
  width: 100%
}

.under-gallery__search form,
.under-faq__search form {
  margin-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 3px solid #d9d9d9;
  height: 42px
}

.under-gallery__search form button,
.under-faq__search form button {
  margin-left: auto;
  width: 30px
}

.under-gallery__search form img,
.under-faq__search form img {
  width: 17px
}

.under-gallery__search form input,
.under-faq__search form input {
  width: 100%;
  padding-left: 18px
}

.under-gallery__search .under-faq__search-category,
.under-faq__search .under-faq__search-category {
  margin-top: 44px
}

.under-gallery__search .under-faq__search-category ul,
.under-faq__search .under-faq__search-category ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
}

.under-gallery__search .under-faq__search-category ul::-webkit-scrollbar,
.under-faq__search .under-faq__search-category ul::-webkit-scrollbar {
  display: none
}

.under-gallery__search .under-faq__search-category ul li,
.under-faq__search .under-faq__search-category ul li {
  padding: 0 11px;
  height: 40px;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 14px;
}

.under-gallery__search .under-faq__search-category ul li,
.under-faq__search .under-faq__search-category ul li a {
  padding: 0 11px;
}

.under-gallery__search .under-faq__search-category ul li.active,
.under-faq__search .under-faq__search-category ul li.active {
  border-bottom: 1px solid #e7380d
}

.under-gallery__search .under-faq__search-category ul li.active a,
.under-faq__search .under-faq__search-category ul li.active a {
  color: #e7380d
}

.under-gallery__search .under-gallery__search-word,
.under-gallery__search .under-faq__search-word,
.under-faq__search .under-gallery__search-word,
.under-faq__search .under-faq__search-word {
  margin-top: 34px
}

.under-gallery__search .under-gallery__search-word ul,
.under-gallery__search .under-faq__search-word ul,
.under-faq__search .under-gallery__search-word ul,
.under-faq__search .under-faq__search-word ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-gallery__search .under-gallery__search-word ul li,
.under-gallery__search .under-faq__search-word ul li,
.under-faq__search .under-gallery__search-word ul li,
.under-faq__search .under-faq__search-word ul li {
  padding: 1.5% 3%
}

.under-gallery__search .under-gallery__search-word ul a,
.under-gallery__search .under-faq__search-word ul a,
.under-faq__search .under-gallery__search-word ul a,
.under-faq__search .under-faq__search-word ul a {
  font-size: 14px
}

.under-gallery__search .under-gallery__search-word ul a.-current,
.under-gallery__search .under-faq__search-word ul a.-current,
.under-faq__search .under-gallery__search-word ul a.-current,
.under-faq__search .under-faq__search-word ul a.-current {
  color: #e7380d;
  text-decoration: underline
}

.under-gallery__search .under-faq__search-word,
.under-faq__search .under-faq__search-word {
  padding-bottom: 34px
}

.under-gallery__search h2,
.under-faq__search h2 {
  font-size: 12px;
  text-align: center
}

.under-gallery__search h2 span,
.under-faq__search h2 span {
  font-size: 30px;
  display: block
}

.area {
  padding-bottom: 100px
}

.area .under-faqlist {
  display: none
}

.area .under-faqlist.show {
  display: block
}

.area .under-faqlist dl dt {
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  position: relative
}

.area .under-faqlist dl dt::after {
  content: "";
  background-image: url("../img/column/arrow.jpg");
  background-repeat: no-repeat;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.area .under-faqlist dl dt.active::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.area .under-faqlist dl dd {
  font-size: 14px;
  display: none
}

.area .under-faqlist dl dd>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f7f7f7;
  padding: 15px 20px
}

.area .under-faqlist dl dd>div p {
  padding-bottom: 15px
}

.area .under-faqlist dl:last-child {
  border-bottom: 1px solid #e5e5e5
}

.area .under-faqlist dl span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  margin-right: 20px
}

.under-gallerylist,
.under-faqlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-gallerylist li,
.under-faqlist li {
  margin-top: 33px
}

.under-gallerylist li:nth-of-type(n+3),
.under-faqlist li:nth-of-type(n+3) {
  width: 48%;
  margin: 33px 1% 0
}

.under-gallerylist .under-gallerylist__img,
.under-faqlist .under-gallerylist__img {
  width: 100%;
  padding-top: 66%;
  position: relative
}

.under-gallerylist .under-gallerylist__img img,
.under-faqlist .under-gallerylist__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.under-gallerylist .under-gallerylist__info,
.under-gallerylist .under-faqlist__info,
.under-faqlist .under-gallerylist__info,
.under-faqlist .under-faqlist__info {
  margin-top: 22px;
  font-size: 12px;
  color: #999999
}

.under-gallerylist .under-gallerylist__title,
.under-faqlist .under-gallerylist__title {
  margin-top: 11px;
  font-size: 14px
}

.under-gallerylist .under-gallerylist__content,
.under-faqlist .under-gallerylist__content {
  margin-top: 14px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.under-gallerylist .under-gallerylist__content img,
.under-faqlist .under-gallerylist__content img {
  display: none
}

.under-gallerysingle {
  max-width: 1200px;
  margin: 60px auto 0;
  padding: 0 2% 0
}

.under-gallerysingle .under-gallerysingle__info {
  padding: 0 14px
}

.under-gallerysingle .under-gallerysingle__info>p {
  font-size: 12px;
  color: #999999
}

.under-gallerysingle .under-gallerysingle__info .under-gallerysingle__title {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  text-align: left
}

.under-gallerysingle .under-gallerysingle__slider {
  margin-top: 15px
}

.under-gallerysingle .under-gallerysingle__slider .slide-item img {
  height: 253px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-gallerysingle .under-gallerysingle__slider .slick-prev {
  position: absolute;
  left: 14px;
  top: 50%;
  color: transparent;
  z-index: 999
}

.under-gallerysingle .under-gallerysingle__slider .slick-prev::before {
  content: "";
  display: block;
  width: 13px;
  height: 27px;
  background-image: url("../img/gallery/slide_arrow_02.svg");
  background-repeat: no-repeat;
  background-size: 13px 27px
}

.under-gallerysingle .under-gallerysingle__slider .slick-next {
  position: absolute;
  right: 14px;
  top: 50%;
  color: transparent;
  z-index: 999;
  width: 13px
}

.under-gallerysingle .under-gallerysingle__slider .slick-next::before {
  content: "";
  display: block;
  width: 13px;
  height: 27px;
  background-image: url("../img/gallery/slide_arrow_01.svg");
  background-repeat: no-repeat;
  background-size: 13px 27px
}

.under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0 0
}

.under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb li {
  width: 17%;
  margin: 2% 1.5%;
  height: 42px
}

.under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb li img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb .thumbnail-current {
  opacity: 0.5
}

.under-gallerysingle .under-gallerysingle__material {
  margin-top: 24px;
  padding: 0 14px 60px;
  border-bottom: 1px solid #e6e6e6
}

.under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content {
  padding: 32px 14px;
  background-color: #f7f7f7;
  text-align: center
}

.under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content>img {
  width: 15px
}

.under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content>p {
  margin-top: 13px;
  font-size: 12px
}

.under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content .under-gallerysingle__material-detail {
  font-size: 14px;
  margin-top: 13px
}

.under-howto {
  margin-top: 46px
}

.under-howto_form {
  padding: 0 15px
}

.under-howto_form p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: bold
}

.under-howto_form p img {
  width: 19px;
  height: 25px;
  margin-right: 10px
}

.under-howto_form label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 1
}

.under-howto_form label span>span {
  font-size: 12px
}

.under-howto_form label input {
  opacity: 0
}

.under-howto_form label.-check {
  border: 1px solid #c83100
}

.under-howto_form label img {
  width: 16px;
  height: 27px;
  margin-right: 10px
}

.under-howto_form ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 30px
}

.under-howto_form ul li {
  width: 49%;
  height: 60px;
  margin-bottom: 10px
}

#howto-radio3 label {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

#howto-radio3 label input {
  width: 0;
  height: 0
}

.under-howto__button {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f7f7f7;
  padding: 20px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-howto__button input {
  height: 40px;
  font-size: 13px;
  color: #1a1a1a;
  background-color: #fff;
  border: 1px solid #1a1a1a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-howto__button input:first-of-type {
  width: 40%
}

.under-howto__button input:last-of-type {
  width: 58%
}

.under-howto__list {
  padding: 100px 15px 10px
}

.under-howto__list>h2 {
  text-align: left;
  font-weight: bold;
  font-size: 18px
}

.under-howto__list ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 20px;
  border-bottom: 1px solid #c8c8c8
}

.under-howto__list ul li a img {
  margin-right: 10px;
  width: 125px;
  height: 83px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.under-howto__list ul li a h3 {
  font-size: 13px
}

.under-howto__list .under-howto__list-none {
  font-size: 14px;
  padding-top: 20px
}

.under-howto__list .under-howto__list-top {
  display: inline-block;
  padding-top: 10px;
  border-bottom: 1px solid #8c8c8c;
  font-size: 14px
}

@media all and (max-width: 1024px) {
  .under-howto__button {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99
  }
}

@media all and (min-width: 1023px) {
  .under-howto_form>div {
    max-width: 1200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 55px auto 0
  }

  .under-howto_form label {
    padding: 0 50px 0 20px
  }

  .under-howto_form label img {
    margin-right: 20px
  }

  .under-howto_form p {
    font-size: 20px
  }

  .under-howto_form ul {
    margin: 0;
    width: 800px
  }

  .under-howto_form ul li {
    width: 32.5%
  }

  #howto-radio2 label,
  #howto-radio3 label {
    padding: 0 20px
  }

  #howto-radio2 li,
  #howto-radio3 li {
    width: 24%
  }

  .under-howto__button {
    max-width: 100% !important;
    margin-top: 80px !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 50px 0
  }

  .under-howto__button input {
    font-size: 14px;
    height: 60px
  }

  .under-howto__button input:first-of-type {
    margin-right: 20px;
    width: 212px
  }

  .under-howto__button input:last-of-type {
    width: 307px
  }

  .under-howto__list {
    max-width: 1200px;
    margin: 80px auto 0
  }

  .under-howto__list>h1 {
    font-size: 22px
  }

  .under-howto__list ul li a {
    padding: 40px 0 30px
  }

  .under-howto__list ul li a img {
    margin-right: 20px;
    width: 250px;
    height: 166px
  }

  .under-howto__list ul li a h3 {
    font-size: 16px
  }
}

.under-company {
  font-family: "游ゴシック";
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.company-list {
  max-width: 1027px;
  width: 100%;
  margin: 50px auto
}

.company-list th,
.company-list td {
  border-bottom: 1px solid #f5f5f5;
  padding: 20px;
  font-size: 14px;
  text-align: left
}

.company-list th {
  font-weight: bold;
  vertical-align: middle;
  width: 25%
}

.company-list td {
  max-width: 500px
}

.company-list td a {
  text-decoration: underline
}

.company-list td address {
  font-style: normal
}

.company-list.-history th,
.company-list.-history td {
  border-color: transparent
}

.under-company-map {
  max-width: 1027px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 132px
}

.under-company-map iframe {
  width: 100%
}

.under-products {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 100px;
  font-family: "游ゴシック体", sans-serif
}

.under-products h1 {
  font-size: 32px;
  text-transform: uppercase
}

.under-products__tabs {
  width: 100%;
  margin: 10px auto;
  padding-top: 3%;
  position: relative
}

.under-products .tab-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative
}

.under-products .tab-buttons span {
  color: gray;
  cursor: pointer;
  border-bottom: 2px solid #e5e5e5;
  display: block;
  width: 16.66%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px
}

.under-products .tab-content {
  display: inline-block;
  padding: 0 15px;
  padding-top: 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  width: 100%
}

.under-products .tab-content__grid {
  padding-top: 2%
}

.under-products .tab-content__grid .grid-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 30px
}

.under-products .tab-content__grid .grid-box img {
  width: 100%
}

.under-products .tab-content__grid .grid-box h2,
.under-products .tab-content__grid .grid-box p {
  margin: 10px 0
}

.under-products .tab-content__grid .grid-box h2 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold
}

.under-products .tab-content__grid .grid-box p {
  font-weight: normal;
  font-size: 14px
}

.under-products .tab-content__grid .grid-box .productsText {
  margin: 10px auto;
  line-height: 1.5;
  font-size: 14px;
  font-weight: normal;
}

.under-products .tab-content__grid .grid-box .product-category {
  margin-top: auto
}

.under-products .tab-content__grid .grid-box .product-ct {
  background-color: #f5f5f5;
  display: inline-block;
  vertical-align: middle;
  background: #eee;
  padding: 2px 8px;
  margin-right: 3px;
  border-radius: 2px;
  font-size: 12px
}

.under-products .tab-content__grid .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  grid-auto-rows: minmax(100px, auto)
}

.under-products .tab-content__grid .grid .dye::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/c01.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .pigment::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct7.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .cotton::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct8.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .wool::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct9.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .paper::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct10.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .polyester::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct11.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .cold::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct2.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .normal::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct3.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .hot::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct4.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .tab-content__grid .grid .heating::before {
  content: "";
  display: inline-block;
  background-image: url(../img/products/product_ct5.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  image-rendering: -webkit-optimize-contract;
  width: 10px;
  height: 16px;
  background-size: contain;
  vertical-align: middle
}

.under-products .up-content1__ctbox {
  margin-top: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #d9d9d9
}

.under-products .up-content1__ctbox:nth-child(1) {
  margin-top: 0
}

.under-products #lamp {
  width: 16.6%;
  height: 2px;
  background: #e7380d;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content1 {
  left: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content2 {
  left: 10.6%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content3 {
  left: 23.3%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content4 {
  left: 35.9%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content5 {
  left: 48.6%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content6 {
  left: 60.6%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content7 {
  left: 72.6%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products #lamp.up-content8 {
  left: 83%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-products .tab-buttons .tab-active {
  color: #e7380d !important
}

.post-type-archive-event_post #online {
  margin-top: 0
}

.under-event {
  width: 100%;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}

.under-event h1 {
  text-transform: uppercase
}

.under-event__tabs {
  width: 100%;
  margin: 0 auto;
  padding-top: 3%;
  position: relative
}

.under-event__tabs .grid-box a img {
  object-fit: cover;
  overflow: hidden;
  height: 400px;
}

@media all and (max-width: 769px) {
  .under-event__tabs .grid-box a img {
    object-fit: cover;
    overflow: hidden;
    height: 220px;
  }
}

.event-o01 .under-event .tab-buttons {
  position: sticky;
  top: 148px;
  z-index: 1;
  background: #fff;
}

@media all and (max-width: 769px) {
  .event-o01 .under-event .tab-buttons {
    top: 60px;
  }
}

.under-event .tab-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.under-event .tab-buttons span {
  color: gray;
  cursor: pointer;
  border-bottom: 2px solid #e5e5e5;
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px
}

.under-event .tab-content {
  display: inline-block;
  color: #333;
  width: 100%;
  padding-top: 51px;
  padding-bottom: 170px;
  background-color: #f5f5f5
}

.under-event .tab-content__grid .grid-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  position: relative
}

.under-event .tab-content__grid .grid-box img {
  width: 100%
}

.under-event .tab-content__grid .grid-box h2,
.under-event .tab-content__grid .grid-box p {
  margin: 10px 0
}

.under-event .tab-content__grid .grid-box .ue-category {
  max-width: 204px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 14px
}

.under-event .tab-content__grid .grid-box .ue-category__box1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff
}

.under-event .tab-content__grid .grid-box .ue-category__box2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff
}

.under-event .tab-content__grid .grid-box .ue-category__border {
  border: 1px solid #000
}

.under-event .tab-content__grid .grid-box .ue-category .ue-somenova {
  background-color: #00c1d0
}

.under-event .tab-content__grid .grid-box .ue-category .ue-shops {
  background-color: #ff5467
}

.under-event .tab-content__grid .grid-box .ue-category .ue-others {
  background: #ff9e00
}

.under-event .tab-content__grid .grid-box .event-box1 {
  padding: 6px 25px 16px 25px
}

.under-event .tab-content__grid .grid-box .event-box1__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.under-event .tab-content__grid .grid-box .event-box1 h2 {
  position: relative;
  padding: 8px 0;
  font-size: 21px;
  text-align: left;
  font-weight: bold
}

.under-event .tab-content__grid .grid-box .event-box1__video {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 8px;
  font-size: 12px;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}

.under-event .tab-content__grid .grid-box .event-box1__video::before {
  content: "";
  display: inline-block;
  background-image: url(../img/event/event-logo1.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-right: 6px;
  image-rendering: -webkit-optimize-contract;
  width: 20px;
  height: 10px;
  background-size: contain;
  vertical-align: middle
}

.under-event .tab-content__grid .grid-box .event-box1 th {
  width: 18%;
  text-align: left;
  position: relative;
  font-weight: normal
}

.under-event .tab-content__grid .grid-box .event-box1 th::after {
  content: "：";
  position: relative;
  right: 0
}

.under-event .tab-content__grid .grid-box .event-box1 td {
  width: 82%
}

.under-event .tab-content__grid .grid-box .event-box1 tr {
  line-height: 1.9em
}

.under-event .tab-content__grid .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 42px;
  grid-auto-rows: minmax(100px, auto)
}

.under-event .tab-content .ue-pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 382px;
  width: 100%;
  margin: 0 auto;
  padding-top: 80px
}

.under-event .tab-content .ue-pagenation__list {
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 12px
}

.under-event .tab-content .ue-pagenation__list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-event .tab-content .ue-pagenation .active {
  background-color: #c83100;
  color: #fff;
  text-align: center
}

.under-event .tab-content .ue-pagenation .active a {
  color: #fff
}

.under-event .ue-content1 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.under-event .ue-content2 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.under-event .ue-content3 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.under-event .ue-content4 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.under-event #lamp {
  width: 25%;
  height: 2px;
  background: #f93200;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-event #lamp.ue-content1 {
  left: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-event #lamp.ue-content2 {
  left: 25%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-event #lamp.ue-content3 {
  left: 50%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-event #lamp.ue-content4 {
  left: 75%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in
}

.under-event .tab-buttons .tab-active {
  color: #f93200 !important
}

.event-detail {
  max-width: 803px;
  width: 100%;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}

.event-detail__top--img {
  margin-bottom: 84px
}

.event-detail__top--img .slick-slide {
  height: 230px
}

.event-detail__top--img .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.event-detail .ed-top {
  text-align: center;
  margin: 74px 0 100px 0
}

.event-detail .ed-top h1 {
  font-size: 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}

.event-detail .ed-top--img {
  width: 100%
}

.event-detail .ed-top--img img {
  width: 100%
}

.event-detail .ed-top .ue-category {
  max-width: 250px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 35px auto 44px auto;
  text-align: center;
  font-size: 14px
}

.event-detail .ed-top .ue-category__box1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff
}

.event-detail .ed-top .ue-category__box2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff
}

.event-detail .ed-top .ue-category__border {
  border: 1px solid #000
}

.event-detail .ed-top .ue-category .ue-somenova {
  background-color: #00c1d0
}

.event-detail .ed-top .ue-category .ue-shops {
  background-color: #ff5467
}

.event-detail .ed-top .ue-category .ue-others {
  background: #ff9e00
}

.event-detail .ed-overview {
  position: relative
}

.event-detail .ed-overview tr {
  line-height: 2em;
  text-align: left
}

.event-detail .ed-overview th {
  text-align: left;
  width: 20%
}

.event-detail .ed-overview__title {
  font-size: 18px;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 2;
  background-color: #fff;
  padding: 0 32px;
  text-align: center
}

.event-detail .event-detail-border {
  border: 1px solid #000;
  padding: 32px 34px;
  margin-bottom: 53px
}

.event-detail .ed-content {
  text-align: left;
  margin-bottom: 40px
}

.event-detail .ed-content h2 {
  font-size: 18px
}

.event-detail .ed-content h2::before {
  content: "■"
}

.event-detail .ed-content__detail {
  width: 100%;
  margin: 20px auto 0 auto;
  position: relative
}

.event-detail .ed-content__detail--text {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%
}

.event-detail .ed-content__detail--box {
  margin-bottom: 20px
}

.event-detail .ed-content__detail--box1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.event-detail .ed-content__detail--number {
  border: 1px solid #000;
  width: 25px;
  text-align: center
}

.event-detail .ed-content__detail--name {
  color: #fff;
  background-color: #000;
  padding: 0 8px;
  height: 26px;
  line-height: 26px
}

.ed-footer {
  background-color: #f7f7f7
}

.ed-footer__application {
  padding: 80px 0 120px 0
}

.ed-footer__application--title {
  font-size: 24px;
  text-align: center
}

.ed-footer__application--small {
  font-size: 14px;
  display: block;
  font-weight: normal
}

.ed-footer__card {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-top: 65px
}

.ed-footer__card1 {
  display: block;
  width: 379px;
  height: 127px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 16px #b1b1b1;
  box-shadow: 0 0 16px #b1b1b1;
  position: relative;
  font-weight: bold
}

.ed-footer__card1:nth-child(1) {
  margin-right: 20px
}

.ed-footer__card1:nth-child(2) {
  margin-left: 20px
}

.ed-footer__card1::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_black.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 8%;
  width: 20px;
  height: 20px
}

.ed-footer__card1 .tel {
  font-weight: normal
}

.ed-footer__tel {
  width: 15px;
  height: 27px;
  margin: 20px auto
}

.ed-footer__tel img {
  width: 100%
}

.ed-footer__mail {
  width: 22px;
  height: 16px;
  margin: 26px auto
}

.ed-footer__mail img {
  width: 100%
}

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

.ed-footer__img img {
  width: 25%
}

.ed-pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 46px auto 100px auto;
  padding: 40px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px
}

.ed-pagenation__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ed-pagenation__list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.ed-pagenation__list:nth-child(1) a {
  display: block;
  text-align: left
}

.ed-pagenation__list:nth-child(2) {
  font-weight: bold
}

.ed-pagenation__list:nth-child(3) a {
  display: block;
  text-align: right
}

.ed-pagenation__list .fa-angle-left {
  margin-right: 16px
}

.ed-pagenation__list .fa-angle-right {
  margin-left: 16px
}

.ed-pagenation .active {
  background-color: #c83100;
  color: #fff
}

.ed-pagenation .active a {
  color: #fff
}

.under-shop {
  max-width: 1215px;
  width: 100%;
  margin: 87px auto 160px auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}

.under-shop__toggle-contents {
  margin-bottom: 5px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-shop__toggle-contents dd {
  display: none;
  margin-top: 24px;
  padding-bottom: 34px
}

.under-shop__toggle-contents li {
  padding-bottom: 0;
  margin-bottom: 36px;
  border-bottom: 2px solid #d9d9d9;
  font-size: 14px
}

.under-shop__toggle-contents li:nth-last-child() {
  margin-bottom: 24px
}

.under-shop__toggle-contents h2 {
  font-weight: bold
}

.under-shop__toggle-contents h2 a {
  text-decoration: underline;
  color: #0056c4;
  font-size: 16px
}

.under-shop__toggle-title {
  position: relative;
  padding: 0 0 0 60px;
  cursor: pointer;
  font-size: 18px;
  height: 79px;
  line-height: 79px;
  background-color: #f7f7f7
}

.under-shop__toggle_btn {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%
}

.under-shop .under-shop__toggle_btn:before,
.under-shop .under-shop__toggle_btn:after {
  display: block;
  content: "";
  background-color: #000;
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.under-shop .under-shop__toggle_btn:before {
  width: 2px;
  height: 10px
}

.under-shop .under-shop__toggle-title.selected .under-shop__toggle_btn:before {
  content: normal
}

.under-shop__box1 {
  margin: 20px 0
}

.under-shop__box1--address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-shop__box1 .shop-tel::before {
  content: "TEL："
}

.under-shop__box2 {
  padding-bottom: 40px
}

.under-shop__box2 span {
  display: block
}

.under-shop__box2--cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold
}

.under-shop__box2--cover span {
  white-space: nowrap
}

.under-shop__box2--cover .off {
  color: #ccc;
  background-color: #ededed;
  font-weight: normal
}

.under-shop__box2--cover .on1 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on2 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on3 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on4 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on5 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on6 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on7 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on8 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on9 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on10 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--cover .on11 {
  border: 1.5px solid #000 !important;
  color: #000 !important;
  background-color: #fff !important
}

.under-shop__box2--category {
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 0 0.3% 0 0.3%;
  height: 40px;
  line-height: 40px;
  max-width: 143px;
  text-align: center
}

.under-shop__attention {
  text-align: right;
  font-size: 14px
}

.under-shop .under-shop__annotation {
  padding-bottom: 15px
}

.under-shop .under-shop__comment {
  padding: 15px;
  font-size: 14px;
  font-weight: bold
}

.under-shop .under-shop__comment span {
  padding-top: 10px;
  display: block;
  margin-left: auto
}

.under-shop .under-shop__comment form {
  max-width: 250px;
  margin-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 3px solid #d9d9d9;
  height: 42px
}

.under-shop .under-shop__comment form button {
  margin-left: auto;
  width: 30px
}

.under-shop .under-shop__comment form img {
  width: 17px
}

.under-shop .under-shop__comment form input {
  width: 100%;
  padding-left: 18px
}

.under-shop__toggle-subtitle {
  position: relative;
  padding: 0 0 0 60px;
  cursor: pointer;
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  background-color: #f7f7f7;
  margin-bottom: 20px
}

.under-shop__toggle-subtitle.-open .under-shop__toggle_btn::before {
  content: none
}

.under-shop__toggle-shoplist {
  display: none
}

.under-shop__toggle-shoplist .under-shop__caution {
  font-size: 12px
}

.sds-grey,
.under-form-breadcorn {
  background-color: #f7f7f7;
  width: 100vw !important;
  max-width: unset !important
}

.sds-grey ul,
.under-form-breadcorn ul {
  padding: 6px 14px !important;
  max-width: 1200px;
  margin: 0 auto
}

.under-sds,
.under-form__wrap {
  max-width: 890px;
  width: 100%;
  margin: 60px auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-sds input,
.under-sds textarea,
.under-form__wrap input,
.under-form__wrap textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 100%
}

.under-sds .nessesary,
.under-form__wrap .nessesary {
  margin-left: 10px;
  color: #fff;
  background-color: #000;
  padding: 0 8px;
  font-size: 12px;
}

.under-sds .lead-form,
.under-form__wrap .lead-form {
  text-align: center;
  font-size: 20px
}

.under-sds form,
.under-form__wrap form {
  width: 100%;
  margin: 0 auto
}

.under-sds .form-box1,
.under-form__wrap .form-box1 {
  max-width: 100%;
  width: 100%;
  margin: 60px auto
}

.under-sds .form-box1__label,
.under-form__wrap .form-box1__label {
  position: relative;
  display: inline-block;
  width: 220px;
  font-weight: bold
}

.under-sds .form-box1__cover,
.under-form__wrap .form-box1__cover {
  border: 1px solid #e5e5e5;
  margin-top: 20px;
  padding: 30px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.under-sds .form-box1__box,
.under-form__wrap .form-box1__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.under-sds .form-box1__box p,
.under-form__wrap .form-box1__box p {
  margin-bottom: 10px;
  font-weight: bold
}

.under-sds .form-box1__box label,
.under-form__wrap .form-box1__box label {
  display: block;
  margin-bottom: 8px;
  position: relative;
}

.under-sds .form-box1__box label span,
.under-form__wrap .form-box1__box label span {
  padding-left: 0.5em;
}

.under-sds .form-box1__box label,
.under-form__wrap .form-box1__box label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #000;
  width: 12px;
  height: 12px;
}

.under-sds .form-box1__box label input[type="checkbox"],
.under-form__wrap .form-box1__box label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
}

.under-sds .form-box1__box label input[type="checkbox"]:checked::after,
.under-form__wrap .form-box1__box label input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 4px;
  height: 8px;
  transform: rotate(40deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}

.under-sds .form-box1__attention,
.under-form__wrap .form-box1__attention {
  text-align: right;
  margin-top: 8px;
  font-size: 14px
}

.under-sds .form-box2,
.under-form__wrap .form-box2 {
  max-width: 706px;
  width: 100%;
  margin: 0 auto
}

.under-sds .item,
.under-form__wrap .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 20px
}

.under-sds .item__address-number,
.under-form__wrap .item__address-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.under-sds .item__address-number--1,
.under-form__wrap .item__address-number--1 {
  width: 145px;
  margin-bottom: 16px
}

.under-sds .item__address-number--pref,
.under-form__wrap .item__address-number--pref {
  width: 151px;
  margin-bottom: 16px
}

.under-sds .item__address-number__box,
.under-form__wrap .item__address-number__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-sds .item__address-number__box span,
.under-sds .item__address-number__box a,
.under-form__wrap .item__address-number__box span,
.under-form__wrap .item__address-number__box a {
  margin: 0 0 16px 16px;
  font-size: 14px
}

.under-sds .item__address-number__box a,
.under-form__wrap .item__address-number__box a {
  text-decoration: underline;
  cursor: pointer
}

.under-sds .item:nth-child(4),
.under-form__wrap .item:nth-child(4) {
  -webkit-box-align: unset;
  -webkit-align-items: unset;
  -ms-flex-align: unset;
  align-items: unset
}

.under-sds .item:nth-child(4) .label,
.under-form__wrap .item:nth-child(4) .label {
  margin-top: 9px
}

.under-sds .label,
.under-form__wrap .label {
  width: 35%;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}

.under-sds .inputs,
.under-form__wrap .inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-sds .inputs label,
.under-form__wrap .inputs label {
  margin-right: 10px
}

.under-sds input[type="text"],
.under-sds input[type="email"],
.under-sds input[type="tel"],
.under-sds input[type="number"],
.under-sds select,
.under-form__wrap input[type="text"],
.under-form__wrap input[type="email"],
.under-form__wrap input[type="tel"],
.under-form__wrap input[type="number"],
.under-form__wrap select {
  border: solid 1px #aaa;
  height: 38px;
  font-size: 15px
}

.under-sds select option:nth-child(1),
.under-form__wrap select option:nth-child(1) {
  color: #aaa
}

.under-sds textarea,
.under-form__wrap textarea {
  padding: 1em;
  border: solid 1px #aaa;
  height: 100px;
  line-height: 1.5;
  font-size: 15px
}

.under-sds__agree,
.under-form__wrap__agree {
  text-align: center;
  margin-top: 50px
}

.under-sds__agree a,
.under-form__wrap__agree a {
  text-decoration: underline
}

.under-sds .btn-area,
.under-form__wrap .btn-area {
  text-align: center;
  position: relative;
  width: 267px;
  margin: 45px auto
}

.under-sds .btn-area::before,
.under-form__wrap .btn-area::before {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_white.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  z-index: 99;
  cursor: pointer
}

.under-sds .btn-area input[type="submit"],
.under-form__wrap .btn-area input[type="submit"] {
  width: 100%;
  height: 64px;
  background: #e7380d;
  border: none;
  color: white;
  font-size: 14px;
  padding: 10px 20px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.under-sds .btn-area input[type="submit"]:hover,
.under-form__wrap .btn-area input[type="submit"]:hover {
  opacity: 0.5
}

.under-sds .btn-area-confirm,
.under-form__wrap .btn-area-confirm {
  max-width: 600px;
  margin: 0 auto;
  text-align: center
}

.under-sds .btn-area-confirm .submit,
.under-form__wrap .btn-area-confirm .submit {
  max-width: 267px;
  width: 100%;
  height: 64px;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative
}

.under-sds .btn-area-confirm .back,
.under-form__wrap .btn-area-confirm .back {
  color: #e7380d;
  border: 1px solid #e7380d;
  background-color: #fff
}

.under-sds .btn-area-confirm .back::after,
.under-form__wrap .btn-area-confirm .back::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_red.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  left: 8%;
  width: 20px;
  height: 20px;
  z-index: 99;
  cursor: pointer;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.under-sds .btn-area-confirm .next,
.under-form__wrap .btn-area-confirm .next {
  background: #e7380d;
  border: none;
  color: white
}

.under-sds .btn-area-confirm .next::before,
.under-form__wrap .btn-area-confirm .next::before {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_white.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  z-index: 99;
  cursor: pointer
}

@media all and (max-width: 1025px) {
  .post-type-archive-event_post #online {
    padding: 0 !important
  }
}

@media all and (max-width: 1024px) {
  .under-products h1 {
    font-size: 20px;
    margin: 10px 0
  }

  .under-products .grid-box h2 {
    text-align: left;
    font-size: 14px !important
  }

  .under-products .grid-box p {
    font-weight: normal !important;
    font-size: 13px
  }

  .under-products .product-ct {
    font-size: 14px
  }

  .under-event .event-box1 {
    padding: 16px !important
  }

  .under-event .event-box1 h2 {
    font-size: 18px !important
  }

  .under-event .event-box1__video {
    line-height: unset !important;
    font-size: 10px !important
  }

  .under-event .event-box1 h2 {
    margin: 0 !important
  }

  .under-event .event-box1 table th {
    width: 25% !important
  }

  .under-event .event-box1 table th::after {
    display: none
  }

  .under-event .ue-category {
    height: 32px !important;
    line-height: 32px !important
  }

  .under-event .grid {
    padding: 0 15px
  }

  .event-detail .ed-top {
    padding: 0 15px
  }

  .event-detail .ed-content {
    margin-bottom: 38px
  }

  .event-detail .ed-content h2 {
    text-align: left !important
  }

  .event-detail .ed-content__detail {
    margin: 10px auto
  }

  .ed-footer__application {
    margin: 0 15px
  }

  .under-shop__toggle-title {
    font-size: 16px
  }

  .under-shop__toggle-contents h2 {
    text-align: left !important
  }

  .under-shop__toggle-contents h2 a {
    font-size: 15px
  }

  .under-shop__box2--category {
    font-size: 10px !important;
    height: 24px;
    line-height: 24px
  }

  .under-shop .under-shop__comment form {
    max-width: 100%
  }

  .under-top-sds,
  .under-form {
    height: 160px
  }
}

@media all and (max-width: 768px) {
  .company-list tbody {
    display: block;
    width: 100
  }

  .company-list,
  .company-list tr,
  .company-list td,
  .company-list th {
    display: block
  }

  .company-list th {
    width: auto;
    border-bottom: unset;
    padding: 20px 20px 8px 20px
  }

  .company-list td {
    padding: 8px 20px 20px 20px;
    max-width: unset
  }

  .under-sds .form-box1__cover,
  .under-form__wrap .form-box1__cover {
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    padding: 30px 10px;
    display: block
  }

  .under-sds .form-box1__attention,
  .under-form__wrap .form-box1__attention {
    text-align: left
  }

  .under-sds .form-box2 .item,
  .under-form__wrap .form-box2 .item {
    display: block !important
  }

  .under-sds .form-box2 .label,
  .under-form__wrap .form-box2 .label {
    padding-left: 0 !important;
    width: 100% !important
  }

  .under-sds .form-box2 .nessesary,
  .under-form__wrap .form-box2 .nessesary {
    position: unset !important;
    padding: 2px;
    margin-left: 5px
  }

  .under-sds__agree,
  .under-form__wrap__agree {
    font-size: 13px
  }

  .under-sds .btn-area-confirm .submit,
  .under-form__wrap .btn-area-confirm .submit {
    height: 50px;
    line-height: 50px
  }

  .under-event .event-box1__title h2 {
    font-size: 16px !important
  }

  .under-event .event-box1__video {
    padding: 6px !important
  }

  .under-event .event-box1 table {
    font-size: 14px
  }

  .event-detail__top--img {
    margin-bottom: 59px
  }

  .event-detail .ed-top {
    margin: 60px auto 40px auto
  }

  .event-detail .ed-top h1 {
    font-size: 18px
  }

  .event-detail .ue-category {
    font-size: 13px;
    max-width: 181px !important;
    margin: 20px auto 25px auto !important
  }

  .event-detail .event-detail-border {
    padding: 36px 18px 0 20px !important
  }

  .event-detail .ed-overview__title {
    font-size: 16px;
    font-weight: bold
  }

  .event-detail .ed-overview table {
    font-size: 13px
  }

  .event-detail .ed-overview tr {
    display: block;
    margin-bottom: 12px
  }

  .event-detail .ed-overview th {
    width: 95px
  }

  .event-detail .ed-content {
    font-size: 14px
  }

  .event-detail .ed-content h2 {
    font-size: 14px;
    font-weight: bold
  }

  .event-detail .ed-content__detail--name {
    height: 23px;
    line-height: 23px
  }

  .ed-footer__application {
    padding: 50px 0
  }

  .ed-footer__application--title {
    font-size: 18px
  }

  .ed-footer__application--small {
    font-size: 12px
  }

  .ed-footer__card {
    display: block;
    padding-top: 36px
  }

  .ed-footer__card1 {
    width: unset;
    margin-bottom: 30px
  }

  .ed-footer__card1:nth-child(1) {
    margin-right: 0
  }

  .ed-footer__card1:nth-child(2) {
    margin-left: 0
  }

  .ed-footer__tel {
    padding-top: 27px;
    margin: 20px auto
  }

  .ed-footer__mail {
    padding-top: 32px;
    margin: 26px auto
  }

  .ed-pagenation__list {
    font-size: 13px
  }

  .under-shop__attention {
    font-size: 12px;
    text-align: left
  }
}

@media all and (max-width: 685px) {
  .tab-buttons {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 14px
  }

  .tab-buttons span {
    width: 100% !important
  }

  .under-products .grid {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important
  }

  .under-event .grid {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important
  }

  .btn-area-confirm .submit {
    display: block;
    margin: 0 auto 12px auto !important
  }
}

@media all and (min-width: 1024px) {
  .event-detail__top--img .slick-slide {
    height: 530px
  }

  .under-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .under-wrap .under-wrap__main {
    width: 100%;
    margin-right: 3%
  }

  .under-wrap .under-wrap__side {
    width: 312px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .under-top,
  .second-mv {
    padding: unset;
    width: 100vw;
    height: 294px;
    position: relative
  }

  .event-o01 .under-top {
    padding: unset;
    width: 100%;
    height: 294px;
    position: relative
  }

  .under-top img,
  .second-mv img {
    width: 100vw;
    height: 294px;
    position: absolute;
    left: 0;
    top: 0
  }

  .event-o01 .under-top img {
    width: 100%;
    height: 294px;
    position: absolute;
    left: 0;
    top: 0
  }

  .under-top h1,
  .under-top h2,
  .second-mv h1,
  .second-mv h2 {
    font-size: 34px
  }

  .under-top h1 span,
  .under-top h2 span,
  .second-mv h1 span,
  .second-mv h2 span {
    font-size: 22px
  }

  .under-breadcorn {
    padding: unset
  }

  .under-breadcorn ul {
    padding: 17px 14px 0
  }

  .under-singlelist ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .under-singlelist li {
    width: 49%
  }

  .under-singlelist li:nth-of-type(n+2) {
    margin-top: unset
  }

  .under-singlelist li:nth-of-type(n+3) {
    margin-top: 34px
  }

  .under-singlelist li:nth-of-type(odd) {
    margin-right: 2%
  }

  .under-singlelist .under-singlelist__content {
    font-size: 14px
  }

  .under-content__category li a {
    height: 58px;
    padding-left: unset
  }

  .under-single .under-single__title {
    font-size: 30px
  }

  .under-single .under-single__thumbnail {
    width: 100%
  }

  .under-gallery,
  .under-faq {
    max-width: 1200px;
    margin: 0 auto
  }

  .under-gallery__search,
  .under-faq__search {
    margin-top: 112px
  }

  .under-gallery__search .under-gallery__search-form,
  .under-gallery__search .under-faq__search-form,
  .under-faq__search .under-gallery__search-form,
  .under-faq__search .under-faq__search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .under-gallery__search h2,
  .under-faq__search h2 {
    text-align: left;
    font-size: 14px
  }

  .under-gallery__search h2 span,
  .under-faq__search h2 span {
    font-size: 50px
  }

  .under-gallery__search form,
  .under-faq__search form {
    margin-left: auto;
    width: 264px
  }

  .under-gallery__search .under-faq__search-category,
  .under-faq__search .under-faq__search-category {
    margin-top: 44px
  }

  .under-gallery__search .under-faq__search-category ul,
  .under-faq__search .under-faq__search-category ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    flex-wrap: wrap;
  }

  .under-gallery__search .under-faq__search-category ul li.active,
  .under-faq__search .under-faq__search-category ul li.active {
    border-bottom: 1px solid #e7380d
  }

  .under-gallery__search .under-faq__search-category ul li.active a,
  .under-faq__search .under-faq__search-category ul li.active a {
    color: #e7380d
  }

  .under-gallery__search .under-gallery__search-word,
  .under-gallery__search .under-faq__search-word,
  .under-faq__search .under-gallery__search-word,
  .under-faq__search .under-faq__search-word {
    margin-top: 44px
  }

  .under-gallery__search .under-gallery__search-word ul,
  .under-gallery__search .under-faq__search-word ul,
  .under-faq__search .under-gallery__search-word ul,
  .under-faq__search .under-faq__search-word ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .under-gallery__search .under-gallery__search-word ul li,
  .under-gallery__search .under-faq__search-word ul li,
  .under-faq__search .under-gallery__search-word ul li,
  .under-faq__search .under-faq__search-word ul li {
    padding: 1.5% 2% 0 0;
    font-size: 16px
  }

  .under-gallery__search .under-gallery__search-word ul li.active a,
  .under-gallery__search .under-faq__search-word ul li.active a,
  .under-faq__search .under-gallery__search-word ul li.active a,
  .under-faq__search .under-faq__search-word ul li.active a {
    color: #e7380d
  }

  .under-gallery__search .under-faq__search-word,
  .under-faq__search .under-faq__search-word {
    padding-bottom: 44px
  }

  .area .under-faqlist {
    display: none
  }

  .area .under-faqlist.show {
    display: block
  }

  .area .under-faqlist dl dt {
    border-top: 1px solid #e5e5e5;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    font-weight: bold
  }

  .area .under-faqlist dl dt::after {
    content: "";
    background-image: url("../img/column/arrow.jpg");
    background-repeat: no-repeat;
    background-size: 10px 6px;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
  }

  .area .under-faqlist dl dt.active::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  .area .under-faqlist dl dd {
    display: none
  }

  .area .under-faqlist dl dd>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f7;
    padding: 15px 20px
  }

  .area .under-faqlist dl dd>div p {
    padding-bottom: 15px
  }

  .area .under-faqlist dl:last-child {
    border-bottom: 1px solid #e5e5e5
  }

  .area .under-faqlist dl span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    margin-right: 20px
  }

  .under-gallerylist li,
  .under-faqlist li {
    width: 48%;
    margin: 33px 1% 0
  }

  .under-gallerylist li:nth-of-type(n+3),
  .under-faqlist li:nth-of-type(n+3) {
    width: 31%;
    margin: 60px 1% 0
  }

  .under-gallerysingle {
    padding: unset
  }

  .under-gallerysingle .under-gallerysingle__info {
    padding: unset
  }

  .under-gallerysingle .under-gallerysingle__info>p {
    font-size: 14px
  }

  .under-gallerysingle .under-gallerysingle__info .under-gallerysingle__title {
    margin-top: 22px;
    font-size: 30px
  }

  .under-gallerysingle .under-gallerysingle__slider {
    margin-top: 32px
  }

  .under-gallerysingle .under-gallerysingle__slider .slide-item img {
    width: 100%;
    height: 789px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb li {
    width: 11%
  }

  .under-gallerysingle .under-gallerysingle__slider .under-gallerysingle__slider-thumb li img {
    width: 100%;
    height: 102px
  }

  .under-gallerysingle .under-gallerysingle__content {
    margin-top: 120px;
    font-size: 16px
  }

  .under-gallerysingle .under-gallerysingle__material {
    margin-top: 52px
  }

  .under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content>p {
    font-size: 16px
  }

  .under-gallerysingle .under-gallerysingle__material .under-gallerysingle__material-content .under-gallerysingle__material-detail {
    font-size: 16px
  }
}

.under-privacy {
  padding: 52px 14px 0
}

.under-privacy p {
  font-size: 14px;
  padding-top: 15px
}

@media all and (min-width: 1023px) {
  .under-privacy {
    max-width: 1200px;
    margin: 63px auto 0
  }

  .under-privacy p {
    font-size: 16px;
    padding-top: 20px
  }
}

.under-guide {
  padding: 52px 14px 0
}

.under-shopping-guide__about {
  margin-top: 60px
}

.under-shopping-guide__about>p {
  font-size: 20px;
  font-weight: bold;
  text-align: center
}

.under-shopping-guide__about .under-shopping-giide__about-text {
  margin-top: 40px
}

.under-shopping-guide__about .under-shopping-giide__about-text>p:first-of-type {
  font-size: 16px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 6px
}

.under-shopping-guide__about .under-shopping-giide__about-text>p:nth-of-type(n+2) {
  margin-top: 18px
}

.under-shopping-guide__about .under-shopping-giide__about-text>p span {
  font-weight: bold
}

.under-shopping-guide__about .under-shopping-giide__about-text>p a {
  color: #005cff;
  text-decoration: underline
}

.under-shopping-guide__about .under-shopping-giide__about-text img {
  margin-top: 24px
}

@media all and (max-width: 1024px) {
  .under-shopping-guide__about .-pb {
    padding-bottom: 20px
  }
}

@media all and (min-width: 1023px) {
  .under-guide {
    max-width: 1200px;
    margin: 63px auto 0
  }

  .under-shopping-guide__about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .under-shopping-guide__about>p {
    min-width: 363px;
    font-size: 32px;
    font-weight: bold;
    text-align: left
  }

  .under-shopping-guide__about .under-shopping-giide__about-text {
    margin-top: 0
  }

  .under-shopping-guide__about .under-shopping-giide__about-text>p:first-of-type {
    font-size: 24px
  }

  .under-shopping-guide__about .under-shopping-giide__about-text>p span {
    font-size: 16px
  }

  .under-shopping-guide__about .under-shopping-giide__about-text:nth-of-type(n+2) {
    margin-top: 40px
  }
}

.under-online-item .slick-slide>img {
  height: 234px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-online-item .slick-arrow {
  position: absolute;
  z-index: 9;
  width: 23px;
  height: 37px;
  color: transparent;
  top: 47%
}

.under-online-item .slick-prev {
  background-image: url(../img/item/slide_arrow.svg)
}

.under-online-item .slick-next {
  background-image: url(../img/item/slide_arrow2.svg);
  right: 0
}

.under-online-item .slick-prev,
.under-online-item .slick-next {
  background-size: 23px 37px
}

.storycontent {
  margin-top: 20px
}

#thumbnail-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px
}

#thumbnail-list .thumbnail-item {
  width: 92px;
  height: 56px;
  margin-right: 4px
}

#thumbnail-list .thumbnail-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.under-shop-info {
  padding: 30px 14px
}

.under-shop-info .under-shop-info__new {
  font-size: 14px;
  font-weight: bold;
  color: #b30101
}

.under-shop-info h1 {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold
}

.under-shop-info .under-online-item__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 23px
}

.under-shop-info .under-online-item__price .price {
  padding-right: 23px;
  font-size: 22px
}

.under-shop-info .under-online-item__price .price span {
  font-size: 14px
}

.under-shop-info .under-online-item__price .zaiko {
  font-size: 12px
}

.under-shop-item__cart .under-shop-item__cart-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.under-shop-item__cart .under-shop-item__cart-button .skuquantity {
  width: 82px;
  height: 65px;
  background: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 0 21px;
  margin-right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.under-shop-item__cart .under-shop-item__cart-button .skubutton {
  background-color: #e7380d;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  position: relative;
  background-image: url("../img/item/cart.svg");
  background-repeat: no-repeat;
  background-position: 52px 26px
}

.under-online-item__info {
  padding-top: 38px;
  font-size: 14px
}

.under-online-item__info>p {
  padding-bottom: 25px
}

.under-online-item__info h2 {
  text-align: left;
  font-weight: bold;
  padding-bottom: 22px;
  font-size: 14px
}

.under-online-item__info h2.-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-online-item__info h2.-line>span {
  display: block;
  margin-left: 17px;
  width: 47%;
  height: 1px;
  background-color: #e6e6e6
}

.under-online-item__info dl {
  padding-bottom: 32px;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-online-item__info dl dt {
  width: 25%;
  margin-right: 5%
}

.under-online-item__info dl dd {
  width: 70%;
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-online-item__info dl dd:before {
  content: ":";
  position: relative;
  left: -5px
}

.under-online-item__info dl dt,
.under-online-item__info dl dd {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.under-online-item__info .under-online-item__info-colors {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 50px 50px 50px 50px 50px;
  grid-template-columns: 50px 50px 50px 50px 50px 50px;
  -ms-grid-rows: 50px 50px 50px 50px 50px;
  grid-template-rows: 50px 50px 50px 50px 50px;
  grid-gap: 2.6%
}

.under-online-item__info .under-online-item__info-colors a {
  display: block;
  width: 100%;
  height: 100%
}

.under-online-item__recommend {
  margin-top: 40px;
  padding-top: 50px;
  border-top: 1px solid #e6e6e6
}

.under-online-item__recommend .under-online-item__recommend-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 15px 0
}

.under-online-item__recommend .under-online-item__recommend-wrap>div {
  width: 48%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 23px
}

.under-online-item__recommend .under-online-item__recommend-wrap>div p:first-of-type {
  padding: 10px 0 10px;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.under-online-item__recommend .under-online-item__recommend-wrap>div p:last-of-type {
  font-size: 11px
}

.under-online-item__recommend .under-online-item__recommend-wrap>div p:last-of-type span {
  font-size: 10px
}

.under-online-item__recommend .under-online-item__recommend-wrap>div img {
  width: 100%;
  height: 104px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-online-item__recommend .under-online-item__recommend-wrap>div h3 {
  padding-top: 11px;
  font-weight: bold;
  font-size: 12px
}

/* item_option */
.item_option {
  width: 100%;
  margin: 20px auto;
}

.item_option caption {
  font-weight: bold;
  color: #e7380d;
}

.item_option th,
.item_option td {
  padding: 10px;
}

.item_option td select {
  width: 100%;
  padding: .5em;
  border: 1px solid #ccc;
}

@media all and (min-width: 481px) {
  .item_option td select {
    width: 75%;
  }
}

@media all and (min-width: 1023px) {
  .storycontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1080px;
    margin: 50px auto
  }

  .storycontent #wrap {
    margin-right: 37px;
    width: 600px
  }

  .under-online-item .slick-slide>img {
    width: 100%;
    height: 370px
  }

  #thumbnail-list {
    margin-top: 37px
  }

  #thumbnail-list .slick-arrow {
    width: 26px;
    height: 50px
  }

  #thumbnail-list .slick-next {
    background-size: 26px 50px
  }

  #thumbnail-list .thumbnail-item {
    width: 145px;
    height: 89px;
    margin-right: 6px
  }

  .under-shop-info {
    padding: 0;
    width: 443px;
  }

  .under-shop-info h1 {
    font-size: 18px
  }

  .under-shop-info h2 {
    font-size: 16px
  }

  .under-shop-info>p {
    font-size: 16px
  }

  .under-shop-info dl {
    font-size: 14px
  }

  .under-shop-info dd,
  .under-shop-info dt {
    padding-bottom: 10px
  }

  .under-shop-info .under-online-item__price {
    padding-top: 31px
  }

  .under-shop-info .under-online-item__price .price {
    font-size: 30px
  }

  .under-shop-info .under-online-item__info-colors {
    -ms-grid-columns: 38px 38px 38px 38px 38px 38px 38px 38px 38px 38px;
    grid-template-columns: 38px 38px 38px 38px 38px 38px 38px 38px 38px 38px;
    -ms-grid-rows: 38px 38px 38px;
    grid-template-rows: 38px 38px 38px;
    gap: 8px
  }

  .under-shop-item__cart .under-shop-item__cart-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .under-shop-item__cart .under-shop-item__cart-button span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 22px
  }

  .under-shop-item__cart .under-shop-item__cart-button .skubutton {
    height: 65px
  }

  .under-shop-item__cart .under-shop-item__cart-button .skuquantity {
    padding: 0 21px
  }

  .under-online-item__recommend {
    margin-top: 55px;
    padding-top: 100px
  }

  .under-online-item__recommend h2 {
    text-align: center;
    font-size: 14px;
    color: #1a1a1a
  }

  .under-online-item__recommend h2 span {
    display: block;
    font-size: 50px;
    color: #000;
    line-height: 1
  }

  .under-online-item__recommend .under-online-item__recommend-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 52px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div {
    width: 279px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div img {
    height: 172px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div h3 {
    padding-top: 18px;
    font-size: 16px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div p:first-of-type {
    font-size: 14px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div p:last-of-type {
    font-size: 14px
  }

  .under-online-item__recommend .under-online-item__recommend-wrap>div p:last-of-type span {
    font-size: 14px
  }
}

.under-onlineshop .under-onlineshop__items .under-onlineshop__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.under-onlineshop .under-onlineshop__items .under-onlineshop__detail h1 {
  font-size: 16px;
  font-weight: bold;
  padding-right: 16px
}

.under-onlineshop .under-onlineshop__items .under-onlineshop__detail p:first-of-type {
  font-size: 12px;
  color: #8c8c8c;
  font-weight: 500
}

.under-onlineshop .under-onlineshop__items ul {
  padding-top: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.under-onlineshop .under-onlineshop__items ul li {
  padding-bottom: 22px;
  max-width: 170px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.under-onlineshop .under-onlineshop__items ul li:nth-of-type(2n) {
  margin-left: 0px
}

@media all and (min-width: 1023px) and (max-width: 1175px) {
  .under-onlineshop .under-onlineshop__items ul li:nth-of-type(4n) {
    margin-right: 11px !important;
  }

  .under-onlineshop .under-onlineshop__items ul li:nth-of-type(3n) {
    margin-right: 0px
  }
}

.under-onlineshop .under-onlineshop__items ul li .images {
  position: relative
}

.under-onlineshop .under-onlineshop__items ul li .images img {
  width: 100%;
  height: 104px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-onlineshop .under-onlineshop__items ul li .images span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 10px;
  background-color: #e7380d;
  padding: 3px 4px;
  color: #fff
}

.under-onlineshop .under-onlineshop__items ul li a>p {
  padding-top: 10px;
  font-size: 12px;
  font-weight: bold
}

.under-onlineshop .under-onlineshop__items ul li .under-onlineshop__text h2 {
  display: none
}

.under-onlineshop .under-onlineshop__items ul li .under-onlineshop__text p {
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-top: 8px
}

.under-onlineshop .under-onlineshop__items ul li .price {
  padding-top: 3px;
  font-size: 12px;
  font-weight: 500
}

.under-onlineshop .under-onlineshop__items ul li .price span {
  font-size: 10px
}

.under-onlineshop__serach form>p {
  background-color: #d6d6d6;
  font-size: 12px;
  height: 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px;
  font-weight: bold
}

.under-onlineshop__serach form input {
  margin-right: 12px;
  appearance: none;
}

.under-onlineshop__serach form input:before {
  content: "";
  display: block;
  position: relative;
  left: -4px;
  top: -5px;
  background-image: url("../img/shop/circle.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat
}

.under-onlineshop__serach form input:checked:before {
  background-image: url("../img/shop/checked.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat
}

.under-onlineshop__serach form ul {
  padding: 0 15px
}

.under-onlineshop__serach form ul li {
  height: auto;
  border-bottom: 1px solid #e6e6e6
}

.under-onlineshop__serach form ul li:last-of-type {
  border-bottom: none
}

.under-onlineshop__serach form ul li label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.under-onlineshop__serach form .under-onlineshop__button {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0 15px 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-onlineshop__serach form .under-onlineshop__button input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  height: 45px
}

.under-onlineshop__serach form .under-onlineshop__button input:first-of-type {
  margin-right: 6px;
  border: 1px solid #1a1a1a;
  background-color: #fff;
  color: #1a1a1a;
  width: 120px
}

.under-onlineshop__serach form .under-onlineshop__button input:last-of-type {
  width: 100%;
  background-color: #1a1a1a;
  color: #fff;
  margin: 0
}

@media all and (min-width: 1023px) {
  .under-onlineshop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 47px 15px
  }

  .under-onlineshop .under-onlineshop__items ul {
    padding-top: 34px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .under-onlineshop .under-onlineshop__items ul li {
    margin-right: 11px;
  }

  .under-onlineshop .under-onlineshop__items ul .ue-pagenation__list {
    margin-right: 0;
  }

  .under-onlineshop .under-onlineshop__items ul li:nth-of-type(4n) {
    margin-right: 0px;
  }

  .under-onlineshop .under-onlineshop__items ul li {
    max-width: 220px;
  }

  .under-onlineshop .under-onlineshop__items ul li .images img {
    height: 141px;
    object-fit: cover;
    width: 220px;
  }

  .under-onlineshop .under-onlineshop__items ul li .images span {
    font-size: 11px;
    padding: 3px 6px
  }

  .under-onlineshop .under-onlineshop__items ul li a>p {
    font-size: 14px;
    padding-top: 13px
  }

  .under-onlineshop .under-onlineshop__items ul li .under-onlineshop__text p {
    font-size: 12px;
    padding-top: 13px
  }

  .under-onlineshop .under-onlineshop__items ul li .price {
    font-size: 14px
  }

  .under-onlineshop .under-onlineshop__items ul li .price span {
    font-size: 14px
  }

  .under-onlineshop .under-onlineshop__items .under-onlineshop__detail h1 {
    font-size: 28px
  }

  .under-onlineshop .under-onlineshop__items .under-onlineshop__detail p:first-of-type {
    font-size: 14px
  }

  .under-onlineshop__serach {
    display: block;
    width: 200px;
    margin-right: 45px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .under-onlineshop__serach form>p {
    background-color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 15px
  }

  .under-onlineshop__serach form ul {
    padding-bottom: 30px
  }

  .under-onlineshop__serach form ul li:first-of-type {
    border-top: 1px solid #e6e6e6;
    position: relative;
  }

  .under-onlineshop__serach form ul li:last-of-type {
    border-bottom: 1px solid #e6e6e6
  }

  .under-onlineshop__serach form ul li label {
    font-size: 13px;
    padding: 15px 0;
  }

  .under-onlineshop__serach form .under-onlineshop__button {
    position: static;
    margin-top: 20px
  }

  .under-onlineshop__serach .under-onlineshop__serach-wrap>P {
    display: none
  }

  .under-onlineshop__serach .under-onlineshop__serach-wrap .under-onlineshop__serach-close {
    display: none
  }
}

.icon-explanation {
  max-width: 1200px;
  margin: 0 auto;
  text-align: right;
  padding: 10px 0 0;
}

.product_child_category {
  padding: 0 0 0 0px !important;
}

.product_child_category li {
  padding-left: 10px;
}

@media all and (max-width: 767px) {
  .product_child_category {}

  .under-onlineshop__serach form ul li label {
    padding: 15px 0;
  }
}

@media all and (max-width: 1024px) {
  .under-onlineshop {
    padding: 27px 15px
  }

  .under-onlineshop__serach {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    overflow: scroll;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #fff
  }

  .under-onlineshop__serach .under-onlineshop__serach-wrap {
    position: relative;
    padding-bottom: 80px
  }

  .under-onlineshop__serach .under-onlineshop__serach-wrap>p {
    font-size: 16px;
    background-color: #f7f7f7;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .under-onlineshop__serach .under-onlineshop__serach-wrap .under-onlineshop__serach-close {
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 999
  }

  .under-onlineshop__modal-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 14px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99
  }

  .under-onlineshop__modal-button p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    color: #fff;
    background-color: #1a1a1a;
    font-size: 12px;
    font-weight: 500
  }

  .under-onlineshop__modal-button p img {
    width: 11px;
    height: 11px;
    margin-right: 4px
  }
}

.under-item-detail {
  height: 250px;
  position: relative
}

.under-item-detail>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.under-item-detail h1 {
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: bold;
  top: 25%;
  font-size: 30px;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7)
}

.under-item-detail h1 span {
  display: block;
  font-size: 12px;
  font-weight: 500
}

.under-item-detail .under-item-detail__shade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0000004d
}

.under-item-detail .under-item-detail__pdf {
  position: absolute;
  top: 70%;
  width: 100%;
  text-align: center
}

.under-item-detail .under-item-detail__pdf a {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  width: 130px;
  height: 27px
}

.under-item-detail .under-item-detail__pdf a img {
  width: 11px;
  height: 11px;
  margin-left: 5px
}

.under-item-detail__wrap .under-item-detail__catch {
  padding: 40px 15px 0;
  text-align: center
}

.under-item-detail__wrap .under-item-detail__catch p {
  font-size: 16px
}

.under-item-detail__wrap .under-item-detail__catch p span {
  display: block;
  padding-top: 5px;
  font-size: 12px
}

.under-item-detail__wrap .under-item-detail__catch .under-item-detail__catch-img {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.under-item-detail__wrap .under-item-detail__catch .under-item-detail__catch-img img {
  width: 32%;
  height: 78px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-item-detail__content {
  margin-top: 50px
}

.under-item-detail__content h2 {
  display: block;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 1
}

.under-item-detail__content h2 span {
  font-size: 40px
}

.under-item-detail__content-material {
  margin: 30px 15px;
  padding: 15px 20px;
  border: 1px solid #ededed
}

.under-item-detail__content-material ul li {
  font-size: 13px
}

.under-item-detail__content-technique {
  margin: 30px 15px
}

.under-item-detail__content-technique ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.under-item-detail__content-technique ul li {
  margin-bottom: 10px;
  width: 32%;
  background-color: #ededed;
  color: #bfbfbf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.under-item-detail__content-technique ul li.-on {
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  background-color: #fff
}

.under-item-detail__content-color {
  margin: 30px 15px
}

.under-item-detail__content-color .under-item-detail__content-color__list {
  font-size: 13px
}

.under-item-detail__content-color .under-item-detail__content-color__list>p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-item-detail__content-color .under-item-detail__content-color__list>p img {
  width: 12px;
  height: 12px;
  margin-right: 5px
}

.under-item-detail__content-color .under-item-detail__content-color__list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 15px
}

.under-item-detail__content-color .under-item-detail__content-color__list ul li {
  color: #aaa;
  border-bottom: 1px solid #aaa;
  width: 33.3%;
  text-align: center;
  padding-bottom: 10px;
  cursor: pointer;
}

.under-item-detail__content-color .under-item-detail__content-color__list ul li.-harf {
  width: 50%
}

.under-item-detail__content-color .under-item-detail__content-color__list ul li.-show {
  color: #b53e1d;
  border-color: #b53e1d;
}

.under-item-detail__content-color .under-item-detail__content-color__content {
  margin-top: 30px;
  display: none
}

.under-item-detail__content-color .under-item-detail__content-color__content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.under-item-detail__content-color .under-item-detail__content-color__content ul li {
  width: 20%;
  margin-bottom: 20px;
  text-align: center
}

.under-item-detail__content-color .under-item-detail__content-color__content ul li>div {
  width: 60px;
  height: 60px
}

.under-item-detail__content-color .under-item-detail__content-color__content ul li>p {
  padding-top: 5px;
  font-size: 10px
}

.under-item-detail__content-color .under-item-detail__content-color__content.-show {
  display: block
}

.under-item-detail__content-review,
.under-item-detail__content-column {
  margin: 30px 15px
}

.under-item-detail__content-review li,
.under-item-detail__content-column li {
  margin-bottom: 60px
}

.under-item-detail__content-review li img,
.under-item-detail__content-column li img {
  display: block;
  margin: 0 auto;
  width: 186px;
  height: 100%;
}

.column_movie_text {
  font-weight: bold;
}

.column_movie_text,
.column_movie_video {
  padding: 5px 7px 5px 14px;
}

.under-item-detail__content-column li video {
  width: 100%;
  height: auto;
}

@media all and (max-width: 1024px) {

  .under-item-detail__content-review li img,
  .under-item-detail__content-column li img {
    width: 100%;
    height: auto;
  }
}

.under-item-detail__content-review li div,
.under-item-detail__content-column li div {
  text-align: center
}

.under-item-detail__content-review li div p:first-of-type,
.under-item-detail__content-column li div p:first-of-type {
  display: inline-block;
  margin-top: 23px;
  font-size: 14px;
  padding: 5px 7px 5px 14px;
}

.under-item-detail__content-review li div p:first-of-type {
  background-color: #f5f5f5;
}

.under-item-detail__content-review li div p:last-of-type,
.under-item-detail__content-column li div p:last-of-type {
  font-size: 13px;
  padding-top: 10px;
  font-weight: 500;
  text-align: left;
  color: #1a1a1a
}

.under-item-detail__content-review li div h3,
.under-item-detail__content-column li div h3 {
  padding-top: 26px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #1a1a1a
}

.under-item-detail__recommend ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 15px 0
}

.under-item-detail__recommend ul li {
  width: 48%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 23px
}

.under-item-detail__recommend ul li p:first-of-type {
  padding: 10px 0 10px;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.under-item-detail__recommend ul li p:last-of-type {
  font-size: 11px
}

.under-item-detail__recommend ul li p:last-of-type span {
  font-size: 10px
}

.under-item-detail__recommend ul li img {
  width: 100%;
  height: 104px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-item-detail__recommend ul li h3 {
  padding-top: 11px;
  font-weight: bold;
  font-size: 12px
}

.under-item-detail__button {
  background-color: #f7f7f7;
  padding: 20px 15px
}

.under-item-detail__button ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-item-detail__button ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  background-color: #fff;
  position: relative;
  font-size: 12px
}

.under-item-detail__button ul li:first-of-type {
  width: 45%
}

.under-item-detail__button ul li:first-of-type a:after {
  content: "";
  background-image: url("../img/products/detail/button_arrow.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 5px;
  position: absolute;
  top: 46%;
  left: 5px
}

.under-item-detail__button ul li:last-of-type {
  width: 54%
}

.under-item-detail__button ul li:last-of-type a:after {
  content: "";
  background-image: url("../img/products/detail/button_arrow2.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 5px;
  position: absolute;
  top: 46%;
  right: 5px
}

@media all and (min-width: 1023px) {
  .under-item-detail {
    height: 600px
  }

  .under-item-detail h1 {
    font-size: 40px
  }

  .under-item-detail h1 span {
    font-size: 16px
  }

  .under-item-detail .under-item-detail__pdf a {
    font-size: 13px;
    width: 200px;
    height: 40px
  }

  .under-item-detail .under-item-detail__pdf a img {
    margin-left: 14px
  }

  .under-item-detail__wrap .under-item-detail__catch {
    padding: 87px 15px 0;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
  }

  .under-item-detail__wrap .under-item-detail__catch p {
    font-size: 24px
  }

  .under-item-detail__wrap .under-item-detail__catch p span {
    padding-top: 20px;
    font-size: 14px
  }

  .under-item-detail__wrap .under-item-detail__catch .under-item-detail__catch-img {
    padding-top: 50px
  }

  .under-item-detail__wrap .under-item-detail__catch .under-item-detail__catch-img img {
    width: 393px;
    height: 278px
  }

  .under-item-detail__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 15px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
  }

  .under-item-detail__content h2 {
    font-size: 14px;
    font-weight: 500
  }

  .under-item-detail__content h2 span {
    display: block;
    font-size: 50px;
    font-weight: bold
  }

  .under-item-detail__content>div,
  .under-item-detail__content ul {
    width: 803px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
  }

  .under-item-detail__content-material {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 37px 40px 37px 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .under-item-detail__content-material ul {
    text-align: right
  }

  .under-item-detail__content-material ul li {
    font-size: 14px;
    padding-bottom: 5px
  }

  .under-item-detail__content-material ul li:last-of-type {
    padding-bottom: 0
  }

  .under-item-detail__content-technique ul {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
  }

  .under-item-detail__content-technique ul li {
    margin: 0 8px 7px 0;
    width: 194px;
    height: 50px;
    font-size: 14px
  }

  .under-item-detail__content-technique ul li:nth-of-type(4n) {
    margin-right: 0
  }

  .under-item-detail__content-color .under-item-detail__content-color__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
  }

  .under-item-detail__content-color .under-item-detail__content-color__list>p {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .under-item-detail__content-color .under-item-detail__content-color__list>p img {
    margin-right: 10px
  }

  .under-item-detail__content-color .under-item-detail__content-color__list ul {
    margin-left: 53px
  }

  .under-item-detail__content-color .under-item-detail__content-color__content {
    margin-top: 16px
  }

  .under-item-detail__content-color .under-item-detail__content-color__content ul li {
    width: 67px;
    margin: 0 14px 15px 0
  }

  .under-item-detail__content-color .under-item-detail__content-color__content ul li>div {
    width: 67px;
    height: 67px
  }

  .under-item-detail__content-color .under-item-detail__content-color__content ul li>p {
    letter-spacing: 0
  }

  .under-item-detail__content-color .under-item-detail__content-color__content ul li:nth-of-type(10n) {
    margin-right: 0
  }

  .under-item-detail__content-review li,
  .under-item-detail__content-column li {
    margin-bottom: 141px
  }

  .under-item-detail__content-review li a,
  .under-item-detail__content-column li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .under-item-detail__content-review li a,
  .under-item-detail__content-column li .column_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .under-item-detail__content-review li a,
  .under-item-detail__content-column li .column_text_area img {
    width: 100%;
  }


  .under-item-detail__content-review li.-reverse a,
  .under-item-detail__content-column li.-reverse a,
  .under-item-detail__content-review li.-reverse a,
  .under-item-detail__content-column li.-reverse .column_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .under-item-detail__content-review li.-reverse a img,
  .under-item-detail__content-column li.-reverse a img {
    margin: 0 0 0 21px
  }

  .under-item-detail__content-review li img,
  .under-item-detail__content-column li img {
    margin: 0 21px 0 0;
    width: 241px;
    height: 100%;
  }

  .under-item-detail__content-review li div,
  .under-item-detail__content-column li div {
    text-align: left
  }

  .under-item-detail__content-review li div p:first-of-type,
  .under-item-detail__content-column li div p:first-of-type {
    margin-top: 0
  }

  .under-item-detail__content-review li div p:last-of-type,
  .under-item-detail__content-column li div p:last-of-type {
    font-size: 14px
  }

  .under-item-detail__content-review li div h3,
  .under-item-detail__content-column li div h3 {
    padding-top: 24px;
    font-size: 18px
  }

  .under-item-detail__recommend h2 {
    text-align: center;
    font-size: 14px;
    color: #1a1a1a
  }

  .under-item-detail__recommend h2 span {
    display: block;
    font-size: 50px;
    color: #000;
    line-height: 1
  }

  .under-item-detail__recommend ul {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 52px;
    justify-content: flex-start;
  }

  .under-item-detail__recommend ul li {
    width: 279px;
    box-sizing: border-box;
    padding: 0 10px;
  }

  .under-item-detail__recommend ul li img {
    height: 172px
  }

  .under-item-detail__recommend ul li h3 {
    padding-top: 18px;
    font-size: 16px
  }

  .under-item-detail__recommend ul li p:first-of-type {
    font-size: 14px
  }

  .under-item-detail__recommend ul li p:last-of-type {
    font-size: 14px
  }

  .under-item-detail__recommend ul li p:last-of-type span {
    font-size: 14px
  }

  .under-item-detail__button {
    margin-top: 90px;
    padding: 50px 15px 60px
  }

  .under-item-detail__button ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .under-item-detail__button ul li a {
    height: 60px;
    font-size: 14px
  }

  .under-item-detail__button ul li:first-of-type {
    margin-right: 16px;
    width: 236px
  }

  .under-item-detail__button ul li:first-of-type a:after {
    left: 21px
  }

  .under-item-detail__button ul li:last-of-type {
    width: 307px
  }

  .under-item-detail__button ul li:last-of-type a::after {
    right: 26px
  }
}

.under-howto-single h2 {
  font-size: 12px;
  color: #1a1a1a
}

.under-howto-single h2 span {
  font-size: 30px;
  color: #000000
}

.under-howto-single__cat {
  margin: 65px 0 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px
}

.under-howto-single__cat>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  background-color: #f7f7f7;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 20px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.under-howto-single__cat>div p {
  font-size: 11px
}

.under-howto-single__cat>div img {
  margin-right: 10px
}

.under-howto-single__cat>div.item img {
  width: 10px;
  height: 16px
}

.under-howto-single__cat>div.material img {
  width: 16px;
  height: 14px
}

.under-howto-single__cat>div.technique img {
  width: 15px;
  height: 16px
}

.under-howto-single__time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 14px;
  color: #808080;
  padding: 26px 15px 0 0
}

.under-howto-single__time img {
  width: 14px;
  height: 14px;
  margin-right: 8px
}

.under-howto-single__material {
  margin-top: 13px;
  padding: 0 20px;
  border-top: 1px solid #f7f7f7
}

.under-howto-single__material li {
  padding: 20px 0 18px;
  border-bottom: 1px solid #f7f7f7
}

.under-howto-single__material li p:first-of-type {
  font-size: 14px
}

.under-howto-single__material li p:last-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 10px;
  font-size: 13px
}

.under-howto-single__material li p:last-of-type span {
  display: inline-block;
  margin-left: auto
}

.under-howto-single__form {
  margin: 32px 15px;
  padding: 47px 15px 40px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(135, 135, 135, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(135, 135, 135, 0.3)
}

.under-howto-single__form>p {
  font-size: 18px;
  font-weight: bold;
  text-align: center
}

.under-howto-single__form>p span {
  display: block;
  font-size: 12px;
  color: #808080;
  padding-top: 5px;
  font-weight: 500
}

.under-howto-single__form ul {
  margin-top: 30px
}

.under-howto-single__form ul li {
  margin-bottom: 16px;
  position: relative
}

.under-howto-single__form ul li select,
.under-howto-single__form ul li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 45px;
  border: 1px solid #000000;
  font-size: 14px;
  border-radius: 5px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.under-howto-single__form ul li select::-webkit-input-placeholder,
.under-howto-single__form ul li input::-webkit-input-placeholder {
  color: #000
}

.under-howto-single__form ul li select:-ms-input-placeholder,
.under-howto-single__form ul li input:-ms-input-placeholder {
  color: #000
}

.under-howto-single__form ul li select::-ms-input-placeholder,
.under-howto-single__form ul li input::-ms-input-placeholder {
  color: #000
}

.under-howto-single__form ul li select::placeholder,
.under-howto-single__form ul li input::placeholder {
  color: #000
}

.under-howto-single__form ul li label:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 20px;
  top: 34%
}

.under-howto-single__form .under-howto-single__form-button {
  margin-top: 20px
}

.under-howto-single__form .under-howto-single__form-button>p {
  cursor: pointer;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  width: 142px;
  height: 40px;
  color: #fff;
  background-color: #e7380d;
  border-radius: 20px
}

.under-howto-single__form .under-howto-single__form-line {
  margin-top: 30px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #808080;
  position: relative
}

.under-howto-single__form .under-howto-single__form-line:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  background-color: #fff;
  position: absolute;
  left: 45%;
  top: -10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.under-howto-single__form-output {
  margin-top: 40px
}

.under-howto-single__form-output ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.under-howto-single__form-output ul li {
  margin-bottom: 24px;
  width: 30%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.under-howto-single__form-output ul li>p:first-of-type {
  display: block;
  margin-top: auto;
  font-size: 12px
}

.under-howto-single__form-output ul li>p:last-of-type {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  height: 65px;
  background-color: #f7f7f7
}

.under-howto-single__form-output>span {
  font-size: 11px;
  color: #808080
}

.under-howto-single__movie {
  padding: 57px 15px 0
}

.under-howto-single__movie iframe {
  margin-top: 22px;
  max-width: 100%;
  height: 197px
}

.under-howto-single__use {
  padding: 80px 15px 0
}

.under-howto-single__use ul {
  margin-top: 20px
}

.under-howto-single__use ul li {
  margin-bottom: 37px
}

.under-howto-single__use ul li>img {
  width: 100%;
  height: 349px;
  -o-object-fit: cover;
  object-fit: cover
}

.under-howto-single__use ul li .under-howto-single__use-text {
  margin-top: 22px
}

.under-howto-single__use ul li .under-howto-single__use-text>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.under-howto-single__use ul li .under-howto-single__use-text>div .number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 18px;
  width: 34px;
  height: 34px;
  background-color: #000000;
  color: #fff;
  font-size: 21px
}

.under-howto-single__use ul li .under-howto-single__use-text>div .title {
  font-size: 18px;
  font-weight: bold
}

.under-howto-single__use ul li .under-howto-single__use-text>div .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  padding: 8px 15px 8px 12px;
  background-color: #f7f7f7;
  font-size: 14px;
  line-height: 1
}

.under-howto-single__use ul li .under-howto-single__use-text>div .time>img {
  margin-right: 7px;
  width: 14px;
  height: 14px
}

.under-howto-single__use ul li .under-howto-single__use-text>p {
  padding-top: 24px;
  font-size: 14px
}

.under-howto-single__banner {
  margin-top: 35px;
  padding: 32px 15px;
  background-color: #f7f7f7
}

.under-howto-single__banner>a {
  display: block;
  position: relative;
  height: 102px
}

.under-howto-single__banner>a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.under-howto-single__banner>a h2 {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 13%
}

.under-howto-single__banner>a:after {
  content: "";
  background-image: url("../img/howto/single/banner_arrow.svg");
  background-repeat: no-repeat;
  background-size: 25px 6px;
  width: 25px;
  height: 6px;
  position: absolute;
  top: 47%;
  right: 16px
}

@media all and (max-width: 1024px) {
  .under-howto-single__cat>div.item {
    width: 40%
  }

  .under-howto-single__cat>div.material {
    width: 28%
  }

  .under-howto-single__cat>div.technique {
    width: 28%
  }
}

@media all and (min-width: 1023px) {
  .under-howto-single h2 {
    font-size: 14px;
    font-weight: 500
  }

  .under-howto-single h2 span {
    display: block;
    font-size: 40px
  }

  .under-howto-single__detail>h2 {
    margin-top: 47px
  }

  .under-howto-single__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 52px auto 0;
    padding: 0 15px;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .under-howto-single__cat {
    margin: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .under-howto-single__cat>div {
    padding: 16px 15px;
    margin-right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .under-howto-single__cat>div p {
    font-size: 14px
  }

  .under-howto-single__cat>div img {
    margin-right: 16px
  }

  .under-howto-single__cat>div.item {
    min-width: 202px
  }

  .under-howto-single__cat>div.item img {
    width: 14px;
    height: 22px
  }

  .under-howto-single__cat>div.material {
    min-width: 200px
  }

  .under-howto-single__cat>div.material img {
    width: 23px;
    height: 21px
  }

  .under-howto-single__cat>div.technique {
    min-width: 151px
  }

  .under-howto-single__cat>div.technique img {
    width: 23px;
    height: 23px
  }

  .under-howto-single__detail {
    width: 692px
  }

  .under-howto-single__form {
    width: 430px;
    height: 655px;
    margin: 0
  }

  .under-howto-single__time {
    padding: 15px 15px 0 0
  }

  .under-howto-single__material {
    margin-top: 10px
  }

  .under-howto-single__material li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 29px 0 24px;
    width: 100%
  }

  .under-howto-single__material li p {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px
  }

  .under-howto-single__material li p:first-of-type {
    width: 30%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .under-howto-single__material li p:last-of-type {
    padding-top: 0;
    width: 70%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .under-howto-single__material li p:last-of-type span {
    margin-left: 0
  }

  .under-howto-single__movie {
    padding: 97px 15px 0;
    text-align: center;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
  }

  .under-howto-single__movie iframe {
    margin-top: 22px;
    min-width: 1190px;
    height: 675px
  }

  .under-howto-single__use {
    padding: 95px 15px 0;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .under-howto-single__use h2 {
    text-align: center
  }

  .under-howto-single__use ul {
    margin-top: 50px
  }

  .under-howto-single__use ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 26px
  }

  .under-howto-single__use ul li>img {
    margin-right: 62px;
    width: 383px;
    height: 271px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .under-howto-single__use ul li .under-howto-single__use-text {
    margin-top: 0
  }

  .under-howto-single__use ul li .under-howto-single__use-text>div .number {
    width: 42px;
    height: 42px;
    font-size: 25px
  }

  .under-howto-single__use ul li .under-howto-single__use-text>div .title {
    font-size: 20px
  }

  .under-howto-single__use ul li .under-howto-single__use-text>div .time {
    margin-left: 0
  }

  .under-howto-single__banner {
    margin-top: 100px;
    padding: 58px 15px
  }

  .under-howto-single__banner>a {
    margin: 0 auto;
    width: 588px;
    height: 172px
  }

  .under-howto-single__banner>a h2 {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    top: 31%;
    line-height: 1.3
  }

  .under-howto-single__banner>a h2 span {
    display: block;
    font-size: 30px;
    font-weight: bold
  }
}

.mw_wp_form_confirm .confirm_none {
  display: none
}

.mw_wp_form_confirm .input-wrap {
  margin: 50px 0
}

.mw_wp_form_confirm .nessesary {
  display: none
}

.mw_wp_form_input .input_none {
  display: none
}

@media all and (max-width: 1024px) {
  .mw_wp_form .item {
    display: block
  }

  .mw_wp_form .label {
    width: 100%;
    margin-bottom: 5px
  }

  .mw_wp_form .inputs {
    display: block
  }

  .mw_wp_form .inputs span.horizontal-item {
    margin-left: 0;
    display: block
  }
}

.under-search {
  max-width: 800px;
  margin: 30px auto;
  padding: 0 15px
}

.under-search ul {
  margin-top: 20px
}

.under-search ul li {
  padding: 20px 0;
  border-bottom: 1px solid #c8c8c8
}

.under-search ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.under-search ul li a img {
  width: 100px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px
}

.under-search ul li a h2 {
  font-weight: bold;
  font-size: 14px;
  text-align: left
}

@media all and (min-width: 1023px) {
  .under-search {
    margin: 60px auto
  }

  .under-search ul li {
    padding: 30px 0
  }

  .under-search ul li a img {
    width: 200px;
    height: 160px;
    margin-right: 15px
  }

  .under-search ul li a h2 {
    font-size: 16px
  }
}

.under-history {
  margin: 0 auto;
  padding: 100px 15px;
  max-width: 830px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-history__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px
}

.under-history__card .under-history__card-text {
  font-size: 16px
}

.under-history__card .under-history__card-text h2 {
  font-size: 24px;
  padding-bottom: 10px;
  font-weight: bold
}

.under-history__card .under-history__card-text h2:nth-of-type(2) {
  padding-top: 20px
}

.under-history__card .under-history__card-img {
  margin-left: 54px;
  text-align: center
}

.under-history__card .under-history__card-img p {
  padding-top: 17px;
  font-size: 14px;
  color: #87817f
}

.under-history__card.-revers .under-history__card-img {
  margin: 0 54px 0 0
}

@media all and (max-width: 1024px) {
  .under-history {
    padding-top: 50px
  }

  .under-history img {
    width: 80%
  }

  .under-history__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .under-history__card.-revers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .under-history__card.-revers .under-history__card-img {
    margin: 15px auto
  }

  .under-history__card .under-history__card-text h2 {
    font-size: 20px;
    text-align: left
  }

  .under-history__card .under-history__card-img {
    margin: 15px auto
  }

  .under-history__card .under-history__card-img p {
    padding-top: 10px
  }
}

@media all and (min-width: 1023px) {

  .under-history__card.history-03 img,
  .under-history__card.history-07 img {
    width: 300px
  }

  .under-history__card.history-08 img {
    width: 350px
  }
}

.under-goal h2 {
  font-size: 50px;
  color: #fff;
  padding-bottom: 20px
}

.under-goal h3 {
  font-size: 26px;
  color: #fff;
  padding-bottom: 33px
}

.under-goal p {
  font-size: 14px;
  color: #fff
}

.under-goal__content {
  position: relative
}

.under-goal__content.-mission {
  padding: 225px 0 190px;
  background-image: url("../img/goal/mission.png");
  background-repeat: no-repeat;
  background-size: cover
}

.under-goal__content.-mission .under-goal__item {
  max-width: 695px
}

.under-goal__content.-value {
  padding: 136px 0 119px;
  background-image: url("../img/goal/value.png");
  background-repeat: no-repeat;
  background-size: cover
}

.under-goal__content.-value .under-goal__item {
  max-width: 570px;
  margin-left: auto
}

.under-goal__content.-value p {
  padding-bottom: 50px
}

.under-goal__content .under-breadcorn {
  position: absolute;
  top: 0
}

.under-goal__content .under-breadcorn ul li {
  color: #fff
}

.under-goal__content .under-breadcorn ul li a {
  color: #fff
}

.under-goal__content .under-gola__itemwrap {
  max-width: 1200px;
  margin: 0 auto
}

@media all and (max-width: 1024px) {
  .under-goal__content.-mission {
    padding: 100px 15px
  }

  .under-goal__content.-value {
    padding: 136px 15px 119px
  }

  .under-goal h2 {
    font-size: 30px;
    text-align: left
  }

  .under-goal h3 {
    font-size: 18px
  }
}

.under-company__qms {
  padding: 40px 0
}

.under-company__qms p {
  padding-bottom: 20px
}

.under-company__qms .under-company__qms-date {
  text-align: right;
  font-size: 14px
}

.under-company__qms .under-company__qms-logo {
  text-align: center;
  font-size: 14px
}

@media all and (min-width: 1023px) {
  .under-company__qms {
    max-width: 800px;
    margin: 40px auto
  }

  .under-company__qms p {
    padding-bottom: 25px
  }
}

#content {
  padding: 100px 10px 0
}

.send {
  margin-top: 20px;
  text-align: center;
}

.send input {
  padding: 10px 20px;
  border-radius: 5px;
  vertical-align: baseline;
}

.customer_form input,
.customer_form select {
  border: 1px solid #bbb;
  padding: 0.5714285em
}

.customer_form textarea {
  width: 100%;
  max-width: 500px;
  height: 100px
}

#loginform input {
  border: 1px solid #bbb;
  padding: 0.5714285em
}

@media all and (min-width: 1023px) {
  #content {
    padding-top: 150px;
    width: 1000px;
    margin: 0 auto
  }

  .send {
    margin-top: 40px
  }

  .send input {
    padding: 20px 30px
  }
}

.under-storelist-search {
  max-width: 1200px;
  padding: 0px 15px;
  margin: 20px auto;
  margin-bottom: 5px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.under-storelist-search dd {
  display: none;
  margin-top: 24px;
  padding-bottom: 34px
}

.under-storelist-search li {
  padding-bottom: 0;
  margin-bottom: 36px;
  border-bottom: 2px solid #d9d9d9;
  font-size: 14px
}

.under-storelist-search li.nokeyword {
  border-bottom: none;
  font-weight: bold;
  font-size: 16px;
}

.under-storelist-search li:nth-last-child() {
  margin-bottom: 24px
}

.under-storelist-search h2 {
  font-weight: bold
}

.under-storelist-search h2 a {
  text-decoration: underline;
  color: #0056c4;
  font-size: 16px
}

@media all and (max-width: 1024px) {
  .under-storelist-search h2 {
    text-align: left !important
  }

  .under-storelist-search h2 a {
    font-size: 15px
  }
}

.pc-only {
  display: block
}

.sn-pc-only {
  display: block
}

.sp-only {
  display: none
}

.sn-sp-only {
  display: none !important
}

.sn-shadow {
  -webkit-box-shadow: 0 0 8px #c2c2c2;
  box-shadow: 0 0 8px #c2c2c2
}

.somenova-logo img {
  padding-bottom: 0 !important
}

.sn-header {
  position: relative;
  width: 100%;
  z-index: 9999;
  padding: 32px 0;
  background-color: #fff;
  height: unset !important;
  line-height: unset
}

.sn-header .head_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: unset !important;
  margin: 0 42px 0 60px
}

.sn-header .header-01-logo {
  width: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-header .header-01-logo a:first-child {
  padding-right: 20px;
}

.sn-header .header-01-logo img {
  width: 100%
}

.sn-header .header-01-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-header .header-01-nav__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-header .header-01-nav__content {
  font-weight: bold
}

.sn-header .header-01-nav__content:not(.inner_head) {
  margin: 0 !important;
  margin-right: 36px !important
}

.sn-header .header-01-nav__content:last-child {
  margin-right: 40px !important
}

.sn-header .header-01-nav__content a {
  font-size: 14px !important
}

.sn-header .header-01-lang {
  font-size: 12px;
  border-left: 1px solid #ccc;
  padding-left: 42px
}

.sn-header .header-01-lang a {
  color: #ccc
}

.sn-header .header-01-lang .active {
  color: #000
}

.sn-news {
  max-width: 620px;
  width: 100%;
  margin: 90px auto 98px auto;
  font-size: 14px
}

.sn-calendar {
  max-width: 620px;
  width: 100%;
  margin: 90px auto 30px auto;
  font-size: 14px
}

.sn-news h1 {
  text-align: center;
  font-size: 50px;
  font-family: "Crimson Text", serif;
  font-weight: 100
}

.sn-news h2 {
  text-align: center;
  font-size: 50px;
  font-family: "Crimson Text", serif;
  font-weight: 100
}

.sn-calendar h2 {
  text-align: center;
  font-size: 50px;
  font-family: "Crimson Text", serif;
  font-weight: 100
}

.sn-news__sub {
  display: block;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: normal
}

.sn-calendar__sub {
  display: block;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: normal
}

.sn-calendar_box {
  display: flex;
  width: 620px;
  height: 456px;
  overflow-x: scroll;
}

.sn-calendar_box::-webkit-scrollbar {
  height: 14px;
  /* スクロールバーの高さ */
}

.sn-calendar_box::-webkit-scrollbar-thumb {
  background: #d2b48c;
  /* ツマミの色 */
  border-radius: 7px;
  /* ツマミ両端の丸み */
}

.sn-calendar_box::-webkit-scrollbar-track {
  background: #f5deb3;
  /* トラックの色 */
  border-radius: 7px;
  /* トラック両端の丸み */
}

.sn-calendar_box div {
  width: 100%;
  margin: 5px;
  flex-shrink: 0;
}

.sn-calendar .scrollAnnounce {
  width: fit-content;
  margin: 30px auto;
  font-size: 14px;
  font-weight: bold;
}

.sn-calendar .openHourInfo {
  box-sizing: border-box;
  width: calc(100% - 30px);
  max-width: 620px;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #1a1a1a;
  line-height: 1.5;
  font-weight: bold;
  color: #e7380d;
}

.sn-news ul {
  margin: 50px auto
}

.sn-news li {
  line-height: 1.6em;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px
}

.sn-news__date {
  margin-right: 15px;
  color: #999
}

.sn-news__button {
  display: block;
  width: 267px;
  margin: 0 auto;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border: 1px solid #000;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.sn-news__button::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_black.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.sn-news__button:hover {
  background-color: #e7380d;
  border: 1px solid #e7380d;
  color: white
}

.sn-news__button:hover::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_white.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  z-index: 99;
  cursor: pointer
}

.sn-under-top {
  height: 573px
}

.sn-under-top h1 {
  font-size: 53px;
  font-weight: bold
}

.sn-under-top h1 span {
  font-size: 16px
}

.sn-under-top h1 span:nth-child(1) {
  margin-top: 32px
}

.sn-under-top img {
  height: 573px
}

.sn-under {
  max-width: 100%;
  width: 100%;
  overflow-x: hidden
}

.sn-section {
  max-width: 80%;
  width: 100%;
  margin-bottom: 65px
}

.sn-section__mv {
  width: 100%
}

.sn-section__mv img {
  width: 100%
}

.sn-section__leading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 967px;
  width: 100%;
  background-color: #fff;
  margin: 0 0 0 auto;
  padding: 54px 88px 20px 64px;
  position: relative;
  top: -76px;
  right: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.sn-section__leading .sn-cover1 {
  margin-right: 8%
}

.sn-section__title h1 {
  font-size: 50px;
  font-family: "Crimson Text", serif;
  font-weight: 100
}

.sn-section__title h2 {
  font-size: 50px;
  font-family: "Crimson Text", serif;
  font-weight: 100
}

.sn-section__title span {
  font-size: 14px;
  margin-left: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: normal
}

.sn-section__button {
  display: block;
  width: 267px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border: 1px solid #000;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 14px
}

.sn-section__button::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_black.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  z-index: 2;
  cursor: pointer
}

.sn-section__button:hover {
  background-color: #e7380d;
  border: 1px solid #e7380d;
  color: white
}

.sn-section__button:hover::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_white.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  right: 8%;
  width: 20px;
  height: 20px;
  z-index: 3;
  cursor: pointer
}

.sn-access {
  background-color: #f7f7f7;
  padding: 72px 0
}

.sn-access h1 {
  text-align: center;
  max-width: 273px;
  margin: 0 auto;
  margin-bottom: 46px
}

.sn-access h1 img {
  width: 100%
}

.sn-access__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1201px;
  width: 100%;
  margin: 0 auto
}

.sn-access__box h2 {
  font-weight: bold !important
}

.sn-access__left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.sn-access__right {
  width: 753px;
  height: 300px
}

.sn-access__right iframe {
  width: 100%;
  height: 300px
}

.sn-access__store1 {
  margin-bottom: 32px
}

.sn-access__store1 span {
  font-size: 12px
}

.sn-access__store2 span {
  font-weight: bold
}

.sn-access__store1,
.sn-access__store2 {
  font-size: 14px
}

.sn-access__store1 h2,
.sn-access__store2 h2 {
  text-align: left;
  width: 18%;
  position: relative
}

.sn-access__store1 h2::after,
.sn-access__store2 h2::after {
  content: "：";
  position: absolute;
  right: 0
}

.sn-access__sns {
  max-width: 1201px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-access__sns a {
  display: block;
  margin-right: 40px;
  width: 25px;
  height: 24px
}

.sn-access__sns img {
  width: 25px;
  height: 24px
}

.sn-access .sn-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.sn-footer {
  height: auto !important;
  background-color: #fff;
  padding-top: 0 !important;
  margin-top: 0 !important
}

.sn-footer nav {
  height: auto !important;
  padding: 50px;
  background-color: unset
}

.sn-footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px !important
}

.sn-footer-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0 !important
}

.sn-footer-nav ul li:not(.sds)::before {
  content: none
}

.sn-footer-nav__list {
  padding: 0 20px;
  border-right: 1px solid #000
}

.sn-footer-nav__list:last-child {
  border-right: unset
}

.sn-footer-nav a {
  max-width: 182px;
  width: 100%
}

.sn-footer-nav .copyright {
  background-color: #131200;
  color: white;
  line-height: 40px;
  font-size: 12px
}

.rental-top h1 {
  font-size: 50px !important;
  font-weight: 100
}

.rental-top span {
  font-size: 14px !important;
  font-family: "游ゴシック体"
}

.lesson-top h1 {
  font-size: 50px !important;
  font-weight: 100
}

.lesson-top span {
  font-size: 14px !important;
  font-family: "游ゴシック体"
}

.sn-head {
  max-width: 1213px;
  width: 100%;
  margin: 98px auto 102px auto;
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.sn-head__textbox {
  padding: 66px 15px 0 15px;
  margin-bottom: 140px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.sn-head__title {
  font-size: 14px
}

.sn-head__text {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.9em
}

.sn-head__img1 {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: -99;
  max-width: 782px
}

.sn-head__img1 img {
  max-width: 100%
}

.sn-contents {
  max-width: 834px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 85px
}

.sn-contents .sn-rental-fee {
  margin: 0 auto;
  position: relative
}

.sn-contents .sn-rental-fee__detail {
  max-width: 342px;
  width: 100%;
  margin: 45px auto;
  background-color: #f7f7f7;
  text-align: center;
  position: relative;
  padding: 45px 30px 30px 30px
}

.sn-contents .sn-rental-fee__detail--text {
  font-weight: bold;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%
}

.sn-contents .sn-rental-fee__detail--day {
  margin-bottom: 0;
  font-size: 20px;
}

.sn-contents .sn-rental-fee__detail--comment {
  font-size: 20px;
}

.sn-contents .sn-rental-fee__detail--price {
  font-size: 35px;
  margin-bottom: 0;
  font-weight: bold
}

.sn-contents .sn-rental-fee__detail--price span {
  font-size: 14px;
  font-weight: normal
}

.sn-contents .sn-rental-fee__detail--example {
  font-size: 13px;
  margin-bottom: 20px;
}

.sn-contents .sn-rental-fee__center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px
}

.sn-contents .sn-rental-fee__list::before {
  content: "＊"
}

.sn-contents .sn-rental-equipment {
  position: relative
}

.sn-contents .sn-rental-equipment__columns {
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 26px;
  column-gap: 26px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 80%
}

.sn-contents .sn-rental-equipment__list {
  list-style-type: disc
}

.sn-contents .sn-rental-equipment__list:last-child {
  position: relative
}

.sn-contents .sn-rental-equipment__list:last-child::after {
  /*content: "など";*/
  position: absolute;
  right: 0
}

.sn-contents .sn-rental-consumables {
  position: relative
}

.sn-contents .sn-rental-consumables ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sn-contents .sn-rental-consumables__list {
  list-style-type: disc;
  margin-right: 40px
}

.sn-contents .sn-rental-goods {
  position: relative
}

.sn-contents .sn-rental-goods__text {
  text-align: center
}

.sn-contents .sn-rental-title {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 99;
  background-color: #fff;
  padding: 0 40px;
  text-align: center;
  font-weight: bold !important;
  white-space: nowrap
}

.sn-contents .sn-border {
  border: 1px solid #000;
  padding: 45px 0 36px 0;
  margin-bottom: 46px
}

.sn-contents .sn-attention h2 {
  width: 137px;
  margin: 20px auto;
  padding: 8px;
  text-align: center;
  color: #fff;
  background-color: #000;
  font-size: 14px
}

.sn-contents .sn-attention__list {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8em
}

.sn-contents .sn-attention__list::before {
  content: "＊"
}

.sn-contents .sn-lesson-detail {
  position: relative
}

.sn-contents .sn-lesson-detail table {
  margin-left: 44px
}

.sn-contents .sn-lesson-detail tr {
  line-height: 2em
}

.sn-contents .sn-lesson-detail th {
  text-align: left;
  width: 25%;
  padding-bottom: 6px
}

.sn-contents .sn-lesson-content h2 {
  margin-bottom: 12px
}

.sn-contents .sn-lesson-content h2::before {
  content: "■"
}

.sn-contents .sn-lesson-content p:nth-child(1) {
  margin-bottom: 38px
}

.sn-contents .sn-lesson-content__detail {
  width: 100%;
  margin: 60px auto;
  background-color: #f7f7f7;
  text-align: center;
  position: relative
}

.sn-contents .sn-lesson-content__detail--text {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%
}

.sn-contents .sn-lesson-content__detail--price {
  font-size: 32px;
  margin-bottom: 50px
}

.sn-contents .sn-lesson-content__detail--price span {
  font-size: 14px
}

.sn-contents .sn-lesson-content__detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 77px 34px 58px 34px
}

.sn-contents .sn-lesson-content__detail .sn-select::before {
  display: none
}

.sn-contents .sn-lesson-content__detail .sn-select__name {
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  margin-top: 15px;
  margin-bottom: 0 !important
}

.sn-contents .sn-lesson-content__detail .sn-select__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.sn-contents .sn-lesson-content__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-contents .sn-lesson-content__item--number {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
  background-color: #000
}

.sn-contents .sn-lesson-content__item .l-item1 {
  width: 100px;
  height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto
}

.sn-contents .sn-lesson-content__item .l-item2 {
  width: 100px;
  height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto
}

.sn-contents .sn-lesson-content__item .l-item3 {
  width: 100px;
  height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto
}

.sn-contents .sn-lesson-content__item .l-item4 {
  width: 100px;
  height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto
}

.sn-contents .sn-lesson-content__item .l-item5 {
  width: 100px;
  height: 86px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto
}

.sn-contents .sn-lesson-content__time--span::before {
  content: "＊"
}

.sn-contents .sn-lesson-content__others--span::before {
  content: "＊"
}

.sn-contents .sn-lesson-time {
  margin-bottom: 40px
}

.sn-contents .sn-lesson-time p {
  margin-top: 18px
}

.sn-contents .sn-lesson-others h2 {
  margin-bottom: 18px
}

.sn-contents .sn-lesson-time h2::before,
.sn-contents .sn-lesson-others h2::before {
  content: "■"
}

.sn-rental-footer__application {
  background-color: #f7f7f7;
  padding: 80px 0
}

.sn-rental-footer__application--title {
  font-size: 24px;
  text-align: center
}

.sn-rental-footer__application--small {
  font-size: 14px;
  display: block;
  font-weight: normal
}

.sn-rental-footer__application .tel {
  font-weight: normal
}

.sn-rental-footer__card {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-top: 65px
}

.sn-rental-footer__card1 {
  display: block;
  width: 379px;
  height: 127px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 16px #b1b1b1;
  box-shadow: 0 0 16px #b1b1b1;
  position: relative;
  font-weight: bold
}

.sn-rental-footer__card1::after {
  content: "";
  display: inline-block;
  background-image: url(../img/svg/more_black.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 8%;
  width: 20px;
  height: 20px
}

.sn-rental-footer__card1:nth-child(1) {
  margin-right: 20px
}

.sn-rental-footer__card1:nth-child(2) {
  margin-left: 20px
}

.sn-rental-footer__card1 p {
  font-weight: bold
}

.sn-rental-footer__tel {
  width: 15px;
  height: 27px;
  margin: 20px auto
}

.sn-rental-footer__tel img {
  width: 100%
}

.sn-rental-footer__mail {
  width: 22px;
  height: 16px;
  margin: 26px auto
}

.sn-rental-footer__mail img {
  width: 100%
}

.sn-rental-footer__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sn-rental-footer__img img {
  width: 25%
}

@media all and (min-width: 1025px) {
  .sn-under {
    padding-top: 100px !important
  }
}

@media all and (max-width: 1200px) {
  .sn-access__left {
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .sn-access__right {
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .sn-access__sns {
    padding-left: 15px
  }
}

@media all and (max-width: 1024px) {

  /* .sn-under {
    display: none
  } */
  .sn-under .sp-only {
    display: block !important
  }

  .sn-under .sn-sp-only {
    display: none
  }

  .somenova-logo {
    position: absolute !important;
    left: 15px;
    top: 10px !important;
    background-color: unset;
    bottom: unset;
    border-radius: unset;
    height: unset;
    transform: unset !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    line-height: unset;
    overflow: unset;
    width: unset
  }

  .somenova-logo img {
    width: 115px;
    height: auto
  }

  .sn-head__title {
    text-align: left
  }

  .sn-head__textbox {
    width: 100%;
    margin-bottom: 40px
  }

  .sn-head__text {
    font-size: 20px
  }

  .sn-head__img1 {
    position: unset;
    width: 90%
  }

  .sn-head__img2 {
    width: 55%
  }

  .sn-img-box {
    position: relative
  }

  .sn-img-box__img1 {
    position: absolute;
    right: 0
  }

  .sn-img-box__img2 {
    position: relative;
    top: 193px;
    left: 15px
  }

  .sn-news li {
    white-space: unset
  }

  .sn-contents {
    padding-top: 180px
  }

  .sn-contents h2 {
    font-size: 18px;
    text-align: left
  }

  .sn-access__box {
    display: block
  }

  .sn-access__left {
    padding-right: 15px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center
  }

  .sn-access__under {
    text-align: left
  }

  .sn-access__sns {
    padding-left: 0;
    max-width: 700px;
    text-align: left;
    margin-top: 50px
  }

  .sn-access__store2 span {
    text-align: left;
    display: block;
    margin-bottom: 10px
  }

  .sn-access__right {
    width: 100%;
    padding-right: 0;
    margin-right: 0 !important
  }

  .sn-access__right iframe {
    width: 100%
  }

  .sn-contents .sn-border {
    margin: 0 15px;
    margin-bottom: 64px
  }

  .sn-contents .sn-attention {
    margin: 0 15px
  }

  .sn-footer-nav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%
  }

  .sn-footer-nav ul:not(noborder):first-child {
    padding-right: unset !important
  }

  .sn-footer-nav ul:not(noborder) li {
    padding-bottom: unset !important
  }

  .sn-footer-nav__list {
    padding: 0 14px
  }
}

@media all and (max-width: 768px) {
  .pc-only {
    display: none
  }

  .sn-pc-only {
    display: none
  }

  .sp-only {
    display: block !important
  }

  .sn-sp-only {
    display: block !important
  }

  .lesson-top {
    padding-top: 50px
  }

  .lesson-top h1 {
    font-size: 24px !important
  }

  .lesson-top span {
    font-size: 13px !important
  }

  .rental-top {
    padding-top: 50px
  }

  .rental-top h1 {
    font-size: 24px !important
  }

  .rental-top span {
    font-size: 14px !important
  }

  .somenova-logo {
    left: 15px !important
  }

  .sn-under {
    padding-top: 60px !important;
  }

  .sn-under-top {
    height: unset !important
  }

  .sn-under-top h1 {
    font-size: 24px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
  }

  .sn-under-top h1 span {
    font-size: 13px;
    line-height: 1.8em
  }

  .sn-under-top img {
    height: unset !important
  }

  .sn-head {
    margin: 0 auto 60px auto
  }

  .sn-head__text {
    font-size: 14px
  }

  .sn-under-top {
    height: 260px
  }

  .sn-under-top img {
    height: 260px
  }

  .sn-news {
    margin: 45px auto 70px auto
  }

  .sn-calendar {
    margin: 45px auto 30px auto
  }

  .sn-calendar_box {
    width: 100%;
    height: auto;
  }

  .sn-news h1 {
    font-size: 22px
  }

  .sn-news p.news {
    font-size: 22px
  }

  .sn-news ul {
    margin: 20px 15px
  }

  .sn-news__button {
    height: 64px;
    line-height: 64px
  }

  .sn-section {
    max-width: 100%;
    margin-bottom: 0
  }

  .sn-section__leading {
    width: 92%;
    padding: 0;
    margin-top: 30px;
    padding-top: 30px !important;
    top: -70px;
    right: 1px
  }

  .sn-section__leading a {
    margin: 0 auto
  }

  .sn-section__title {
    margin-bottom: 30px;
    text-align: center
  }

  .sn-section__title h1 {
    font-size: 26px
  }

  .sn-section__title h2 {
    font-size: 26px
  }

  .sn-section__title p {
    font-size: 14px;
    margin-top: 27px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
  }

  .sn-section__title span {
    font-size: 13px;
    margin-left: 0
  }

  .sn-section__button {
    height: 64px;
    line-height: 64px
  }

  .sn-access h1 {
    max-width: 200px
  }

  .sn-access__box {
    display: block
  }

  .sn-access__left {
    width: 100%;
    margin-bottom: 50px;
    text-align: center
  }

  .sn-access__sns {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .sn-access__sns a {
    margin-right: 0;
    margin: 0 20px 0 20px
  }

  .sn-access__store1 {
    margin: 0 15px;
    text-align: left
  }

  .sn-access__store1 .sn-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px
  }

  .sn-access__store1 h2 {
    width: unset;
    font-size: 14px;
    text-align: left;
    font-weight: bold
  }

  .sn-access__store1 h2::after {
    display: none
  }

  .sn-access__store2 {
    margin: 15px;
    text-align: left
  }

  .sn-access__store2 h2 {
    margin: initial;
    text-align: left;
  }

  .sn-access__store2 span {
    font-weight: bold;
    font-size: 14px
  }

  .sn-access__right iframe {
    width: 100%
  }

  .sn-flex {
    font-size: 14px
  }

  .sn-lesson-content {
    margin: 0 15px
  }

  .sn-lesson-content ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 10px 20px 10px !important
  }

  .sn-lesson-content__detail--text {
    padding-bottom: 20px
  }

  .sn-lesson-content__item {
    width: 50%;
    margin-bottom: 20px
  }

  .sn-lesson-time,
  .sn-lesson-others {
    margin: 0 15px
  }

  .sn-contents {
    padding-bottom: 0;
    margin-bottom: 40px;
    font-size: 14px
  }

  .sn-contents h2 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 12px
  }

  .sn-contents .sn-rental-title {
    padding: 0 12px;
    font-size: 14px
  }

  .sn-contents .sn-rental-fee__detail {
    padding: 0;
    padding-top: 20px !important
  }

  .sn-contents .sn-rental-fee__detail--price {
    font-size: 22px
  }

  .sn-contents .sn-rental-equipment {
    padding-top: 40px
  }

  .sn-contents .sn-rental-equipment__columns {
    -webkit-column-count: 2;
    column-count: 2
  }

  .sn-contents .sn-rental-consumables {
    padding-top: 40px
  }

  .sn-contents .sn-rental-consumables ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    width: 80%;
    margin: 0 auto
  }

  .sn-contents .sn-rental-consumables li {
    width: 30%
  }

  .sn-contents .sn-rental-goods {
    padding: 20px
  }

  .sn-lesson-detail table {
    margin: 15px 15px 0 15px !important;
    font-size: 13px
  }

  .sn-rental-footer__img {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .sn-rental-footer__img img {
    width: 50%
  }

  .sn-rental-footer__application {
    padding: 50px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .sn-rental-footer__application--title {
    font-size: 18px
  }

  .sn-rental-footer__application--small {
    font-size: 12px
  }

  .sn-rental-footer__card {
    display: block;
    padding-top: 36px
  }

  .sn-rental-footer__card1 {
    width: unset;
    margin-bottom: 30px;
    padding: 20px 0
  }

  .sn-rental-footer__card1:nth-child(1) {
    margin-right: 0
  }

  .sn-rental-footer__card1:nth-child(2) {
    margin-left: 0
  }

  .sn-attention {
    margin: 0 15px;
    font-size: 13px
  }

  .sn-border {
    margin: 0 15px !important;
    margin-bottom: 64px !important;
    padding: 32px 10px
  }

  .sn-footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: unset !important;
    width: unset;
    margin: 40px 0 20px 0
  }

  .sn-footer-nav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%
  }

  .sn-footer-nav ul:not(noborder) li {
    padding-bottom: unset !important
  }

  .sn-footer-nav__list {
    border-right: unset;
    width: 35%;
    margin-bottom: 10px
  }
}

.d_block {
  display: block
}

.d_ib {
  display: inline-block
}

.d_none {
  display: none
}

.d_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.v_top {
  vertical-align: top
}

.v_md {
  vertical-align: middle
}

.v_btm {
  vertical-align: bottom
}

.p_rel {
  position: relative
}

.p_abs {
  position: absolute
}

.p_fix {
  position: fixed
}

.m_0auto {
  margin: 0 auto
}

.w_100 {
  width: 100%
}

.w_90 {
  width: 90%
}

.w_80 {
  width: 80%
}

.w_50 {
  width: 50%
}

.h_100 {
  height: 100%
}

.h_50 {
  height: 50%
}

.bold {
  font-weight: bold
}

.t_center {
  text-align: center
}

.t_left {
  text-align: left
}

.t_right {
  text-align: right
}

.text_deco_none {
  text-decoration: none
}

.mr0 {
  margin-right: 0 !important
}

.ml0 {
  margin-left: 0 !important
}

.mt0 {
  margin-top: 0 !important
}

.mb0 {
  margin-bottom: 0 !important
}

.is_sp {
  display: none;
}

.is_pc {
  display: block;
}

.container {
  max-width: 1200px;
  margin: 0 auto
}

@media all and (max-width: 1024px) {
  .is_sp {
    display: block
  }

  .is_pc {
    display: none !important
  }

  .container {
    margin: 0 auto
  }
}

.slider2 {
  height: 530px;
}

@media all and (max-width: 769px) {
  .slider2 {
    height: 320px;
  }
}

@media all and (max-width: 1024px) {
  .is_sp a.sp-login-btn {
    display: flex;
    position: fixed;
    right: 60px;
    top: 0;
    background: #000;
    height: 60px;
    color: #fff;
    font-size: 10px;
    width: 60px;
    align-items: center;
    justify-content: center;
  }
}

/* Add */
p.under_space {
  margin-bottom: 15px;
}

/*検索結果*/
.search-results main ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 500px;
  margin: 0 auto;
}

.search-results main ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}

.search-results main ul.page-numbers {
  justify-content: space-evenly;
  margin: 50px auto 0;
}

.search-results main ul.page-numbers li {
  width: auto;
  border: none;
  font-size: 12px;
}

.search-results main .search_keyword {
  max-width: 500px;
  margin: 0 auto 50px;
}

.search-results main ul.page-numbers li a.prev,
.search-results main ul.page-numbers li a.next {
  width: calc(100% + 20%);
}

.search-results main ul.page-numbers li:first-child,
.search-results main ul.page-numbers li:last-child {
  width: auto;
}

.search-results main ul.page-numbers li:last-child {
  text-align: right;
  display: flex;
  justify-content: right;
}

.search-results section#keywords form {
  margin: 0 auto;
  width: 500px;
}

.search-results section#keywords form input {
  width: 90%;
}

.search-results section#keywords form button {
  right: 15px;
  left: inherit;
}

.search-results section#keywords div div {
  margin: 0 auto;
}

.search-results main ul li div {
  width: 55%;
}

.search-results main ul li p {
  width: 200px;
}

.search-results main ul li a {
  width: 50%;
  font-weight: bold;
}

.search-results main ul li img {
  width: 200px;
  object-fit: cover;
  height: 200px;
}

@media all and (max-width: 767px) {
  .search-results main ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: inherit;
    margin: 50px auto 0;
    width: calc(100% - 30px);
  }

  .search-results main .search_keyword {
    max-width: inherit;
    width: calc(100% - 30px);
    margin: 25px auto;
  }

  .search-results section#keywords form {
    margin: 0 auto;
    width: 80%;
  }

  .search-results section#keywords form input {
    width: inherit;
  }

  .search-results main ul li p {
    width: 40%;
  }

  .search-results main ul li div p {
    width: 100%;
  }

  .search-results main ul li img {
    width: 100%;
    object-fit: cover;
    height: 150px;
  }
}

/*おすすめ商品*/
.under-online-item__recommend-wrap ul {
  /*max-width: 1080px;*/
  width: 1080px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.under-online-item__recommend-wrap ul li {
  margin-bottom: 20px;
  margin-right: 5%;
  width: 30%;
}

.under-online-item__recommend-wrap ul li:nth-of-type(3n) {
  margin-right: 0px;
}

.under-online-item__recommend-wrap ul li .images {
  position: relative;
}

.under-online-item__recommend-wrap ul li a p {
  padding: 10px 0;
}

.under-online-item__recommend-wrap ul li .images img {
  width: 100%;
}

.under-online-item__recommend-wrap ul li .images span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 11px;
  padding: 3px 6px;
  background-color: #e7380d;
  color: #fff;
}

@media all and (max-width: 767px) {
  .under-online-item__recommend-wrap ul li {
    margin-bottom: 20px;
    margin-right: 5%;
    width: 30%;
    font-size: 10px;
  }

  .under-online-item__recommend-wrap ul li .images img {
    width: 100%;
    object-fit: cover;
    height: 85px;
  }

  .under-online-item__recommend-wrap ul li .images span {
    font-size: 10px;
  }
}

/*somenova 動画*/
.somenova-movie {
  max-width: 620px;
  margin: 0 auto;
}

.somenova-movie h2 {
  width: 100%;
  margin: 70px auto 70px;
}

.somenova-movie img {
  width: 50%;
  padding: 10px 25%
}

.somenova-movie video {
  width: 100%;
}

.somenova-movie .video-area {
  width: 100%;
  margin: 0 auto;
}

/*ページネーション*/
main.under ul.ue-pagenation {
  display: flex;
  justify-content: center;
  margin: 100px auto 0;
}

main.under ul.ue-pagenation li.ue-pagenation__list {
  font-size: 14px;
  padding: 0 10px;
}

main.under ul.ue-pagenation li.ue-pagenation__list.active {
  font-size: 18px;
}

/*TOP recommended*/
#recommended .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#recommended .container ul li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 20px;
}

#recommended .container ul li img {
  width: 100%;
  object-fit: cover;
  height: 250px;
}

#recommended .container ul li div {
  position: relative;
}

#recommended .container ul li div span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 11px;
  padding: 3px 6px;
  background-color: #e7380d;
  color: #fff;
}

@media all and (max-width: 1024px) {
  section#recommended ul li:nth-child(even) {
    margin-right: 5%;
  }
}

@media all and (min-width: 768px) {
  #recommended .container ul li:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media all and (max-width: 767px) {
  #recommended .container ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }

  #recommended .container ul li:nth-of-type(2n) {
    margin-right: 0;
  }

  #recommended .container ul li:nth-of-type(3n) {}

  #recommended .container ul li img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
}

ul.korudaioru-men,
ul.nunozome,
ul.pigtint,
ul.washizome,
ul.kenrouzome,
ul.senryoureact,
ul.neonmist,
ul.polyesterdye,
ul.sanseimiyakozome,
ul.chokusetumiyakozome,
ul.korudaihot-men,
ul.korudaioru-men,
ul.aretex,
ul.aretex_tube,
ul.senryoureact2024 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

ul.korudaioru-men p,
ul.nunozome p,
ul.pigtint p,
ul.washizome p,
ul.kenrouzome p,
ul.senryoureact p,
ul.neonmist p,
ul.polyesterdye p,
ul.sanseimiyakozome p,
ul.chokusetumiyakozome p,
ul.korudaihot-men p,
ul.korudaioru-men p,
ul.aretex p,
ul.aretex_tube p,
ul.senryoureact2024 p {
  font-size: 10px;
  text-align: center;
  padding: 5px 0 0;
}

ul.korudaioru-men li,
ul.nunozome li,
ul.pigtint li,
ul.washizome li,
ul.kenrouzome li,
ul.senryoureact li,
ul.neonmist li,
ul.polyesterdye li,
ul.sanseimiyakozome li,
ul.chokusetumiyakozome li,
ul.korudaihot-men li,
ul.korudaioru-men li,
ul.aretex li,
ul.aretex_tube li,
ul.senryoureact2024 li {
  width: 23%;
  height: 55px;
  margin: 0 0 45px;
  margin-right: 2.6%;
}

ul.korudaioru-men li a,
ul.nunozome li a,
ul.pigtint li a,
ul.washizome li a,
ul.kenrouzome li a,
ul.senryoureact li a,
ul.neonmist li a,
ul.polyesterdye li a,
ul.sanseimiyakozome li a,
ul.chokusetumiyakozome li a,
ul.korudaihot-men li a,
ul.korudaioru-men li a,
ul.aretex li a,
ul.aretex_tube li a,
ul.senryoureact2024 li a {
  display: flex;
  width: 100%;
  height: 100%;
}

ul.korudaioru-men li:hover,
ul.nunozome li:hover,
ul.pigtint li:hover,
ul.washizome li:hover,
ul.kenrouzome li:hover,
ul.senryoureact li:hover,
ul.neonmist li:hover,
ul.polyesterdye li:hover,
ul.sanseimiyakozome li:hover,
ul.chokusetumiyakozome li:hover,
ul.korudaihot-men li:hover,
ul.korudaioru-men li:hover,
ul.aretex li:hover,
ul.aretex_tube li:hover,
ul.senryoureact2024 li:hover {
  opacity: 0.8;
}

ul.korudaioru-men li a:hover {}

ul.korudaioru-men li:nth-child(4n),
ul.nunozome li:nth-child(4n),
ul.pigtint li:nth-child(4n),
ul.washizome li:nth-child(4n),
ul.kenrouzome li:nth-child(4n),
ul.senryoureact li:nth-child(4n),
ul.neonmist li:nth-child(4n),
ul.polyesterdye li:nth-child(4n),
ul.sanseimiyakozome li:nth-child(4n),
ul.chokusetumiyakozome li:nth-child(4n),
ul.korudaihot-men li:nth-child(4n),
ul.korudaioru-men li:nth-child(4n),
ul.aretex li:nth-child(4n),
ul.aretex_tube li:nth-child(4n),
ul.senryoureact2024 li:nth-child(4n) {
  margin-right: 0;
}

h2#itemCtmColorVerTitle {
  font-size: 14px;
}

ul.korudaioru-men li.c01 {
  background: #fff33e;
}

ul.korudaioru-men li.c02 {
  background: #ffd40a;
}

ul.korudaioru-men li.c03 {
  background: #FF9D4D;
}

ul.korudaioru-men li.c04 {
  background: #ff9497;
}

ul.korudaioru-men li.c05 {
  background: #D92B40;
}

ul.korudaioru-men li.c06 {
  background: #B32440;
}

ul.korudaioru-men li.c07 {
  background: #cc2f56;
}

ul.korudaioru-men li.c08 {
  background: #e47198;
}

ul.korudaioru-men li.c09 {
  background: #ffadd2;
}

ul.korudaioru-men li.c10 {
  background: #8d508a;
}

ul.korudaioru-men li.c11 {
  background: #744fb3;
}

ul.korudaioru-men li.c12 {
  background: #415c89;
}

ul.korudaioru-men li.c13 {
  background: #3d68a0;
}

ul.korudaioru-men li.c14 {
  background: #7073B3;
}

ul.korudaioru-men li.c15 {
  background: #74bfed;
}

ul.korudaioru-men li.c16 {
  background: #74aaa6;
}

ul.korudaioru-men li.c17 {
  background: #4a685e;
}

ul.korudaioru-men li.c18 {
  background: #8acf84;
}

ul.korudaioru-men li.c19 {
  background: #d2d26e;
}

ul.korudaioru-men li.c20 {
  background: #ebca9d;
}

ul.korudaioru-men li.c21 {
  background: #b49c84;
}

ul.korudaioru-men li.c22 {
  background: #897D5E;
}

ul.korudaioru-men li.c23 {
  background: #de9f46;
}

ul.korudaioru-men li.c24 {
  background: #bc8072;
}

ul.korudaioru-men li.c25 {
  background: #946446;
}

ul.korudaioru-men li.c26 {
  background: #b5b2b7;
}

ul.korudaioru-men li.c27 {
  background: #8a8c91;
}

ul.korudaioru-men li.c28 {
  background: #545e63;
}

/*アリテックス*/
ul.nunozome li.c01 {
  background: #fcc900;
}

ul.nunozome li.c02 {
  background: #0d8c55;
}

ul.nunozome li.c03 {
  background: #1986cd;
}

ul.nunozome li.c04 {
  background: #e15795;
}

ul.nunozome li.c05 {
  background: #dd294e;
}

ul.nunozome li.c06 {
  background: #eb6110;
}

ul.nunozome li.c07 {
  background: #9e5834;
}

ul.nunozome li.c08 {
  background: #0c1617;
}

ul.nunozome li.c09 {
  background: #FFF;
  border: 1px solid #000;
  box-sizing: border-box;
}

ul.nunozome li.c10 {
  background: linear-gradient(to right, #f8e3ef, #e187ba);
  background: -moz-linear-gradient(left, #f8e3ef, #e187ba);
  background: -webkit-linear-gradient(left, #f8e3ef, #e187ba);
}

ul.nunozome li.c11 {
  background: #c49748;
  background: linear-gradient(to right, #f7f2e7, #c49748);
  background: -moz-linear-gradient(left, #f7f2e7, #c49748);
  background: -webkit-linear-gradient(left, #f7f2e7, #c49748);
}

ul.nunozome li.c12 {
  background: linear-gradient(to right, #eaeaea, #9ca0a1);
  background: -moz-linear-gradient(left, #eaeaea, #9ca0a1);
  background: -webkit-linear-gradient(left, #eaeaea, #9ca0a1);
}

ul.nunozome li.c13 {
  background: linear-gradient(to right, #f0e7e4, #a26f5a);
  background: -moz-linear-gradient(left, #f0e7e4, #a26f5a);
  background: -webkit-linear-gradient(left, #f0e7e4, #a26f5a);
}

ul.nunozome li.c14 {
  background: linear-gradient(to right, #edf6fb, #5eacdc);
  background: -moz-linear-gradient(left, #edf6fb, #5eacdc);
  background: -webkit-linear-gradient(left, #edf6fb, #5eacdc);
}

/*ピグティント*/
ul.pigtint li.c01 {
  background: #000000;
}

ul.pigtint li.c02 {
  background: #1659a7;
}

ul.pigtint li.c03 {
  background: #924f22;
}

ul.pigtint li.c04 {
  background: linear-gradient(to right, #f8e5c2, #e9b146);
  background: -moz-linear-gradient(left, #f8e5c2, #e9b146);
  background: -webkit-linear-gradient(left, #f8e5c2, #e9b146);
}

ul.pigtint li.c05 {
  background: #009d62;
}

ul.pigtint li.c06 {
  background: #efe901;
}

ul.pigtint li.c07 {
  background: #f18851;
}

ul.pigtint li.c08 {
  background: #ef8baf;
}

ul.pigtint li.c09 {
  background: #dd1a1c;
}

ul.pigtint li.c10 {
  background: #41bbea;
}

ul.pigtint li.c11 {
  background: #ffffff;
  border: 1px solid #000;
  box-sizing: border-box;
}

ul.pigtint li.c12 {
  background: linear-gradient(to right, #eaeaea, #9ca0a1);
  background: -moz-linear-gradient(left, #eaeaea, #9ca0a1);
  background: -webkit-linear-gradient(left, #eaeaea, #9ca0a1);
}

ul.pigtint li.c13 {
  background: #fdee00;
}

/*和紙ぞめカラー*/
ul.washizome li.c01 {
  background: #FFE107;
}

ul.washizome li.c02 {
  background: #00BB6A;
}

ul.washizome li.c03 {
  background: #919191;
}

ul.washizome li.c04 {
  background: #0083D3;
}

ul.washizome li.c05 {
  background: #835E3D;
}

ul.washizome li.c06 {
  background: #E7255A;
}

ul.washizome li.c07 {
  background: #FF890C;
}

ul.washizome li.c08 {
  background: #603F9F;
}

/*堅牢スレン建染め染料*/
ul.kenrouzome li.c01 {
  background: #f8e43e;
}

ul.kenrouzome li.c02 {
  background: #f892b3;
}

ul.kenrouzome li.c03 {
  background: #cf4749;
}

ul.kenrouzome li.c04 {
  background: #a93945;
}

ul.kenrouzome li.c05 {
  background: #735493;
}

ul.kenrouzome li.c06 {
  background: #162e59;
}

ul.kenrouzome li.c07 {
  background: #174073;
}

ul.kenrouzome li.c08 {
  background: #10498a;
}

ul.kenrouzome li.c09 {
  background: #386b58;
}

ul.kenrouzome li.c10 {
  background: #05805a;
}

ul.kenrouzome li.c11 {
  background: #dab036;
}

ul.kenrouzome li.c12 {
  background: #9d744c;
}

ul.kenrouzome li.c13 {
  background: #7e6552;
}

ul.kenrouzome li.c14 {
  background: #848490;
}

ul.kenrouzome li.c15 {
  background: #29343c;
}

/*旧・技法用染料リアクト*/
ul.senryoureact li.c01 {
  background: #fcbd06;
}

ul.senryoureact li.c02 {
  background: #f55128;
}

ul.senryoureact li.c03 {
  background: #ed4b5c;
}

ul.senryoureact li.c04 {
  background: #ba394b;
}

ul.senryoureact li.c05 {
  background: #d8184e;
}

ul.senryoureact li.c06 {
  background: #f679ad;
}

ul.senryoureact li.c07 {
  background: #de74aa;
}

ul.senryoureact li.c08 {
  background: #4f2774;
}

ul.senryoureact li.c09 {
  background: #29254b;
}

ul.senryoureact li.c10 {
  background: #1f2d3e;
}

ul.senryoureact li.c11 {
  background: #124473;
}

ul.senryoureact li.c12 {
  background: #24639c;
}

ul.senryoureact li.c13 {
  background: #33c6e0;
}

ul.senryoureact li.c14 {
  background: #22a271;
}

ul.senryoureact li.c15 {
  background: #3b4a41;
}

ul.senryoureact li.c16 {
  background: #2a9448;
}

ul.senryoureact li.c17 {
  background: #d5a761;
}

ul.senryoureact li.c18 {
  background: #895c27;
}

ul.senryoureact li.c19 {
  background: #704a30;
}

ul.senryoureact li.c20 {
  background: #4e3d3b;
}

ul.senryoureact li.c21 {
  background: #676d73;
}

ul.senryoureact li.c22 {
  background: #2d2a31;
}

/*2024技法用染料リアクト*/
ul.senryoureact2024 li.c01 {
  background: #fdd23c;
}

ul.senryoureact2024 li.c02 {
  background: #fb5b00;
}

ul.senryoureact2024 li.c03 {
  background: #df656d;
}

ul.senryoureact2024 li.c04 {
  background: #e21b3f;
}

ul.senryoureact2024 li.c05 {
  background: #d62682;
}

ul.senryoureact2024 li.c06 {
  background: #f16fa8;
}

ul.senryoureact2024 li.c07 {
  background: #a73334;
}

ul.senryoureact2024 li.c08 {
  background: #80497c;
}

ul.senryoureact2024 li.c09 {
  background: #3b307b;
}

ul.senryoureact2024 li.c10 {
  background: #122f48;
}

ul.senryoureact2024 li.c11 {
  background: #0065b9;
}

ul.senryoureact2024 li.c12 {
  background: #395ca5;
}

ul.senryoureact2024 li.c13 {
  background: #00b0da;
}

ul.senryoureact2024 li.c14 {
  background: #379d8f;
}

ul.senryoureact2024 li.c15 {
  background: #2a563c;
}

ul.senryoureact2024 li.c16 {
  background: #6aa24e;
}

ul.senryoureact2024 li.c17 {
  background: #c89b7a;
}

ul.senryoureact2024 li.c18 {
  background: #c18a4d;
}

ul.senryoureact2024 li.c19 {
  background: #9c6350;
}

ul.senryoureact2024 li.c20 {
  background: #532725;
}

ul.senryoureact2024 li.c21 {
  background: #828282;
}

ul.senryoureact2024 li.c22 {
  background: #3a3d39;
}

/*ネオンミスト*/
ul.neonmist li.c01 {
  background: #f581b7;
}

ul.neonmist li.c02 {
  background: #ddf403;
}

ul.neonmist li.c03 {
  background: #39fc57;
}

ul.neonmist li.c04 {
  background: #f8a011;
}

/*ポリエステルダイ*/
ul.polyesterdye li.c01 {
  background: #FBCD3A;
}

ul.polyesterdye li.c02 {
  background: #F77E29;
}

ul.polyesterdye li.c03 {
  background: #C82038;
}

ul.polyesterdye li.c04 {
  background: #BB375C;
}

ul.polyesterdye li.c05 {
  background: #4A2E76;
}

ul.polyesterdye li.c06 {
  background: #2F3344;
}

ul.polyesterdye li.c07 {
  background: #094991;
}

ul.polyesterdye li.c08 {
  background: #3fbfef;
}

ul.polyesterdye li.c09 {
  background: #3CB063;
}

ul.polyesterdye li.c10 {
  background: #1E533E;
}

ul.polyesterdye li.c11 {
  background: #774039;
}

ul.polyesterdye li.c12 {
  background: #4E433F;
}

ul.polyesterdye li.c13 {
  background: #928992;
}

ul.polyesterdye li.c14 {
  background: #303434;
}

/*酸性みやこ染*/
ul.sanseimiyakozome li.c01 {
  background: #a41314;
}

ul.sanseimiyakozome li.c02 {
  background: #623b12;
}

ul.sanseimiyakozome li.c03 {
  background: #163fa3;
}

ul.sanseimiyakozome li.c04 {
  background: #49331b;
}

ul.sanseimiyakozome li.c05 {
  background: #0f1f2f;
}

ul.sanseimiyakozome li.c06 {
  background: #d74a64;
}

ul.sanseimiyakozome li.c07 {
  background: #4e3a81;
}

ul.sanseimiyakozome li.c08 {
  background: #23293f;
}

ul.sanseimiyakozome li.c09 {
  background: #edc100;
}

ul.sanseimiyakozome li.c10 {
  background: #14382c;
}

ul.sanseimiyakozome li.c11 {
  background: #1690c2;
}

ul.sanseimiyakozome li.c12 {
  background: #605b5d;
}

ul.sanseimiyakozome li.c13 {
  background: #028423;
}

ul.sanseimiyakozome li.c14 {
  background: #e15106;
}

ul.sanseimiyakozome li.c15 {
  background: #800f11;
}

/*直接みやこ染*/
ul.chokusetumiyakozome li.c01 {
  background: #c2161a;
}

ul.chokusetumiyakozome li.c02 {
  background: #6f3616;
}

ul.chokusetumiyakozome li.c03 {
  background: #134577;
}

ul.chokusetumiyakozome li.c04 {
  background: #4b2b17;
}

ul.chokusetumiyakozome li.c05 {
  background: #0f1112;
}

ul.chokusetumiyakozome li.c06 {
  background: #d53261;
}

ul.chokusetumiyakozome li.c07 {
  background: #291b40;
}

ul.chokusetumiyakozome li.c08 {
  background: #101d3d;
}

ul.chokusetumiyakozome li.c09 {
  background: #f8bd01;
}

ul.chokusetumiyakozome li.c10 {
  background: #003313;
}

ul.chokusetumiyakozome li.c11 {
  background: #1d9fca;
}

ul.chokusetumiyakozome li.c12 {
  background: #4d555c;
}

ul.chokusetumiyakozome li.c13 {
  background: #004d1c;
}

ul.chokusetumiyakozome li.c14 {
  background: #f55807;
}

ul.chokusetumiyakozome li.c15 {
  background: #720c19;
}

/*コールダイホット*/
ul.korudaihot-men li.c01 {
  background: #FDE718
}

ul.korudaihot-men li.c02 {
  background: #FDD10B;
}

ul.korudaihot-men li.c03 {
  background: #FF711F;
}

ul.korudaihot-men li.c04 {
  background: #F76361;
}

ul.korudaihot-men li.c05 {
  background: #C31622;
}

ul.korudaihot-men li.c06 {
  background: #82003C;
}

ul.korudaihot-men li.c07 {
  background: #CF1855;
}

ul.korudaihot-men li.c08 {
  background: #D23E6F;
}

ul.korudaihot-men li.c09 {
  background: #7B3080;
}

ul.korudaihot-men li.c10 {
  background: #6a4599;
}

ul.korudaihot-men li.c11 {
  background: #103056;
}

ul.korudaihot-men li.c12 {
  background: #0F3C76;
}

ul.korudaihot-men li.c13 {
  background: #565999;
}

ul.korudaihot-men li.c14 {
  background: #2E9CD5;
}

ul.korudaihot-men li.c15 {
  background: #3C8284;
}

ul.korudaihot-men li.c16 {
  background: #2F4D43;
}

ul.korudaihot-men li.c17 {
  background: #3E8F49;
}

ul.korudaihot-men li.c18 {
  background: #A0B241;
}

ul.korudaihot-men li.c19 {
  background: #dcb590;
}

ul.korudaihot-men li.c20 {
  background: #937F6A;
}

ul.korudaihot-men li.c21 {
  background: #6F6344;
}

ul.korudaihot-men li.c22 {
  background: #CE821D;
}

ul.korudaihot-men li.c23 {
  background: #A65240;
}

ul.korudaihot-men li.c24 {
  background: #925f3c;
}

ul.korudaihot-men li.c25 {
  background: #694B37;
}

ul.korudaihot-men li.c26 {
  background: #7D7D7D;
}

ul.korudaihot-men li.c27 {
  background: #857f7f;
}

ul.korudaihot-men li.c28 {
  background: #252626;
}

/*アリテックス*/
ul.aretex li.c01 {
  background: #faec02;
}

ul.aretex li.c02 {
  background: #1755ae;
}

ul.aretex li.c03 {
  background: #c42766;
}

ul.aretex li.c04 {
  background: #aa672f;
}

ul.aretex li.c05 {
  background: #029e2d;
}

ul.aretex li.c06 {
  background: #163da2;
}

ul.aretex li.c07 {
  background: #d11827;
}

ul.aretex li.c08 {
  background: #212222;
}

ul.aretex li.c09 {
  background: #02976b;
}

ul.aretex li.c10 {
  background: #49347f;
}

ul.aretex li.c11 {
  background: #f25515;
}

ul.aretex li.c12 {
  background: #FFF;
  box-sizing: border-box;
  border: 1px solid #000;
}

/*アリテックス(チューブ)*/
ul.aretex_tube li.c01 {
  background: #faec02;
}

ul.aretex_tube li.c02 {
  background: #0070C7;
}

ul.aretex_tube li.c03 {
  background: #c42766;
}

ul.aretex_tube li.c04 {
  background: #AB5518;
}

ul.aretex_tube li.c05 {
  background: #0BBF3C;
}

ul.aretex_tube li.c06 {
  background: #163da2;
}

ul.aretex_tube li.c07 {
  background: #d11827;
}

ul.aretex_tube li.c08 {
  background: #212222;
}

ul.aretex_tube li.c09 {
  background: #02976b;
}

ul.aretex_tube li.c10 {
  background: #4F2D81;
}

ul.aretex_tube li.c11 {
  background: #f25515;
}

ul.aretex_tube li.c12 {
  background: #FFF;
  box-sizing: border-box;
  border: 1px solid #000;
}

/*コールダイオール*/
/*
ul.korudaioru-men li.c01{
    background: #f3f5a2;
}
ul.korudaioru-men li.c02{
    background: #f9da9b;
}
ul.korudaioru-men li.c03{
    background: #F7d08e;
}
ul.korudaioru-men li.c04{
    background: #ff9ea0;
}
ul.korudaioru-men li.c05{
    background: #e66a76;
}
ul.korudaioru-men li.c06{
    background: #e55874;
}
ul.korudaioru-men li.c07{
    background: #e56a6c;
}
ul.korudaioru-men li.c08{
    background: #e79dad;
}
ul.korudaioru-men li.c09{
    background: #ffc0ce;
}
ul.korudaioru-men li.c10{
    background: #ddaaec;
}
ul.korudaioru-men li.c11{
    background: #d2bcfff;
}
ul.korudaioru-men li.c12{
    background: #9297bd;
}
ul.korudaioru-men li.c13{
    background: #7ea9d3;
}
ul.korudaioru-men li.c14{
    background: #8ea8d9;
}
ul.korudaioru-men li.c15{
    background: #9AD7E9;
}
ul.korudaioru-men li.c16{
    background: #a2cbcb;
}
ul.korudaioru-men li.c17{
    background: #8cbca4;
}
ul.korudaioru-men li.c18{
    background: #b3e4ac;
}
ul.korudaioru-men li.c19{
    background: #d4d5a1;
}
ul.korudaioru-men li.c20{
    background: #d9c5ab;
}
ul.korudaioru-men li.c21{
    background: #e5d4c3;
}
ul.korudaioru-men li.c22{
    background: #b3af7d;
}
ul.korudaioru-men li.c23{
    background: #e1c173;
}
ul.korudaioru-men li.c24{
    background: #c39a88;
}
ul.korudaioru-men li.c25{
    background: #b58b74;
}
ul.korudaioru-men li.c26{
    background: #cec9c9;
}
ul.korudaioru-men li.c27{
    background: #bcc2c4;
}
ul.korudaioru-men li.c28{
    background: #9d9d9d;
}
*/
/*英語ページ追加用*/
@media all and (min-width: 770px) {
  .pcNone {
    display: none !important;
  }
}

@media all and (max-width: 769px) {
  .spNone {
    display: none !important;
  }
}

.en-page-001 {
  margin: 100px 0;
}

.en-page-001 .en-page001 {
  max-width: 1200px;
  margin: 0 auto;
}

.en-page-001 .en-page001 h2 {
  font-size: 50px;
  text-align: center;
  font-family: "Crimson Text", serif;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul {
  display: flex;
  justify-content: space-between;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li {
  width: 18.91%;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li img {
  width: 100%;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li h3 {
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.04em;
  font-family: "Crimson Text", serif;
  margin-top: 30px;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li ul.text-list {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  height: 110px;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li ul.list-end {
  margin: 0px 0 30px;
  padding: 0px 0 30px;
  border-bottom: 1px solid #e5e5e5;
  border-top: none;
  height: 130px;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li ul.text-list li {
  font-size: 14px;
  padding-left: 20px;
  position: relative;
  width: auto;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li ul.text-list li:before {
  content: "";
  background: url(../img/en/SVG/check.svg) no-repeat;
  width: 10px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  margin: auto;
}

.en-page-001 .en-page001 .en-box001 ul.en-ul li ul.img-list li {
  margin: 0 0 5px;
  width: 100%;
}

.en-page-001 .en-page002 {
  width: 100%;
  margin: 50px 0;
}

.en-page-001 .en-page002 img {
  object-fit: cover;
  height: 295px;
  width: 100%;
}

.en-page-001 .en-page004 img {
  object-fit: cover;
  height: 462px;
  width: 100%;
}

.contact_engrish_pc {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  font-family: "Crimson Text", serif;
}

.contact_engrish_pc a {
  padding: 20px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  font-weight: bold;
  color: #FFF;
}

.en-page-001 .en-page003 {
  max-width: 1200px;
  margin: 0 auto;
}

.en-page-001 .en-page003 .en-page003_inner h2 {
  font-size: 50px;
  text-align: center;
  margin: 0 0 50px;
  font-family: "Crimson Text", serif;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex {
  display: flex;
  justify-content: space-between;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box {
  width: 73%;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box h3 {
  font-size: 26px;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #000000;
  margin: 0 0 20px;
  padding: 0 0 10px;
  display: inline-block;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box p {
  font-size: 18px;
  letter-spacing: 0.06em;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: left;
  font-family: "Crimson Text", serif;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: bold;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl dt {
  font-size: 16px;
  width: 10%;
  margin: 0 0 5px;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl dd {
  font-size: 16px;
  width: 85%;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .right-box {
  width: 15%;
}

.en-page-001 .en-page003 .en-page003_inner .en-page003-flex .right-box img {
  width: 100%;
}

.en-page-001 .en-page003 .move-box001 {
  margin: 50px 0;
}

.en-page-001 .en-page003 .move-box001 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.en-page-001 .en-page003 .move-box001 ul li {
  margin: 0 0 50px;
}

.en-page-001 .en-page003 .move-box001 ul iframe {
  height: 315px;
}

.en-page-001 .en-page003 .move-box001 ul video {
  height: 315px;
  width: 100%;
}

.en-page-001 .en-page003 .move-box001 ul li {
  width: 46%;
}

.en-page-001 .en-page003 .move-box001 ul li p {
  font-size: 16px;
  text-align: center;
}

.en-page-001 .en-page003 .en-page004_inner h2 {
  font-size: 50px;
  text-align: center;
  margin: 0 0 50px;
  font-family: "Crimson Text", serif;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex {
  display: flex;
  justify-content: space-between;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box {
  width: 55%;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box h3 {
  font-size: 26px;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #000000;
  margin: 0 0 20px;
  padding: 0 0 10px;
  display: inline-block;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box p {
  font-size: 18px;
  letter-spacing: 0.06em;
  font-weight: bold;
  margin: 0 0 20px;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: bold;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl dt {
  font-size: 16px;
  width: 10%;
  margin: 0 0 5px;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl dd {
  font-size: 16px;
  width: 85%;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .right-box {
  width: 40%;
}

.en-page-001 .en-page003 .en-page004_inner .en-page003-flex .right-box img {
  width: 100%;
}

.en-page001 .acd-check {
  display: none;
}

.en-page001 .acd-label {
  background: #fff;
  color: #fff;
  margin-bottom: 0px;
  padding: 10px;
}

.en-page001 .acd-content {
  background: #fff;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}

.en-page001 .acd-check:checked+.acd-label+.acd-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}

.buyee-sales {
  background-color: #E0FFFF;
}

.buyee-sales h3 {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  margin: 0 0 30px;
  font-family: "Crimson Text", serif;
}

.buyee-sales p {
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  margin: 0 0 30px;
  font-family: "Crimson Text", serif;
}

p.buyee-sales-top {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  margin: 0 0 30px;
  line-height: 0.75;
  font-family: "Crimson Text", serif;
  line-height: 170%;
}

.en-accordion {
  padding: 0 15px;
  background: #f5f5f5;
}

.en-accordion label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.en-accordion label img {
  width: 135px;
  height: 100%;
  object-fit: cover;
}

.en-accordion label p {
  font-size: 16px;
  font-weight: bold;
  padding-left: 15px;
  color: #000;
}

.en-accordion ul.text-list {
  margin: 0px 0 20px;
  padding: 0px 0 20px;
  border-bottom: 1px solid #e5e5e5;
}

.en-accordion ul.list-end {
  margin: 0px 0 20px;
  padding: 0px 0 20px;
  border-bottom: 1px solid #e5e5e5;
  border-top: none;
}

.en-accordion ul.text-list li {
  font-size: 14px;
  padding-left: 20px;
  position: relative;
  width: auto;
}

.en-accordion ul.text-list li:before {
  content: "";
  background: url(../img/en/SVG/check.svg) no-repeat;
  width: 10px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  margin: auto;
}

.en-accordion ul.img-list {
  display: flex;
  justify-content: space-between;
}

.en-accordion ul.img-list li {
  width: 30%;
}

@media all and (max-width: 769px) {
  .en-page-001 {
    margin: 0px 0 50px;
  }

  .en-page-001 .en-page001 {
    background: #f5f5f5;
    padding: 50px 0 20px;
  }

  .en-page-001 .en-page001 h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 15px;
  }

  .en-page-001 .en-page002 img {
    object-fit: cover;
    height: 136px;
    width: 100%;
  }

  .en-page-001 .en-page003 .en-page003_inner h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 50px;
  }

  .buyee-sales h3 {
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px;
  }

  .buyee-sales p {
    font-size: 15px;
    text-align: center;
    margin: 0 0 30px;
  }

  p.buyee-sales-top {
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px;
    line-height: 150%;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box {
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex {
    display: block;
    text-align: center;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box p {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box .left-img {
    width: 60%;
    margin: 0 auto;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl {
    text-align: left;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl dt {
    font-size: 13px;
    width: 25%;
    margin: 0 0 5px;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box dl dd {
    font-size: 13px;
    width: 75%;
  }

  .en-page-001 .en-page003 .move-box001 ul {
    display: block;
  }

  .en-page-001 .en-page003 .move-box001 {
    margin: 50px auto;
    width: calc(100% - 30px);
  }

  .en-page-001 .en-page003 .move-box001 ul li {
    width: 100%;
  }

  .en-page-001 .en-page003 .move-box001 ul li p {
    font-size: 16px;
    text-align: center;
    margin: 25px 0 0;
    font-family: "Crimson Text", serif;
  }

  .en-page-001 .en-page003 .en-page004_inner h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 50px;
    line-height: 30px;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex {
    display: block;
    text-align: center;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box {
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  .en-page-001 .en-page003 .en-page003_inner .en-page003-flex .left-box h3 {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #000000;
    margin: 0 0 20px;
    padding: 0 0 10px;
    display: inline-block;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box h3 {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #000000;
    margin: 0 0 20px;
    padding: 0 0 10px;
    display: inline-block;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box p {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: left;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl {
    text-align: left;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl dt {
    font-size: 13px;
    width: 25%;
    margin: 0 0 5px;
  }

  .en-page-001 .en-page003 .en-page004_inner .en-page003-flex .left-box dl dd {
    font-size: 13px;
    width: 75%;
  }

  .en-page001 .acd-label {
    background: #fff;
    color: #fff;
    padding: 10px;
  }

  .acbox-01 {
    margin: 0 0 10px;
  }
}

/*英語ページ追加用 end*/
/*スマホカート修正用*/
@media all and (max-width: 769px) {
  #cart table#cart_table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  #cart table#cart_table tbody tr td.aleft {
    width: 100%;
  }

  #cart table#cart_table tbody tr td.quantity {
    width: 15%;
  }

  #cart table#cart_table tbody tr td.aright {
    width: 15%;
  }

  #cart table#cart_table tbody tr td.stock {
    width: 15%;
  }

  #cart table#cart_table tbody tr td.action {
    width: 15%;
  }

  #cart #cart_table tfoot tr {
    display: flex;
    justify-content: flex-end;
  }
}

/*ショップカート詳細ボタン*/
.btn001 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 55px;
  border: 1px solid black;
}

.btn001 a {
  font-size: 14px;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn001 a:after {
  content: url(../img/svg/more_black.svg);
  position: absolute;
  right: 20px;
  top: 39%;
  -webkit-transform: translateY(-39%);
  transform: translateY(-39%);
  -webkit-transition: inherit;
  transition: inherit;
  width: 16px;
}

.continue_shopping_button,
.back_to_customer_button,
.back_to_delivery_button {
  background-color: #007afe;
  color: #fff;
}

/*topコラムとイベントの画像高さ調整*/
section#column ul li img,
section#event ul li img {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

/* --Start-- 2022.6.23 Add イベントページ読み込み前用の処理 */
/* div[class*="ue-content"] { 		// アスタリスクだと「ue-content1__ctbox」が邪魔をする...よってすべて明示的に記述*/
div.ue-content1,
div.ue-content2,
div.ue-content3,
div.ue-content4 {
  display: none;
}

/* --Start-- 2022.6.23 Add */

/* 英語ページ追記 */
.onlineWrap {
  width: 96%;
  max-width: 1200px;
  margin: 5% auto;
  padding: 3%;
  box-sizing: border-box;
  position: relative;
}

.onlineWrap:before,
.onlineWrap:after {
  content: '';
  width: 30%;
  height: 30%;
  display: block;
  position: absolute;
}

.onlineWrap:before {
  top: 0;
  left: 0;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
}

.onlineWrap:after {
  bottom: 0;
  right: 0;
  border-right: 1px solid #777;
  border-bottom: 1px solid #777;
}

.onlineWrap p {
  font-size: 1.5em;
}

.onlineWrap .guideText {
  color: #e7380d;
}

.onlineWrap .imgBox {
  max-width: 320px;
  margin: 3% auto;
}

.onlineWrap .imgBox img {
  box-shadow: 0 0 10px #ccc;
}

.onlineWrap p a {
  color: #3399FF;
  text-decoration: underline;
  word-wrap: break-word;
}

.contactWrap {
  margin: 5% auto;
  background-color: #fad7cf;
}

.contactWrap .contactBox {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3%;
  box-sizing: border-box;
}

.contactWrap .contactBox .contactTitle {
  margin: 0 auto 3%;
  font-size: 1.5em;
  font-weight: bold;
  color: #e7380d;
  text-align: center;
}

.contactWrap .contactBox .contactBtn {
  width: 75%;
  max-width: 320px;
  margin: 0 auto;
  padding: 3%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e7380d;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.contactWrap .contactBox .contactBtn:before,
.contactWrap .contactBox .contactBtn:after {
  width: 16px;
  display: block;
}

.contactWrap .contactBox .contactBtn:before {
  content: url(../img/svg/mail.svg);
  margin-right: 1em;
}

.contactWrap .contactBox .contactBtn:after {
  content: url(../img/svg/more_white.svg);
  margin-left: 1em;
}

/* クーポンのinput */
#input_coupon {
  border: 1px solid #aaa;
  text-align: center;
}

/* ボタン修正 */
.member_submenu a {
  box-sizing: border-box;
}

/* マイページ修正 */
#memberpages #memberinfo .history-area {
  overflow-x: auto;
}

#memberpages #memberinfo #history_head {
  min-width: 800px;
  table-layout: fixed;
}

#memberpages #memberinfo #history_head th {
  width: calc(100% / 10);
  font-size: 12px;
}

/* カートページ確認画面修正 */
@media (min-width: 1023px) {

  #info-confirm #cart #point_table td,
  #info-confirm #cart #coupon_table td {
    text-align: right;
  }

  #info-confirm #cart #point_table td:first-of-type,
  #info-confirm #cart #coupon_table td:first-of-type {
    width: 70%;
    background-color: initial;
  }

  #info-confirm #cart #point_table td:last-of-type,
  #info-confirm #cart #coupon_table td:last-of-type {
    width: 30%;
  }
}

/* somenova 予約システム追加 */
.sn-header .header-01-nav__content a span,
header.is_sp nav ul li:not(.nor) a span,
.sn-footer-nav a span {
  display: block;
  line-height: 1.25;
  font-family: "Crimson Text", serif;
  font-size: 12px;
  font-weight: bold;
  color: #666;
}

.sn-header .header-01-nav__content:not(.inner_head),
.sn-header .header-01-nav__content a span {
  text-align: center;
}

header.is_sp nav ul li:not(.nor) a span,
.sn-footer-nav a span {
  padding-left: calc(1em + 5%);
}

@media (min-width: 1023px) {

  .sn-footer-nav a,
  .sn-footer-nav a span {
    display: block;
    padding-left: initial;
    text-align: center;
  }
}

/* オンラインショップとカートに任意の文言追加 */
.storeComments {
  margin: 70px auto 50px;
  padding: 35px 15px 15px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  position: relative;
  font-size: 16px;
}

.storeComments .storeCommentsTitle {
  height: 40px;
  padding: 0 .5em;
  position: absolute;
  top: -20px;
  left: 15px;
  background-color: #fff;
  border: 1px solid #e7380d;
  line-height: 40px;
}

.storeComments .storeCommentsText {
  line-height: 1.5;
}

/* 誕生日と性別の入力項目 */
.customer_form .customkey_birthday td:after {
  content: '2000/01/15';
}

#gallery .swiper-slide figure {
  position: relative;
  width: 100%;
  padding-top: 75%;
  /* ← 4:3 の比率（高さ=幅×0.75） */
  overflow: hidden;
}

#gallery .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}