/* =============
リセット
============================ */

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,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

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: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
  box-sizing: border-box;
}

ins {
  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 #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

textarea {
  font-size: 100%;
  box-sizing: border-box;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

body {
  background: linear-gradient(120deg, #fff6e6 0%, #f9e4ff 100%);
  font-family: Poppins, sans-serif;
  color: #252525;
  font-size: 17px;
  margin: 0;
  padding: 0;
  line-height: 1.7;
}

/* ==== 全体最大幅900px ==== */
.inner,
.price-table-wrap,
.top_wrapper,
.appdl_wrapper,
.dll_wrapper,
.faq_wrapper .inner,
.second_wrapper .inner,
.third_wrapper .inner {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* ==== ヘッダーロゴ ==== */

.header {
  background: #ffbd16;
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0;
}

.logo {
  width: 120px;
  height: 24px;
  display: block;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2062%22%3E%3Cg%20id%3D%22レイヤー_2%22%20data-name%3D%22レイヤー%202%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M199.4%2C42.69a11.65%2C11.65%2C0%2C0%2C1-10.56%2C8.2%2C13.57%2C13.57%2C0%2C0%2C1-10.78-4.53c-5.24%2C6-15.42%2C6.21-19.82-.56-4.33%2C3.08-11%2C5.09-17.52%2C5.09-8.79-.29-13.1-3.22-19.06-7.93-6.34-5.9-15.36-1.2-19.53%2C6.12v10a2.4%2C2.4%2C0%2C0%2C1-4.79%2C0V46.38a17.3%2C17.3%2C0%2C0%2C1-11.73%2C4.51%2C17%2C17%2C0%2C0%2C1-14.94-8.58%2C11.34%2C11.34%2C0%2C0%2C1-12.86.08c-4.86%2C9.09-15.06%2C14.3-28%2C14.3-10.19%2C0-18.66-3.2-24.18-9V59.07a2.4%2C2.4%2C0%2C0%2C1-4.8%2C0V40a2.44%2C2.44%2C0%2C0%2C1%2C1-2%2C2.4%2C2.4%2C0%2C0%2C1%2C3.45.8c3.8%2C8.5%2C12.67%2C13.08%2C24.49%2C13.13s22.42-5.22%2C24.85-14.77a2.37%2C2.37%2C0%2C0%2C1%2C1.23-1.37%2C2.41%2C2.41%2C0%2C0%2C1%2C3.12%2C1c2.06%2C3.73%2C8.37%2C3.72%2C10.43%2C0a2.41%2C2.41%2C0%2C0%2C1%2C4.08-.17%2C2.29%2C2.29%2C0%2C0%2C1%2C.33.75%2C12.33%2C12.33%2C0%2C0%2C0%2C23.61%2C0%2C2.4%2C2.4%2C0%2C0%2C1%2C4.66.05c.11.29.05%2C3.57.06%2C3.94%2C3.64-3.49%2C8.31-5.8%2C12.44-5.8%2C7.63-.26%2C10.24%2C4.68%2C15.57%2C7.65a21.18%2C21.18%2C0%2C0%2C0%2C10.58%2C2.93c7.11%2C0%2C13.7-2.58%2C17.07-6.21a2.42%2C2.42%2C0%2C0%2C1%2C3.49%2C1.34c2%2C6.51%2C11.46%2C6.55%2C14.55-.14a2.39%2C2.39%2C0%2C0%2C1%2C4.34-.26%2C8.62%2C8.62%2C0%2C0%2C0%2C8.38%2C5.27%2C6.9%2C6.9%2C0%2C0%2C0%2C6.29-4.87%2C2.39%2C2.39%2C0%2C0%2C1%2C4.56%2C1.46ZM64.17%2C46.1a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.4V59.07a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V48.5A2.39%2C2.39%2C0%2C0%2C0%2C64.17%2C46.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.91%2C21.4a.31.31%2C0%2C0%2C1%2C.32-.33%2C5%2C5%2C0%2C0%2C1%2C3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C1%2C24.62%2C28a.29.29%2C0%2C0%2C1-.34.31C20.36%2C27.79%2C19.37%2C26.48%2C18.91%2C21.4Zm-1.22%2C0a.31.31%2C0%2C0%2C0-.32-.33%2C5%2C5%2C0%2C0%2C0-3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C0%2C12%2C28a.29.29%2C0%2C0%2C0%2C.34.31C16.24%2C27.79%2C17.23%2C26.48%2C17.69%2C21.4Zm-5.37%2C8.31A.3.3%2C0%2C0%2C0%2C12%2C30a8.62%2C8.62%2C0%2C0%2C0%2C1.74%2C5.18A5%2C5%2C0%2C0%2C0%2C17.37%2C37a.31.31%2C0%2C0%2C0%2C.32-.33C17.23%2C31.59%2C16.24%2C30.27%2C12.32%2C29.71Zm6.59%2C7a.31.31%2C0%2C0%2C0%2C.32.33%2C5%2C5%2C0%2C0%2C0%2C3.65-1.79A8.62%2C8.62%2C0%2C0%2C0%2C24.62%2C30a.3.3%2C0%2C0%2C0-.34-.32C20.36%2C30.27%2C19.37%2C31.59%2C18.91%2C36.67ZM40.61%2C21.4a.31.31%2C0%2C0%2C0-.32-.33%2C5%2C5%2C0%2C0%2C0-3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C0%2C34.9%2C28a.29.29%2C0%2C0%2C0%2C.34.31C39.16%2C27.79%2C40.15%2C26.48%2C40.61%2C21.4Zm6.59%2C7a.29.29%2C0%2C0%2C0%2C.34-.31%2C8.6%2C8.6%2C0%2C0%2C0-1.74-5.18%2C5%2C5%2C0%2C0%2C0-3.65-1.79.31.31%2C0%2C0%2C0-.32.33C42.29%2C26.48%2C43.28%2C27.79%2C47.2%2C28.35Zm-5.37%2C8.32a.31.31%2C0%2C0%2C0%2C.32.33%2C5%2C5%2C0%2C0%2C0%2C3.65-1.79A8.62%2C8.62%2C0%2C0%2C0%2C47.54%2C30a.3.3%2C0%2C0%2C0-.34-.32C43.28%2C30.27%2C42.29%2C31.59%2C41.83%2C36.67Zm-6.59-7a.3.3%2C0%2C0%2C0-.34.32%2C8.62%2C8.62%2C0%2C0%2C0%2C1.74%2C5.18A5%2C5%2C0%2C0%2C0%2C40.29%2C37a.31.31%2C0%2C0%2C0%2C.32-.33C40.15%2C31.59%2C39.16%2C30.27%2C35.24%2C29.71Zm142.82-8a2.4%2C2.4%2C0%2C0%2C0-2.4%2C2.4v7.3a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0v-7.3A2.39%2C2.39%2C0%2C0%2C0%2C178.06%2C21.68Zm-17.84-3.27a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.39V31.38a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V20.8A2.39%2C2.39%2C0%2C0%2C0%2C160.22%2C18.41Zm35.67%2C0a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.39V31.38a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V20.8A2.39%2C2.39%2C0%2C0%2C0%2C195.89%2C18.41Zm-42.72%2C13a2.41%2C2.41%2C0%2C0%2C1-2.4%2C2.4H128c0%2C.3%2C0%2C.59%2C0%2C.88a2.4%2C2.4%2C0%2C0%2C1-4.79%2C0%2C20%2C20%2C0%2C0%2C1%2C.41-3.77c2.18-12%2C16.69-16.37%2C25.39-8.54A12.41%2C12.41%2C0%2C0%2C1%2C153.17%2C31.38ZM129.25%2C29h18.66a8.22%2C8.22%2C0%2C0%2C0-2.16-3.12%2C10.87%2C10.87%2C0%2C0%2C0-7.39-2.67A10.11%2C10.11%2C0%2C0%2C0%2C129.25%2C29ZM85.61%2C18.41A17%2C17%2C0%2C0%2C0%2C70.67%2C27a11.17%2C11.17%2C0%2C0%2C0-6.49-2%2C11.29%2C11.29%2C0%2C0%2C0-5.51%2C1.41%2C35.63%2C35.63%2C0%2C0%2C0-6.58-15.85%2C5.68%2C5.68%2C0%2C0%2C1-.81-1.25c.11-7.95-9.56-11.65-15.19-6-.17.17-.32.34-.43.47a6.21%2C6.21%2C0%2C0%2C1-1.1-.06%2C42.44%2C42.44%2C0%2C0%2C0-4.8-.24%2C56.86%2C56.86%2C0%2C0%2C0-5.88.33C18.52-2.52%2C8.13%2C1%2C8.24%2C9.26a5.68%2C5.68%2C0%2C0%2C1-.81%2C1.25A36.36%2C36.36%2C0%2C0%2C0%2C.49%2C29.15a2.4%2C2.4%2C0%2C0%2C0%2C4.78.42%2C31.38%2C31.38%2C0%2C0%2C1%2C6-16.15A6.72%2C6.72%2C0%2C0%2C0%2C13%2C9.26a3.59%2C3.59%2C0%2C0%2C1%2C2.23-3.58A4.22%2C4.22%2C0%2C0%2C1%2C20.2%2C6.81c1.26%2C1.54%2C2.57%2C2%2C5.23%2C1.6a39.31%2C39.31%2C0%2C0%2C1%2C4.33-.21%2C39.31%2C39.31%2C0%2C0%2C1%2C4.33.21c2.8.41%2C4.08-.15%2C5.33-1.72a4.22%2C4.22%2C0%2C0%2C1%2C4.84-1%2C3.59%2C3.59%2C0%2C0%2C1%2C2.23%2C3.58%2C6.72%2C6.72%2C0%2C0%2C0%2C1.79%2C4.16%2C31.38%2C31.38%2C0%2C0%2C1%2C6%2C16.15c.17%2C1.64%2C0%2C3.07%2C1.45%2C3.9a2.4%2C2.4%2C0%2C0%2C0%2C3.31-1%2C6.25%2C6.25%2C0%2C0%2C1%2C10.38.09A2.4%2C2.4%2C0%2C0%2C0%2C73.8%2C32%2C12%2C12%2C0%2C0%2C1%2C85.61%2C23.2%2C12.26%2C12.26%2C0%2C0%2C1%2C96%2C28.65%2C2.4%2C2.4%2C0%2C1%2C0%2C100%2C26%2C17%2C17%2C0%2C0%2C0%2C85.61%2C18.41Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  filter: drop-shadow(0 0 1px #c99000);
}

/* ==== トップ・タイトル周り ==== */
.top_wrapper {
  width: 100%;
  background: #fff8fa;
  color: #e449a4;
  text-align: center;
  padding: 44px 0 16px;
  margin-bottom: 16px;
  border-bottom: 2px dashed #ffe18a;
}

.top_wrapper h1 {
  font-size: 2.4em;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: #e449a4;
  font-family: Fredoka, sans-serif;
}

.top_wrapper h1 span {
  font-size: 0.8em;
}

.asterisk {
  font-size: 0.4em !important;
}

.price {
  background: linear-gradient(130deg, #ff1eee, #64b2d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* Safari以外用 */
  font-weight: 900;
  font-size: 1em !important;
}

.top_wrapper .entry {
  margin: 26px 0 18px;
}

.entry-button {
  background: linear-gradient(130deg, #a63ffb 0%, #4cccff 80%);
  color: #fff;
  border-radius: 999px;
  font-size: 1.25em;
  padding: 16px 52px;
  font-weight: 900;
  letter-spacing: 0.05em;
  border: 3px solid #fff;
  box-shadow: 0 4px 22px #ffcdfc70, 0 2px 6px #ffe18a77;
  transition: filter 0.2s, box-shadow 0.2s, background 0.2s;
  cursor: pointer;
}

.entry-button:hover {
  filter: brightness(1.08) saturate(1.15);
  box-shadow: 0 8px 32px #ffd6fa77;
}

.notes {
  color: #b8a3ae;
  font-size: 0.98em;
  margin: 12px auto 0;
  max-width: 90vw;
  padding-top: 20px;
}

/* ==== 見出し・汎用 ==== */
h2,
h5 {
  font-family: Fredoka, sans-serif;
  color: #e449a4;
  font-weight: bold;
  letter-spacing: 0.04em;
}

h2 {
  font-size: 2em;
  margin-bottom: 24px;
  margin-top: 20px;
  text-align: left;
  position: relative;
  line-height: 1.3;
}

.second_wrapper h2 {
  margin-top: 40px;
}

h2 i {
  margin-right: 0.5em;
}

h2.appdltext {
  text-align: center;
}

div.appdltext {
  text-align: center;
}

/*
h2::after {
  content: '💖';
  font-size: 0.95em;
  margin-left: 0.35em;
}
*/
h5 {
  color: #fa50b0;
  font-size: 1.25em;
  margin: -12px 0 10px;
  text-align: center;
}

/* ==== プレミアム機能・ボックス ==== */
.feature-box {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 16px #ffc8eb22;
  padding: 15px 22px;
  margin: 0 0 18px;
  gap: 18px;
  font-size: 1.07em;
}

.feature-badge {
  background: linear-gradient(130deg, #a63ffb 0%, #4cccff 80%);
  color: #fff;
  border-radius: 18px;
  padding: 6px 18px;
  font-weight: 700;
  font-size: 1.2em;
  margin-right: 8px;
  box-shadow: 0 1px 4px #ffe6d3c2;
  white-space: nowrap;
}

.feature-text {
  color: #552c57;
  font-size: 1.03em;
  letter-spacing: 0.01em;
}

/* ==== スクロール画像 ==== */
.scroll-container {
  overflow: hidden;
  max-width: 900px;
  white-space: nowrap;
  margin: 14px auto 50px;
  border-radius: 18px;
  box-shadow: 0 2px 12px #fdb8e7a2;
  background: #fff;
  padding: 8px 0;
}

.scroll-content {
  display: inline-block;
  will-change: transform;
  -webkit-animation: scroll 40s linear infinite;
  animation: scroll 40s linear infinite;
}

.imgthumbnail {
  height: 180px !important;
  width: auto !important;
  max-width: none !important;
  margin-right: 0;
  box-shadow: 0 2px 12px #fdb8e799;
  background: #fff;
  vertical-align: middle;
}

/* ==== セクション画像 ==== */
.sectin02Img {
  text-align: center;
  margin: 0 0 50px;
}

.sectin02Img img {
  width: 100%;
  border-radius: 10px;
}

/* ==== 注意書き・リスト ==== */
.att {
  margin: 0 0 10px 20px;
  color: #e449a4;
  line-height: 1.6;
  list-style: disc;
  padding-left: 18px;
}

.attsave {
  font-size: 0.8em;
  margin-top: -35px;
  color: #999;
}

.price-table-note .attsave {
  margin-top: 0;
}

/* ==== アプリDLエリア ==== */
.appdl_wrapper,
.dll_wrapper {
  background: linear-gradient(150deg, #fff4e3 52%, #ffdbeb 100%);
  border-radius: 24px;
  box-shadow: 0 2px 12px #ffe18a44;
  margin: 36px auto;
  padding: 15px 0 18px;
  max-width: 900px;
}

.appdl_wrapper .inner,
.dll_wrapper .inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 12px;
}

.appBox {
  text-align: center;
  margin: 22px 0 0;
  display: flex;
  justify-content: center;
  gap: 28px;
}

.app img {
  width: 230px;
  border-radius: 20px;
  box-shadow: 0 2px 14px #ffd3f0b8;
  transition: transform 0.2s;
}

.app img:hover {
  transform: scale(1.07) rotate(-2deg);
  box-shadow: 0 6px 24px #e2f9ff55;
}

/* アプリDLだけ角丸ナシ */
.appBox-noradius .no-radius {
  border-radius: 0 !important;
  box-shadow: 0 2px 14px #ffd3f0b8;
}

/* ==== 料金表 ==== */
.price-table-wrap {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 24px rgb(255 128 191 / 8%);
  padding: 10px 22px 22px;
  max-width: 900px;
  margin: 48px auto;
}

.price-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.1em;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
}

.price-table th,
.price-table td {
  padding: 18px 14px;
  text-align: center;
  min-width: 150px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}

.price-table thead th {
  background: #f7f7f7;
  font-weight: 700;
  border-bottom: 2px solid #ffe18a;
  color: #333;
  font-size: 1.12em;
  letter-spacing: 0.02em;
}

.price-table .premium {
  background: linear-gradient(90deg, #fff5b0 70%, #ffe18a 100%);
  color: #e0a800;
  font-size: 1.3em;
  border-left: 0;
  font-weight: bold;
}

.price-table th.premium,
.price-table td.premium {
  background: linear-gradient(123deg, #ffeb8a 70%, #ffc48b 100%);
  color: #e449a4;
}

.price-table td.strong {
  font-size: 1.3em;
  color: #e449a4;
  font-weight: bold;
}

/*
.price-table tr:nth-child(even) td {
  background: #faf7f1;
}
*/
.price-table td:first-child {
  background: transparent;
  text-align: left;
  color: #333;
  font-weight: 500;
  font-size: 1.03em;
  border-bottom: 1px solid #f5f5f5;
}

.bkmtd {
  vertical-align: middle;
}

.price-table-note {
  margin-top: 14px;
  color: #999;
  font-size: 0.99em;
  line-height: 1.5;
  padding-left: 2px;
}

.secure_wrapper .inner {
  max-width: 900px;
  margin: 30px auto 0;
  padding: 5px 14px 16px;
  background: #fff8fa;
  border-radius: 22px;
  box-shadow: 0 2px 14px #ffc8eb28;
  color: #333;
}

.secure_wrapper .inner a {
  color: #e449a4;
  text-decoration: underline;
}

/* ==== FAQ ==== */
.faq_wrapper .inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 5px 14px 16px;
  background: #fff8fa;
  border-radius: 22px;
  box-shadow: 0 2px 14px #ffc8eb28;
}

dl {
  margin: 0;
}

dt {
  font-weight: bold;
  background: #e0f7ff;
  border-radius: 14px 14px 0 0;
  padding: 13px 13px 7px;
  font-size: 1.05em;
  margin-top: 18px;
  color: #37a6e3;
  letter-spacing: 0.01em;
}

dd {
  background: #ffe8fc;
  border-radius: 0 0 14px 14px;
  padding: 11px 13px 15px;
  font-size: 1em;
  color: #d045b0;
  margin: 0 0 10px;
  line-height: 1.8;
}

dd span {
  font-size: 0.7em;
  color: #9e7cce;
}

/* ==== フッター ==== */

footer {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

footer a:link,
footer a:visited,
footer a:active {
  text-decoration: none;
  color: #333;
}

.copyright {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #ffbd16;
  text-align: center;
}

.copyright a:link,
.copyright a:visited,
.copyright a:active {
  text-decoration: none;
  color: #333;
}

/* ==== スクロールアニメ ==== */
@keyframes scroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

/* ==== 改行 ==== */
br.sp-only {
  display: none;
}
@media (max-width: 600px) {
  br.sp-only {
    display: inline;
  }
}

/* 画像切り替え表示 */
.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

/* 画面幅600px以下（SP）では逆にする */
@media (max-width: 600px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}

/* ==== レスポンシブ ==== */
@media (max-width: 900px) {
  .inner,
  .price-table-wrap,
  .top_wrapper,
  .appdl_wrapper,
  .dll_wrapper,
  .faq_wrapper .inner,
  .second_wrapper .inner,
  .third_wrapper .inner {
    max-width: 98vw;
  }
}
@media (max-width: 600px) {
  html,
  body {
    overflow-x: hidden; /* 横スクロールを禁止 */
  }

  .second_wrapper h2 {
    padding: 0 15px;
  }

  .top_wrapper h1 {
    font-size: 1.3em;
  }

  .top_wrapper h1 span {
    font-size: 0.7em;
  }

  .asterisk {
    font-size: 12px;
  }

  .top_wrapper {
    padding-top: 15px;
  }

  .att {
    padding-left: 5px;
  }

  div.appdltext {
    text-align: left;
  }

  h2 {
    font-size: 1.4em;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
    position: relative;
    line-height: 1.2;
  }

  h2 i {
    margin-right: 0.3em;
  }

  .entry-button {
    font-size: 1.03em;
    padding: 12px 13vw;
  }

  .app img {
    width: 48vw;
    max-width: 170px;
  }

  .imgthumbnail {
    height: 150px !important;
    margin-right: 7px;
  }

  .price-table {
    margin-top: 10px;
    padding: 0 8px;
  }

  .price-table thead th {
    background: #f7f7f7;
    font-weight: 700;
    border-bottom: 2px solid #ffe18a;
    color: #333;
    font-size: 0.9em;
    letter-spacing: 0.02em;
  }

  .price-table td:first-child {
    background: transparent;
    text-align: left;
    color: #333;
    font-weight: 500;
    font-size: 0.8em;
  }

  .price-table th,
  .price-table td {
    padding: 18px 8px;
    text-align: center;
    min-width: 94px;
    font-size: 0.8em;
  }

  .scroll-container {
    padding: 6px 0;
  }

  .feature-box {
    display: block;
    font-size: 0.95em;
    padding: 10px 9px;
    border-radius: 12px;
  }

  .feature-badge {
    padding: 4px 12px;
    border-radius: 12px;
  }

  .feature-text {
    display: block;
    line-height: 1.5;
    margin-top: 5px;
  }

  .attsave {
    margin-top: -35px;
    padding: 0 5px;
  }

  .sectin02Img img {
    width: 100%;
  }

  .appdl_wrapper,
  .dll_wrapper {
    background: #fef3e2 !important;
  }

  .appdl_wrapper h2,
  .dll_wrapper h2 {
    text-shadow: 0 1px 6px #fff8;
  }

  .appdl_wrapper h2 span {
    display: block;
  }

  .feature-badge span.sp {
    display: block;
  }

  .notes {
    font-size: 0.8em;
    text-align: left;
  }

  .price-table-note .attsave {
    margin: 0;
    padding: 0 12px;
  }

  .appdl_wrapper,
  .dll_wrapper,
  .price-table-wrap,
  .faq_wrapper .inner {
    border-radius: 14px;
    padding: 8px 15px;
  }

  .appdl_wrapper .inner,
  .dll_wrapper .inner {
    padding: 0;
  }

  .appBox {
    gap: 6px;
  }
}