@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&family=Playwrite+NL:wght@100..400&display=swap");
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

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

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

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

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

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

#top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1850px;
  margin: 3em auto;
  position: relative;
  letter-spacing: 1;
}
#top .left {
  position: relative;
  z-index: 3;
  margin-top: -4em;
  width: 45%;
  text-align: center;
  padding: 2em;
  box-sizing: border-box;
  text-shadow: 0px 0px 22px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 7px rgb(255, 255, 255), 0px 0px 7px rgb(255, 255, 255), 0px 0px 7px rgb(255, 255, 255), 0px 0px 7px rgb(255, 255, 255), 0px 0px 7px rgb(255, 255, 255);
}
#top .left .logo {
  width: 25em;
  display: block;
  margin: 0em auto 2em;
  filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
}
#top .left .name {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: 600;
  font-size: 120%;
}
#top .left .name span {
  color: #ff82ad;
  margin-right: 1em;
}
#top .left .staff ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 1em;
  margin: 2em auto;
}
#top .left .staff li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
#top .left .staff li .heading {
  background: #c87ee6;
  color: #fff;
  text-shadow: none;
  padding: 0.1em 1em;
  border-radius: 50px;
  margin-right: 0.3em;
}
#top .left .yoyaku {
  display: inline-block;
  background: #a4728b;
  text-shadow: 0px 0px 3px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 50px;
  border: 1px solid #47263b;
  font-size: 120%;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#top .left .kikan {
  margin-top: 2em;
}
#top .left .kikan h3 {
  font-size: 130%;
  color: #c87ee6;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-bottom: 0.2em;
}
#top .left .kikan p {
  font-weight: 500;
  line-height: 1.5;
}
#top .left .kikan .douji-shime {
  margin-top: 0.5em;
}
#top .right {
  width: 55%;
  height: 100%;
  position: relative;
  z-index: 4;
}
#top .right .release {
  width: 12em;
  position: absolute;
  left: -10%;
  bottom: 15%;
  z-index: 5;
}
#top .right .topSwiper {
  border-radius: 2em;
  background-color: #fff;
}

#profile .voice-list {
  margin: 1em 0;
}
#profile .voice-list p {
  color: #4b4b4b;
  font-size: 100%;
}
#profile .voice-list ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 1em;
  width: 100%;
  margin: 0 auto;
  line-height: 0 !important;
}
#profile .voice-list li {
  height: 3.5em;
  width: 3.5em;
  padding-top: 0.4em;
  background-color: #47263b;
  background-repeat: no-repeat;
  border-radius: 20em;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #fff;
  transition: 0.2s;
}
#profile .voice-list li img {
  max-width: 1.5em;
  margin-top: -0.5em;
  filter: brightness(300%) contrast(300%) grayscale(25%) saturate(0%);
}
#profile .voice-list li:hover {
  cursor: pointer;
  background-color: #c87ee6;
}
#profile .inner {
  display: flex;
  justify-content: center;
  align-items: top;
  gap: 2em;
}
#profile .inner .left {
  width: 50%;
}
#profile .inner .left img {
  margin-top: -2em;
}
#profile .inner .right {
  width: 50%;
  text-align: left;
}
#profile .inner .right .prof-bigtext {
  width: 30em;
  filter: drop-shadow(0px 0px 7px #ffb9c8) drop-shadow(0px 0px 2px #ff88a2) drop-shadow(0px 0px 3px #ffb2c2);
}
#profile .inner .right .intro-text {
  color: #a4728b;
  font-weight: 600;
}
#profile .inner .right .prof-data-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 2em 0 1em;
  gap: 2em;
}
#profile .inner .right .prof-data-wrap .prof-data-right {
  width: 50%;
}
#profile .inner .right .prof-data-wrap .prof-data-left {
  width: 50%;
}
#profile .inner .right .samplevoice {
  margin: 1em 0 2em;
}
#profile .inner .right .longtext {
  margin-bottom: 4em;
}

#products .inner {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: -13.4em;
  text-align: left;
}
#products .inner .left {
  width: 50%;
  padding: 3em;
}
#products .inner .left img {
  width: 100%;
}
#products .inner .left .imglist {
  display: grid;
  grid-template-columns: repeat(4, 4fr);
  flex-wrap: wrap;
  gap: 0.7em;
  width: 80%;
  margin-top: 1em;
  margin-bottom: 2em;
}
#products .inner .left .imglist li {
  width: 100%;
}
#products .inner .left .imglist li img {
  min-width: 100%;
  border-radius: 1em;
  border: 1px solid #252525;
}
#products .inner .right {
  width: 50%;
  position: relative;
}
#products .inner .right img {
  min-width: 100%;
}
#products .inner .right .swiper {
  position: sticky;
  top: 0;
  right: 0;
}
#products .inner .right .fullbody-front {
  width: 100%;
  padding-top: 180%;
  background-image: url("../img/product/slide01.jpg");
  background-size: cover;
  background-position: center;
}
#products .inner .right .fullbody-back {
  width: 100%;
  padding-top: 180%;
  background-image: url("../img/product/slide02.jpg");
  background-size: cover;
  background-position: center;
}

#love2plus h2 {
  position: relative;
}
#love2plus h2 .onamae {
  position: absolute;
  left: 15%;
  bottom: -5em;
  width: 12em;
}
#love2plus .inner {
  margin-top: -11em !important;
}
#love2plus .love2-set-item {
  background: linear-gradient(180deg, #fca9cd 0%, #df8ffb 100%);
  border-radius: 2em;
  width: 90%;
  margin: 4em auto 2em;
  padding: 2.5em;
}
#love2plus .love2-set-item .big-heading {
  font-weight: 800;
  filter: drop-shadow(0px 0px 2px #a03068) drop-shadow(0px 0px 1px #df8ffb) drop-shadow(0px 0px 3px #df8ffb) drop-shadow(0px 0px 1px #fca9cd) drop-shadow(0px 0px 2px #fca9cd);
  color: #fff;
  margin-top: -4.2em;
}
#love2plus .love2-set-item ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#love2plus .love2-set-item ul .item {
  margin-top: 0.2em;
  width: 30%;
  line-height: 1.5em;
}
#love2plus .love2-set-item ul .item .heading {
  background-color: #a4728b;
  color: #fff;
  border: 1px solid #252525;
  border-radius: 150px;
  padding: 0 1.5em;
  min-width: 160px;
  text-align: center;
  font-size: 90%;
  display: inline-block;
  position: relative;
  top: 1.2em;
}
#love2plus .love2-set-item ul .item .text {
  text-align: center;
  border-radius: 1.5em 1.5em 0 0;
  overflow: hidden;
  background: #fff;
  padding: 1.8em 1.2em 1.2em 1.2em;
  font-weight: 600;
}
#love2plus .love2-set-item ul .item img {
  min-width: 100%;
  border-radius: 0 0 1.5em 1.5em;
}
#love2plus .love2-set-item ul .plus {
  background-color: transparent;
  font-size: 250%;
  line-height: 3em;
  font-weight: 700;
  color: #fff;
  filter: drop-shadow(0px 0px 2px #a03068) drop-shadow(0px 0px 1px #df8ffb) drop-shadow(0px 0px 3px #df8ffb) drop-shadow(0px 0px 1px #fca9cd) drop-shadow(0px 0px 2px #fca9cd);
  margin: 0.4em;
}
#love2plus .love2contact-caution {
  display: flex;
  flex-wrap: nowrap;
  gap: 2em;
  width: 90%;
  margin: 3em auto 5em auto;
}
#love2plus .love2contact-caution .love2_contact {
  width: 50%;
}
#love2plus .love2contact-caution .love2_contact .roundH4 {
  background: #a4728b;
  border: 1px solid #47263b;
  color: #fff;
  min-width: 4.5em;
  min-height: 4.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  padding: 0.6em;
  font-size: 95%;
  line-height: 1.5em;
}
#love2plus .love2contact-caution .love2_contact .contact-text {
  display: flex;
  align-items: center;
  gap: 1em;
  text-align: left;
  font-size: 98%;
}
#love2plus .love2contact-caution .love2_contact .table01 .text-wrap {
  margin-top: 1.5em;
  font-size: 90%;
  text-align: left;
}
#love2plus .love2contact-caution .caution {
  width: 50%;
}
#love2plus .love2contact-caution .caution h5 {
  border: 0.5px solid #47263b;
  border-radius: 1.2em;
  margin-bottom: 0.5em;
}
#love2plus .love2contact-caution .caution .text-wrap ul {
  font-size: 90%;
  text-align: left;
}
#love2plus .love2contact-caution .caution .text-wrap ul li {
  margin: 1em;
}

.slide-none {
  position: relative;
}

#order {
  position: relative;
  padding-bottom: 3em;
}
#order h3 {
  width: 80%;
  margin: auto;
  margin-top: 1em;
}
#order .inner {
  width: 100%;
  margin-top: -6em;
  padding: 0 2em;
}
#order .tape-caution {
  text-align: center;
  width: 90%;
  margin: auto;
  margin-top: 1em;
}
#order .swiper-order {
  position: relative;
}
#order .order-dakimakura {
  position: relative;
  margin-top: 4em;
}
#order .order-dakimakura .scroll-text {
  color: #a4728b;
  position: absolute;
  left: 10%;
  top: -3em;
  font-size: 85%;
}
#order .price_Wrap {
  position: relative;
  display: flex;
  justify-content: center;
}
#order .button b {
  font-size: 80%;
}
#order .lovelove {
  /*価格表上の「名前を読んでくれる」文字*/
  position: absolute;
  padding: 0 1em;
  width: 18em;
  /*値段表ひとつの横幅*/
  bottom: 101%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#order .item_states_wrap {
  padding: 15px;
}
#order .price_List {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 95%;
  margin: 0 auto;
}
#order .price_List .item {
  width: 18em;
  /*値段表ひとつの横幅*/
  min-width: 100%;
  border-radius: 2em;
  border: 1px solid #a4728b;
  overflow: hidden;
  background: #fff;
  font-size: 90% !important;
  position: relative;
}
#order .price_List .item .img_wrap {
  width: 100%;
  overflow: hidden;
}
#order .price_List .item .img_wrap img {
  max-width: 100%;
}
#order .price_List .item .item_name {
  margin-top: 0.5em;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  line-height: 1.3;
  font-weight: 800;
  margin-bottom: 1em;
}
#order .price_List .item .item_name .mini_moji {
  font-size: 70%;
}
#order .price_List .item .item_state {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.7em 0;
  margin-top: 0px;
  border-bottom: 1px solid #e6c1db;
}
#order .price_List .item .item_state p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  width: 30%;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  margin-right: 10px;
  line-height: 1.2em;
}
#order .price_List .item .item_state .moji {
  line-height: 1.2;
  width: 85%;
  font-size: 120%;
  color: #c87ee6;
  text-align: center;
}
#order .price_List .item .item_state .mini_moji {
  font-size: 60%;
}
#order .price_List .item .price .moji {
  display: flex;
  flex-direction: column;
  font-size: 190% !important;
  line-height: 1.1em;
}
#order .price_List .item .price .mini_moji {
  font-size: 50%;
}
#order .price_List .item .tape {
  margin-bottom: 2em;
}
#order .price_List .button {
  width: 90% !important;
  min-width: 10em;
  margin: 0.7rem auto !important;
  font-size: 90%;
}
#order .price_List .item_yoyaku {
  background-color: #ecbbff;
}
#order .price_List .item_yoyaku:hover {
  background-color: #4c4c4c;
}
#order .price_List .love2_waku {
  border: 4px solid #ff82ad;
  padding-bottom: 1em;
}
#order .price_List .love2_waku .item_name {
  padding-top: 1em;
}
#order .price_List .Wlovelove {
  background: #ff82ad;
  border: 3px solid #ff82ad;
}
#order .price_List .Wlovelove .item_name {
  color: #fff;
}
#order .price_List .Wlovelove .item_state p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(11px, 80%, 14px);
  width: 30%;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #eee;
  margin-right: 10px;
}
#order .price_List .Wlovelove .item_state .moji {
  line-height: 1.2;
  width: 70%;
  font-size: 120%;
  color: #fff;
  text-align: center;
}
#order .price_List .Wlovelove .item_state .mini_moji {
  font-size: 70%;
}
#order .price_List .Wlovelove .price .moji {
  font-size: 200% !important;
}
#order .price_List .Wlovelove .price .mini_moji {
  font-size: 50%;
}
#order .price_List .Wlovelove .tape {
  margin-bottom: 2vw;
}
#order .makura_order {
  margin-top: 3em;
  margin-bottom: -3em;
}
#order .tape_order {
  margin-top: 3em;
}
#order .swiper-order-tape .img_wrap {
  padding-top: 0em;
}
#order .swiper-order-tape .price {
  margin-bottom: 1em;
}
#order .swiper-order-scrollbar,
#order .swiper5-scrollbar {
  margin: 30px auto;
  display: block;
  background: #eee;
  /* スクロールバーの背景色 */
  height: 5px;
  /* スクロールバーの高さ */
  bottom: 10px;
  /* スライダーの下から10pxに配置 */
  left: 10px;
  /* 左から10pxに配置 */
  width: 40%;
  /* 左右の余白を考慮した幅 */
}
#order .swiper-order-scrollbar .swiper5-scrollbar .swiper-scrollbar-drag {
  background: #c87ee6;
  /* スクロールドラッグの色 */
  border-radius: 4px;
  /* 角を丸くする */
}
#order .swiper-order-tape-scrollbar .swiper5-scrollbar .swiper-scrollbar-drag {
  background: #c87ee6;
  /* スクロールドラッグの色 */
  border-radius: 4px;
  /* 角を丸くする */
}

.swiper-order-btn,
.swiper-order-tape-btn {
  width: 100%;
}

.swiper-order-button-prev,
.swiper5-button-prev {
  color: #c87ee6;
  display: block !important;
  z-index: 2;
  font-size: 400%;
  position: absolute;
  top: 0%;
  left: 1em;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
  height: 1em !important;
  width: 1em;
}
.swiper-order-button-prev:hover,
.swiper5-button-prev:hover {
  left: 0.5em;
  cursor: pointer;
}

.swiper-order-button-next,
.swiper5-button-next {
  color: #c87ee6;
  display: block !important;
  z-index: 2;
  font-size: 400%;
  position: absolute;
  top: 0%;
  right: 1em;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
  height: 1em !important;
  width: 1em;
}
.swiper-order-button-next:hover,
.swiper5-button-next:hover {
  right: 0.5em;
  cursor: pointer;
}

.swiper-button-disabled {
  opacity: 0.2;
}
.swiper-button-disabled:hover {
  pointer-events: none;
}

.swiper-pagination {
  bottom: -1.5em;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 0.8em;
  height: 0.8em;
  margin: 0 0.5em !important;
  background-color: #a4728b;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #c87ee6;
}

#tapestry {
  padding-bottom: 3.5em;
}
#tapestry .product-colum {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  align-items: center;
  margin-top: -10em;
}
#tapestry .product-colum .swiper {
  overflow: visible !important;
}
#tapestry .product-colum .swiper .swiper-button-prev {
  color: #47263b;
  transition: 0.2s;
  opacity: 0.4;
}
#tapestry .product-colum .swiper .swiper-button-prev:hover {
  color: #c87ee6;
  opacity: 1;
}
#tapestry .product-colum .swiper .swiper-button-next {
  color: #47263b;
  transition: 0.2s;
  opacity: 0.4;
}
#tapestry .product-colum .swiper .swiper-button-next:hover {
  color: #c87ee6;
  opacity: 1;
}
#tapestry .product-colum .swiper .swiper-pagination {
  bottom: -1.5em;
}
#tapestry .product-colum .tape-swiper {
  width: 50%;
  padding: 2em;
  position: relative;
}
#tapestry .product-colum .tape-product {
  padding: 1em;
  width: 50%;
  text-align: left;
}
#tapestry .cta-area {
  border-radius: 1em;
  margin-top: 2.5em;
  padding: 1.5em 2em;
}
#tapestry .cta-area .cta-button {
  width: 90%;
  min-width: 14em;
  margin: 0.5em auto;
  border-radius: 200px;
  border: 2px solid #47263b;
  padding: 1.5em 1.5em;
  text-align: left;
  font-weight: 800;
  font-size: 95%;
  position: relative;
  transition: 0.2s;
}

.fontChange {
  font-family: "Playwrite NL", cursive;
}

body {
  font-family: "M PLUS 2", sans-serif;
  width: 100%;
  letter-spacing: 0.03em;
  font-size: clamp(2px, 0.85vw, 19px);
  color: #252525;
  background-color: #eff3f7;
  background-image: url("../img/common/bg.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  line-height: 1.8em;
}
body ::-moz-selection {
  background: #ff82ad;
  color: white;
}
body ::selection {
  background: #ff82ad;
  color: white;
}
body ::-moz-selection {
  /* Firefox用 */
  background: #ff82ad;
  color: #fff;
}
body img {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  max-width: 100%;
  transition: 0.2 !important;
}
body a {
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}
body a:hover {
  color: #4b4b4b;
}
body a img {
  transition: 0.2s;
}
body a img:hover {
  transform: translateY(-0.5rem);
  filter: drop-shadow(0 0.5em 10px rgba(59, 32, 32, 0.1));
}
body i {
  letter-spacing: 0;
}

.main-container {
  box-sizing: border-box;
  margin: 0 auto;
}

.contents-table {
  width: 85%;
  margin: -8em auto 3em;
  background-color: #fff;
  background-image: url("../img/common/bg_dot.jpg");
  background-size: 12px;
  border-radius: 3em;
  filter: drop-shadow(0px 0px 8px rgba(75, 75, 75, 0.2));
  padding: 6em 0em 4em;
  max-width: 2000px;
}

.inner {
  width: 95%;
  margin: -7em auto 0;
  text-align: center;
}

h2 {
  width: 100%;
  background: url("../img/common/h2bg.jpg");
  text-align: center;
  padding: 3em 2em;
  position: relative;
}
h2:before {
  content: "";
  border: 1em solid transparent;
  border-top: 1em solid #a4728b;
  margin-left: -1em;
  top: 100%;
  left: 50%;
  position: absolute;
  z-index: 3;
}
h2 p {
  margin: 0 auto;
  text-shadow: 0px 0px 5px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b, 0px 0px 3px #47263b;
}
h2 .font-180 {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
}
h2 .font-70 {
  color: #ecbbff;
}

h3 {
  color: #c87ee6;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.3;
  margin: 1em 0 0.5em;
}

h4 {
  color: #47263b;
  font-size: 120%;
  font-weight: 700;
  margin: 0.1em 0 0.5em;
}

@media screen and (max-width: 750px) {
  h2 {
    padding: 2em 2em;
  }
  h2 .font-180 {
    font-size: 120% !important;
  }
  h2 .font-70 {
    color: #ecbbff;
  }
}
#movie {
  background-color: #ecbbff;
}
#movie .inner-movie {
  padding: 2em;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}

.movieArea {
  margin: 1em auto;
  aspect-ratio: 16/9;
}

.movieArea iframe {
  display: block;
  border-radius: 10px;
  border: 1px solid #36233c;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.ifwindow2 .iziModal-iframe {
  max-height: 590px !important;
}

.ifwindow .iziModal-iframe {
  max-height: 600px !important;
}

.nywindow .iziModal-iframe {
  max-height: 776px !important;
}

.red-text {
  color: #ff5f97;
}

.fontChange {
  font-family: "Playwrite NL", cursive;
  letter-spacing: 0 !important;
}

.font-80 {
  font-size: 80% !important;
}

.font-90 {
  font-size: 90% !important;
}

.font-70 {
  font-size: 70% !important;
}

.font-120 {
  font-size: 120%;
  line-height: 1.8em;
}

.font-150 {
  font-size: 150%;
  line-height: 1.8em;
}

.font-180 {
  font-size: 180%;
  line-height: 1.9em;
}

.bold {
  font-weight: 800;
}

.sp_br {
  display: none;
}

.mini-deco-text {
  font-size: 60%;
  font-weight: 700;
  color: #bb8da4;
  letter-spacing: 0.2em;
  margin: 2em 0;
}

.line-heading-list {
  display: flex;
  align-items: stretch;
  margin: 0.7em 0;
}
.line-heading-list .line-heading {
  color: #c87ee6;
  padding-right: 0.7em;
  margin-right: 0.7em;
  border-right: 2px solid #c87ee6;
  font-weight: 600;
  display: flex;
  line-height: 1.4em;
  align-items: center;
  min-width: 6em;
  font-size: 90%;
}
.line-heading-list .contents {
  display: flex;
  align-items: center;
  white-space: inherit;
}

.list-color-normal ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.5em;
}
.list-color-normal ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7em;
  line-height: 1.7;
}
.list-color-normal ul li .heading {
  background-color: #a4728b;
  color: #fff;
  border: 1px solid #252525;
  border-radius: 150px;
  padding: 0 1.5em;
  min-width: 10em;
  text-align: center;
  font-size: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table01 {
  background: #ecbbff;
  padding: 2em;
  border-radius: 1em;
  margin: 1em 0 2em;
}

.table02 {
  background: #f0e2e9;
  padding: 0.9em;
  border-radius: 1em;
  border: 1px solid #3a3136;
  margin: 1em 0 2em;
}
.table02 h4 {
  color: #a4728b;
  font-size: 120%;
  font-weight: 700;
  margin: 0.1em 0 0.5em;
}
.table02 ul li {
  display: flex;
  align-items: stretch;
  margin: 0.6em 0;
  display: flex;
  line-height: 1.3em;
}
.table02 ul li .line-heading {
  color: #96687f;
  padding-right: 0.7em;
  margin-right: 0.7em;
  border-right: 1px solid #a4728b;
  font-weight: 600;
  display: flex;
  line-height: 1.4em;
  align-items: center;
  min-width: 60px;
  font-size: 90%;
}

.list-wrap {
  margin: 1em auto;
}
.list-wrap .font-150 {
  line-height: 1.3em !important;
}
.list-wrap li {
  justify-content: center !important;
}

.cta-area {
  background-color: #ecbbff;
  text-align: center;
  padding: 2.5em 0;
}
.cta-area .cta-button-area {
  margin: 2em auto;
  font-size: 120%;
}
.cta-area .cta-button-area p {
  font-weight: 600;
}
.cta-area .list-wrap {
  margin: 1em auto;
  text-align: center;
}
.cta-area .list-wrap ul {
  justify-content: center;
  gap: 0 !important;
}
.cta-area .list-wrap ul li {
  flex-wrap: wrap !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cta-area .list-wrap ul li .heading {
  font-size: 110%;
}
.cta-area .list-wrap ul li .contents {
  line-height: 1em;
  color: #fff;
  font-weight: 900;
  font-size: 250%;
  letter-spacing: 0.1rem;
  filter: drop-shadow(3px 0px 0 #47263b) drop-shadow(0px 7px 0 #47263b) drop-shadow(-3px 0px 0 #47263b) drop-shadow(0px -3px 0 #47263b);
}
.cta-area .list-wrap ul li .font-80 {
  font-size: 60%;
}

.newyearButton {
  position: fixed;
  left: 1em;
  bottom: 1em;
  z-index: 80;
}
.newyearButton img {
  width: 22em;
}

.top-fixed-text {
  position: fixed;
  top: 1.5em;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  width: 14em;
  filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff);
}

.secondkiss-bigtext-top {
  position: absolute;
  top: -20%;
  left: -17%;
  width: 65%;
}

.secondkiss-bigtext-bottom {
  position: absolute;
  bottom: -6%;
  left: -20%;
  width: 65%;
}

.tag {
  background: #a4728b;
  position: sticky;
  height: auto;
  top: 2em;
  left: 0em;
  margin-left: -4.6em;
  margin-top: 2em;
  padding: 2em 1em;
  color: #fff;
  text-shadow: 0 0 10px #252525;
  letter-spacing: 0.7em;
  font-size: 70%;
  font-weight: 900;
  writing-mode: vertical-lr;
  border-radius: 1em 0 0 1em;
  margin-bottom: 2em;
}

hr {
  border-top: 1px solid #4b4b4b;
}

.newmark {
  position: relative;
  display: inline-block;
}
.newmark:before {
  content: "";
  background-image: url("../img/common/newmark.svg");
  animation: float 3s infinite;
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: -120%;
  left: -50%;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 3;
}

#loading {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #c87ee6;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#loading p {
  letter-spacing: 0.5em;
}

@media screen and (max-width: 750px) {
  .table01 {
    background: #ecbbff;
    padding: 1.5em !important;
    border-radius: 1em;
    margin: 1em 0 2em;
  }
  .cta-area {
    font-size: 90% !important;
    padding: 1em !important;
  }
  .cta-area .cta-button-area {
    margin: 2em auto;
  }
  .cta-area .cta-button-area p {
    font-size: 68%;
  }
  .cta-area .contents {
    font-size: 210% !important;
    margin-top: 0.2em;
    filter: drop-shadow(2px 0px 0 #47263b) drop-shadow(0px 5px 0 #47263b) drop-shadow(-2px 0px 0 #47263b) drop-shadow(0px -2px 0 #47263b) !important;
  }
}
@keyframes move {
  0% {
    transform: rotate(0deg);
  }
  50% {
    border-radius: 32% 39% 45% 30%/43% 47% 29% 45%;
  }
  75% {
    border-radius: 68% 21% 80% 19%/46% 30% 60% 31%;
  }
}
/* fall */
@keyframes fall {
  0% {
    background-position: 0 0;
  }
  /* 背景画像の位置を左上に設定 */
  100% {
    background-position: -100em 100em;
  }
  /* 背景画像の位置を左上から700px右下に設定 */
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5em);
  }
  100% {
    transform: translateY(0);
  }
}
.bounce2 {
  animation: bounce_2283 5.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_2283 {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-15px);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-15px);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.bounce1 {
  animation: bounce_2283 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_2283 {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-15px);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-15px);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.bounce3 {
  animation: bounce_2283 5.5s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_2283 {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-15px);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-15px);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.spin2 {
  animation: spin_19902 1.5s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes spin_19902 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.spin {
  animation: spin_1990 1.5s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes spin_1990 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.button {
  width: 60%;
  min-width: 15em;
  margin: 0.5em auto;
  background: #fff;
  border-radius: 200px;
  border: 2px solid #47263b;
  padding: 0.8em 1.8em;
  text-align: left;
  font-weight: 800;
  font-size: 110%;
  position: relative;
  transition: 0.2s;
  display: block;
  cursor: pointer;
}
.button::after {
  content: "\f0a9";
  /* Font Awesome のコード */
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  /* Font Awesome のファミリ名は導入しているバージョンで変わるので要確認 */
  font-family: "Font Awesome 6 Free";
  /* 例: FA5 Free */
  font-weight: 900;
  /* FA5 の場合は 900 (solid) 等 */
  font-size: 1.2em;
  color: #47263b;
  pointer-events: none;
  z-index: 2;
  transition: 0.2s;
}
.button:hover {
  scale: 0.95;
  color: #c87ee6;
  background: #ebebeb;
}
.button:hover::after {
  color: #c87ee6;
}

.cta-button {
  width: 70%;
  min-width: 30em;
  margin: 0.5em auto;
  background: #fff url("../img/common/bigtext.png") no-repeat right 20%/100%;
  border-radius: 200px;
  border: 2px solid #47263b;
  padding: 1.3em 2.5em;
  text-align: left;
  font-weight: 800;
  font-size: 140%;
  position: relative;
  transition: 0.2s;
  cursor: pointer;
}
.cta-button::after {
  content: "\f0a9";
  /* Font Awesome のコード */
  position: absolute;
  right: 2.5em;
  top: 50%;
  transform: translateY(-50%);
  /* Font Awesome のファミリ名は導入しているバージョンで変わるので要確認 */
  font-family: "Font Awesome 6 Free";
  /* 例: FA5 Free */
  font-weight: 900;
  /* FA5 の場合は 900 (solid) 等 */
  font-size: 1.2em;
  color: #47263b;
  pointer-events: none;
  z-index: 2;
  transition: 0.2s;
}
.cta-button:hover {
  scale: 0.95;
  color: #c87ee6;
  background: #ebebeb url("../img/common/bigtext.png") no-repeat right 20%/100%;
}
.cta-button:hover::after {
  color: #c87ee6;
}

@media screen and (max-width: 750px) {
  .button {
    width: 90% !important;
    min-width: 90% !important;
    font-size: 90% !important;
    padding: 1em 1.5em !important;
    line-height: 1.4;
  }
  .button::after {
    right: 1.5em !important;
  }
  .cta-button {
    width: 90% !important;
    min-width: 90% !important;
    font-size: 85% !important;
    padding: 1em 1.5em !important;
  }
  .cta-button::after {
    right: 1.5em !important;
  }
}
header .menubtn {
  position: fixed;
  transition: 0.3s;
  z-index: 95;
  top: 1em !important;
  right: 1em !important;
  border-radius: 4em;
  border: 2px solid #47263b;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.1em;
  pointer-events: all !important;
  background-color: #fff;
  width: 5em;
  height: 5em;
  cursor: pointer;
  box-sizing: border-box;
}
header .menubtn i {
  font-size: 150%;
}
header .menubtn span {
  font-size: 55%;
}
header .menubtn i {
  color: #47263b;
  transition: 0.3s;
  cursor: pointer;
}
header .menubtn:hover {
  transform: scale(0.9);
  background-color: #eeeeee;
}
header .menubtn:hover i {
  color: #c87ee6;
}
header nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  justify-content: center;
  width: 100%;
  min-height: 100dvh;
  overflow: hidden;
  pointer-events: none;
  align-items: center;
}
header nav .menuInner {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100dvh;
  right: -2em;
  display: flex;
  align-items: center;
}
header nav .menuInner ul {
  background-color: #fff;
  background-image: url("../img/common/bg_dot.jpg");
  background-size: 12px;
  width: 15em;
  border-radius: 1em 0 0 2em;
  padding: 2.2em 3.5em 0.5em 1.5em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1em;
  box-sizing: border-box;
  filter: drop-shadow(0 0 3px #c9c9c9);
}
header nav .menuInner ul:before {
  content: "";
  height: 0.8em;
  width: 100%;
  border-radius: 2em 0 0 0;
  background: #a4728b;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
header nav .menuInner ul li {
  line-height: 1em;
}
header nav .menuInner ul li hr {
  background: transparent;
  border: 0.1em dashed #c4b4bc;
}
header nav .menuInner ul li .btn-pink {
  background: #ff82ad;
  padding: 0.6em 1em;
  border-radius: 2em;
  font-weight: 700;
  color: #252525;
  width: 100%;
  text-align: center;
  transition: 0.3s;
  margin-bottom: -0.3em;
  font-size: 80%;
}
header nav .menuInner ul li .btn-purple {
  background: #c87ee6;
  padding: 0.6em 1em;
  border-radius: 2em;
  font-weight: 700;
  color: #252525;
  width: 100%;
  text-align: center;
  transition: 0.2s;
}
header nav .menuInner ul li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 100%;
  margin-bottom: 0.8em;
  pointer-events: all !important;
  transition: 0.3s;
}
header nav .menuInner ul li a:hover {
  scale: 0.9;
}
header nav .menuInner ul li a .font-80 {
  font-size: 50%;
}
header nav .menuInner ul li a img {
  display: block;
  width: 6em;
  margin: 0 auto;
}

@media screen and (max-width: 700px) {
  .menubtn {
    position: fixed;
    transition: 0.3s;
    z-index: 998;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    line-height: 1.1em;
    border-bottom: 1px solid #4b4b4b;
    border-left: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    border-top: 1px solid #4b4b4b;
    background-color: #fff;
    width: 4em;
    height: 4em;
    cursor: pointer;
    box-sizing: border-box;
  }
  .menubtn i {
    font-size: 150%;
  }
  .menubtn span {
    font-size: 55%;
  }
  .menubtn:hover {
    background-color: #c87ee6;
  }
}
#pagetop {
  position: fixed;
  transition: 0.3s;
  z-index: 95;
  right: 1em;
  bottom: 1em;
  border-radius: 2em;
  border: 2px solid #47263b;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.1em;
  background-color: #fff;
  width: 4em;
  height: 4em;
  cursor: pointer;
  box-sizing: border-box;
}
#pagetop i {
  color: #47263b;
  font-size: 180%;
  transition: 0.3s;
  cursor: pointer;
}
#pagetop:hover {
  transform: scale(0.9) !important;
  background-color: #eeeeee;
}
#pagetop:hover i {
  color: #c87ee6;
}

footer {
  background-color: #a4728b;
  width: 85%;
  margin: 0 auto;
  border-radius: 2em 2em 0 0;
  padding: 3em 2em;
  text-align: center;
  font-size: 70%;
  color: #fff;
}

@keyframes rotateRecord {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 750px) {
  .secondkiss-bigtext-top {
    position: absolute;
    top: -12% !important;
    left: -17% !important;
    width: 100% !important;
  }
  .secondkiss-bigtext-bottom {
    position: absolute;
    bottom: -10% !important;
    left: auto !important;
    right: 0% !important;
    width: 100% !important;
  }
  .newyearButton img {
    width: 14em !important;
  }
  .sp_br {
    display: block !important;
  }
  body {
    font-size: clamp(2px, 3.5vw, 25px);
    line-height: 2;
    background-size: 150%;
    letter-spacing: 0.009em !important;
  }
  #top {
    flex-wrap: wrap !important;
    flex-direction: column-reverse !important;
    width: 90% !important;
    margin-top: 7em;
  }
  #top .left {
    width: 100% !important;
    position: relative;
    z-index: 5 !important;
  }
  #top .left .logo {
    width: 17em !important;
  }
  #top .left .staff ul {
    gap: 2em !important;
  }
  #top .left .staff ul li {
    flex-direction: column;
  }
  #top .right {
    width: 100% !important;
  }
  #top .right .release {
    left: auto;
    right: -2%;
    bottom: 15%;
    width: 8em !important;
  }
  .contents-table {
    width: 95% !important;
    margin: 0em 0 3em auto !important;
    padding: 1em 0em 3em !important;
    border-radius: 1.5em 0 0 1.5em !important;
  }
  .tag {
    left: 0.5em !important;
    padding: 2em 0.5em !important;
    font-size: 40% !important;
    margin-top: 10em;
  }
  #profile .inner {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
  }
  #profile .inner .intro-text {
    font-size: 100%;
  }
  #profile .inner .left {
    width: 100%;
    margin: 0 auto;
  }
  #profile .inner .right {
    width: 95%;
    margin: 0 auto;
  }
  #profile .inner .right .prof-bigtext {
    width: 20em !important;
  }
  #profile .inner .right .prof-data-wrap {
    margin: 2em auto 1em !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    flex-direction: column-reverse !important;
    gap: 1em !important;
  }
  #profile .inner .right .prof-data-wrap .prof-data-right {
    width: 100% !important;
  }
  #profile .inner .right .prof-data-wrap .prof-data-right .list-color-normal ul {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: 1em;
  }
  #profile .inner .right .prof-data-wrap .prof-data-right .list-color-normal ul .heading {
    min-width: 100% !important;
  }
  #profile .inner .right .prof-data-wrap .prof-data-left {
    width: 100% !important;
  }
  #profile .inner .right .line-heading-list {
    display: flex;
    align-items: stretch;
    margin: 1em 0;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
  }
  #profile .inner .right .line-heading-list .line-heading {
    color: #c87ee6;
    padding-right: 0em;
    margin-right: 0em;
    border-right: 0px solid #c87ee6 !important;
    border-bottom: 2px solid #c87ee6;
    font-weight: 600;
    display: flex;
    line-height: 1.4em;
    align-items: flex-start !important;
    min-width: 100% !important;
    font-size: 90%;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
  }
  #profile .inner .right .line-heading-list .contents {
    display: block !important;
  }
  #profile .longtext br {
    display: none;
  }
  #products .inner {
    flex-wrap: wrap !important;
    flex-direction: column-reverse !important;
    margin-top: -10.9em !important;
  }
  #products .inner .left {
    padding: 1em !important;
    width: 95% !important;
    margin: 0 auto 2em;
  }
  #products .inner .left br {
    display: none;
  }
  #products .inner .left .imglist {
    width: 90% !important;
    margin: 1em auto 2em;
  }
  #products .inner .left .list-color-normal ul {
    gap: 2em;
  }
  #products .inner .left .list-color-normal li {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #products .inner .right {
    width: 100% !important;
  }
  #love2plus .inner {
    width: 90%;
  }
  #love2plus .onamae {
    position: absolute;
    left: -3% !important;
    bottom: -3.5em !important;
    width: 7em !important;
  }
  #love2plus .text-wrap br {
    display: none;
  }
  #love2plus .text-wrap .list-color-normal {
    margin-bottom: 2em;
  }
  #love2plus .love2-set-item {
    padding: 3em 1em 3em 1em !important;
    width: 100% !important;
    margin: 4em auto 2em !important;
  }
  #love2plus .love2-set-item .big-heading {
    position: relative;
    top: 1em;
    line-height: 0.1em;
  }
  #love2plus .love2-set-item ul {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
  #love2plus .love2-set-item ul .item {
    width: 90% !important;
  }
  #love2plus .love2-set-item ul .plus {
    background-color: transparent;
    line-height: 0em;
    position: relative;
    top: 0.1em;
  }
  #love2plus .love2contact-caution {
    width: 95% !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    gap: 0em !important;
  }
  #love2plus .love2_contact {
    width: 100% !important;
  }
  #love2plus .caution {
    width: 100% !important;
  }
  #tapestry .product-colum {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
  #tapestry .tape-swiper {
    width: 100% !important;
    padding: 2em;
    position: relative;
  }
  #tapestry .tape-product {
    padding: 1em;
    width: 100% !important;
    text-align: left;
  }
  #tapestry .tape-product .tape-product-list ul {
    gap: 2em;
  }
  #tapestry .tape-product .tape-product-list li {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #tapestry .tape-product .cta-area {
    padding: 1em 1em !important;
  }
  #tapestry .tape-product .cta-area .cta-button {
    font-size: 75% !important;
  }
  #order .inner {
    padding: 0 1em !important;
  }
  #order h3 {
    width: 95% !important;
  }
  #order .order-dakimakura {
    position: relative;
  }
  #order .namechange-text {
    text-align: left;
    width: 95% !important;
    margin: 0 auto;
  }
  #order .slide-none .love2_waku {
    margin-top: 2em !important;
  }
  #order .slide-none .lovelove {
    bottom: 96% !important;
  }
  #order .swiper-order,
  #order .swiper-order-tape {
    overflow: visible;
    width: 100% !important;
    position: relative;
    margin: 0 auto !important;
  }
  #order .swiper-order .swiper-slide,
  #order .swiper-order-tape .swiper-slide {
    line-height: 1em !important;
    position: relative;
    width: 20em;
    /*値段表ひとつの横幅*/
    min-width: 20em !important;
  }
  #order .tape-caution {
    width: 95% !important;
  }
  .swiper-order-button-prev,
  .swiper5-button-prev {
    font-size: 300% !important;
    left: 0em !important;
  }
  .swiper-order-button-next,
  .swiper5-button-next {
    font-size: 300% !important;
    right: 0em !important;
  }
  .swiper-order-button-next:hover,
  .swiper5-button-next:hover {
    right: 0.5em;
    cursor: pointer;
  }
}/*# sourceMappingURL=style.css.map */