/*** The new CSS reset - version 1.8.3 (last updated 25.10.2023) ***/

*:where(:not(html,
iframe,
canvas,
img,
svg,
video,
audio):not(svg *,
symbol *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a,
button {
  cursor: revert;
}

ol,
ul,
menu {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

pre {
  all: revert;
}

::-webkit-input-placeholder {
  color: unset;
}

::-moz-placeholder {
  color: unset;
}

:-ms-input-placeholder {
  color: unset;
}

::-ms-input-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

/*::marker{content:""}*/

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* --------------------------------------------------
// _var - 変数宣言
-------------------------------------------------- */

/* color */

/* ---------------------------------------- */

/* ブレイクポイント */

/* ---------------------------------------- */

/* デザイン幅 */

/* ----------------------------------------*/

/* font */

/* ---------------------------------------- */

/* header fixed height */

/* ---------------------------------------- */

/* media query */

/* ---------------------------------------- */

/* font */

/* ---------------------------------------- */

/* animetion */

/* ---------------------------------------- */

/* link - hover */

/* ---------------------------------------- */

/* link bottom border */

/* ---------------------------------------- */

/* IE11用 */

/* ---------------------------------------- */

/* --------------------------------------------------
// _base - 全体で共通のfont-sizeやcolorなどの共通化
-------------------------------------------------- */

:root {
  --body_padding_top-l: 80px;
  --body_padding_top-s: 75px;
}

*,
*:before,
*:after {
  word-break: break-word;
}

html {
  width: 100%;
  background-color: #fff;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 62.5%;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

body {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  padding-top: var(--body_padding_top-s);
  background-color: #fff;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.6;
  vertical-align: baseline;
  letter-spacing: 0.03em;
  color: #000;
}

ol,
ul,
li {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a {
  text-decoration: none;
  color: #2EA7E0;
}

a img {
  border: none;
}

img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

svg {
  fill: currentColor;
}

.-only_pc {
  display: block;
}

.-only_sp {
  display: none;
}

.-bold {
  font-weight: bold;
}

.-center {
  text-align: center;
}

.-color__primary {
  color: #2EA7E0;
}

.-color__secondary {
  color: #FFDC2C;
}

.-color__white {
  color: #000000 !important;
}

.-color__red {
  color: #E93777 !important;
}

.-color__blue {
  color: #2EA7E0 !important;
}

.-color__green {
  color: #388047 !important;
}

.-color__yellow {
  color: #FFDC2C !important;
}

.-color__orange {
  color: #F44A0B !important;
}

.-color__gray {
  color: #CCC !important;
}

.-icon__twitter img {
  width: 100%;
  max-width: 21px;
}

.-last_message {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.-fade_in {
  opacity: 0;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition: 2s;
  transition: 2s;
}

.-fade_in.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.-fade_in--left {
  opacity: 0;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
  -webkit-transition: 2s;
  transition: 2s;
}

.-fade_in--left.is-show {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* --------------------------------------------------
// _base form - wiki用にform周りは別途記載
-------------------------------------------------- */

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: #fff;
  font-family: "M PLUS 1p", sans-serif;
  color: #000;
}

button,
select {
  cursor: pointer;
}

select {
  padding: 0.5em 10px;
}

button {
  color: #000;
  cursor: pointer;
}

sup {
  position: relative;
  top: 0.1em;
  font-size: 0.6em;
  vertical-align: super;
}

::-webkit-input-placeholder {
  color: #CCC;
}

::-moz-placeholder {
  color: #CCC;
}

:-ms-input-placeholder {
  color: #CCC;
}

::-ms-input-placeholder {
  color: #CCC;
}

::placeholder {
  color: #CCC;
}

/* --------------------------------------------------
// layout - header
-------------------------------------------------- */

.header {
  min-height: var(--body_padding_top-s);
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  min-height: var(--body_padding_top-s);
  width: 100%;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 9999;
}

.header__main {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.header__main .l-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: var(--body_padding_top-s);
  border-bottom: solid 1px #000;
}

.header__main--logo {
  width: clamp(110px, 13vw, 130px);
  margin-left: 0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.header__main--logo a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.header__main--logo a:link:hover,
.header__main--logo a:focus,
.header__main--logo a[href]:hover {
  opacity: 0.6;
}

.header__main--logo a {
  display: block;
}

.header__main--list {
  position: absolute;
  top: 50%;
  right: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header__main--list .-list__item {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.header__main--list .-list__item > button {
  display: block;
}

.header__main--list .-icon {
  display: block;
  width: 23px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}

.header__main--list .-title {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.header__main--list .currency-button {
  display: block;
  width: 52px;
}

.header__main--list .currency-popup {
  display: none;
  margin-top: 10px;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  position: absolute;
  left: 30px;
}

.header__main--list .currency-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.header__main--list .currency-popup ul li {
  padding: 7px 30px 7px 10px;
}

.header__main--list .currency-popup ul li:not(:first-child) {
  border-top: solid 1px #707070;
}

.header__main--list .currency-popup ul li a {
  color: #000;
  text-decoration: none;
}

.header__main--list .currency-popup ul li a:hover {
  text-decoration: underline;
}

.header__main--list .currency-item {
  position: relative;
  padding-left: 35px;
  display: inline-block;
  line-height: 1.5;
}

.header__main--list .currency-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block;
}

.header__main--list .currency-item.selected::before {
  content: '✓';
  color: #000;
  font-size: 20px;
  line-height: 1;
}

.header__main--list .currency-item.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.header__side {
  overflow-y: scroll;
  position: absolute;
  top: 0;
  right: -200%;
  width: 90vw;
  max-width: 330px;
  height: 100vh;
  padding-top: 13vw;
  padding-bottom: 60px;
  background-color: #fff;
  -webkit-box-shadow: -6px 0px 7px 0px rgba(0, 0, 0, 0.33);
  box-shadow: -6px 0px 7px 0px rgba(0, 0, 0, 0.33);
  -webkit-transition: right 0.5s 0s ease;
  transition: right 0.5s 0s ease;
  z-index: 99999;
}

.header__side--menu {
  background-color: #000;
}

.header__side--menu__list {
  margin-bottom: 30px;
}

.header__side--menu__list .-list__item {
  border-bottom: solid 1px #fff;
}

.header__side--menu__list .-list__item:first-child {
  border-top: solid 1px #fff;
}

.header__side--menu__list a {
  display: block;
  padding: 10px 55px 10px 55px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
}

.header__side--menu__btn {
  display: block;
  max-width: 250px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 10px;
  background-color: #FFDC2C;
  border-radius: 45px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  color: #000;
}

.header__side--menu.is-open {
  right: 0;
}

.header__side--search .c-refine_search {
  border-radius: 0;
}

.header__side--search .c-refine_search__body {
  position: static;
  padding: 20px 15px;
  border-radius: 0;
  -webkit-transform: none;
  transform: none;
}

.header__side--search .c-search_navi--search {
  position: absolute;
  top: 35px;
  left: 15px;
  width: calc(100% - 80px);
  border-width: 1px;
}

.header__side--search .c-search_navi--search .-search__name {
  padding: 0.5em 10px 0.5em 30px;
}

.header__side--search .c-search_navi--search .-search__btn--submit {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  height: 16px;
  background: url(../img/icon_search.svg) no-repeat center center;
  background-size: 100%;
  background-color: transparent;
  border-radius: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.header__side--search .c-search_navi--search .-search__btn--submit .-title {
  font-size: 0;
  color: transparent;
}

.header__side--search .c-search_navi--search .-search__btn--cancel {
  right: 10px;
}

.header__side--search__title {
  padding: 15px;
  background-color: #E2E2E2;
  border-bottom: solid 1px #000;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.header__side--search__list .-list__item {
  position: relative;
  border-bottom: solid 1px #000;
}

.header__side--search__list a {
  display: block;
  padding: 15px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #707070;
}

.header__side--search__clear_btn {
  display: block;
  width: 100%;
  max-width: 165px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 10px;
  background-color: #000;
  border-radius: 45px;
  font-size: 1.55rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
}

.header__side--search.is-open {
  right: 0;
}

.js-header__menu_btn {
  position: absolute;
  top: 50%;
  right: 15px;
  display: none;
  width: 32px;
  background-color: transparent;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999999;
}

.js-header__menu_btn__wrap {
  position: relative;
  height: 23px;
  margin: 0 auto 4px;
  cursor: pointer;
}

.js-header__menu_btn__wrap span {
  position: absolute;
  left: 50%;
  display: block;
  width: 23px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #333;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.js-header__menu_btn__wrap span.-first {
  top: 0;
}

.js-header__menu_btn__wrap span.-second {
  top: 10px;
}

.js-header__menu_btn__wrap span.-third {
  top: 20px;
}

.js-header__menu_btn .-title {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.js-header__menu_btn.is-menu__active .-first {
  top: 10px;
  background-color: #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.js-header__menu_btn.is-menu__active .-second {
  background-color: #fff;
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
}

.js-header__menu_btn.is-menu__active .-third {
  display: none;
}

.js-header__menu_btn.is-menu__active .-title {
  color: #fff;
}

.js-header__menu_btn.is-search__active {
  display: none;
}

.js-header__search_btn {
  position: absolute;
  top: 36px;
  right: 15px;
  display: none;
  width: 32px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  z-index: 999999;
}

.js-header__search_btn__wrap {
  position: relative;
  height: 23px;
  margin: 0 auto 4px;
  cursor: pointer;
}

.js-header__search_btn__wrap span {
  position: absolute;
  left: 50%;
  display: block;
  width: 23px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.js-header__search_btn__wrap span.-first {
  top: 0;
}

.js-header__search_btn__wrap span.-second {
  top: 10px;
}

.js-header__search_btn__wrap span.-third {
  top: 20px;
}

.js-header__search_btn .-title {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.js-header__search_btn.is-search__active {
  display: block;
}

.js-header__search_btn.is-search__active .-first {
  top: 10px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.js-header__search_btn.is-search__active .-second {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
}

.js-header__search_btn.is-search__active .-third {
  display: none;
}

/* --------------------------------------------------
// layout - main
-------------------------------------------------- */

.l-wrap {
  position: relative;
  width: 100%;
  max-width: 1130px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.l-wrap__inner {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.l-wrap--bg_gray {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 20px 40px;
  background-color: #F4F4F4;
}

/* --------------------------------------------------
// layout - footer
-------------------------------------------------- */

.l-footer {
  margin-top: 40px;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #2EA7E0;
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__list .-list__item {
  margin-bottom: 20px;
}

.footer__list .-list__item:not(:first-of-type) {
  position: relative;
}

.footer__list .-list__item:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer__list .-list__item a {
  padding-right: 15px;
  padding-left: 15px;
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  color: #fff;
}

.footer__list .-list__item .-title {
  position: relative;
  display: inline-block;
}

.footer__list .-list__item .-title::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.footer__list .-list__item .-title:where(:hover,
:focus)::after {
  width: 100%;
}

.footer__sns {
  margin-bottom: 30px;
  text-align: center;
}

.footer__sns .-title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
}

.footer__sns--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__sns--list .-list__item a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.footer__sns--list .-list__item a:link:hover,
.footer__sns--list .-list__item a:focus,
.footer__sns--list .-list__item a[href]:hover {
  opacity: 0.6;
}

.footer__sns--list .-list__item:not(:first-child) {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.footer__sns--list .-list__item.-twitter img {
  width: 22px;
}

.footer__sns--list .-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 40px;
}

.footer__logo {
  max-width: 166px;
  margin-right: auto;
  margin-left: auto;
}

.footer__logo a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.footer__logo a:link:hover,
.footer__logo a:focus,
.footer__logo a[href]:hover {
  opacity: 0.6;
}

.footer__copyright {
  margin-top: 30px;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

/* --------------------------------------------------
// object/component - PAGE TOP
-------------------------------------------------- */

.c-page_top__btn::after,
.c-page_top__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 2px;
  height: 8px;
  background-color: #fff;
}

.c-page_top {
  margin-top: 30px;
}

.c-page_top__btn {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 40px;
  font-size: 0;
  color: transparent;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.c-page_top__btn::before {
  left: 44%;
  border-radius: 0 0 10px 10px;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-page_top__btn::after {
  left: 56%;
  border-radius: 10px 10px 0 0;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-page_top__btn:where(:hover,
:focus) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c-page_top--floating {
  display: none;
}

/* --------------------------------------------------
// object/component - cassette
-------------------------------------------------- */

.c-cassette .-selling_price {
  margin-bottom: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #000;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
}

.c-cassette .-purchase_price {
  margin-top: 5px;
  margin-bottom: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #E93777;
  border: solid 1px #E93777;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
}

.c-cassette .-price {
  text-align: left;
}

.c-cassette .-price__sub {
  color: #E93777;
}

.c-cassette.-new {
  position: relative;
}

.c-cassette.-new::before {
  content: "NEW";
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #E60013;
  border-radius: 40px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  z-index: 10;
}

.c-cassette--card {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 45px;
}

.c-cassette--card .c-cassette__thumbnail {
  margin-bottom: 5px;
  border-radius: 10px;
  min-height: 133.92px;
}

.c-cassette--card .c-cassette__thumbnail img {
  border-radius: 10px;
  max-height: 133.92px;
  max-width: 95.48px;
}

.c-cassette--card .c-cassette__quotation {
  min-height: 15px;
  margin-bottom: 5px;
  font-size: clamp(0.8rem, 0.5vw, 0.9rem);
  text-align: center;
}

.c-cassette--card .c-cassette__quotation a {
  color: #2EA7E0;
}

.c-cassette--card .c-cassette__name {
  margin-bottom: 10px;
  font-size: clamp(1.2rem, 1.25vw, 1.4rem);
  text-align: center;
}

.c-cassette--card .c-cassette__name a {
  color: #2EA7E0;
}

.c-cassette--card .c-cassette__name a:where(:hover,
:focus) {
  text-decoration: underline;
}

.c-cassette--card .c-cassette__price {
  margin-bottom: 10px;
}

.c-cassette--card .c-cassette__price--container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 20px;
  text-align: center;
}

.c-cassette--card .c-cassette__price--container .-favorite {
  position: absolute;
  top: 4px;
  right: 0;
}

.c-cassette--card .c-cassette__price--container .-favorite__btn {
  display: block;
  width: 14px;
  height: 13px;
  background: url(../img/icon_heart__gray.svg) no-repeat center center;
  background-size: 100%;
  font-size: 0;
  color: transparent;
}

.c-cassette--card .c-cassette__price--container .-favorite__btn.is-on {
  background: url(../img/icon_heart__pink.svg) no-repeat center center;
  background-size: 100%;
}

.c-cassette--card .c-cassette__price .-price {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
}

.c-cassette--card .c-cassette__price .-price__main {
  color: #000;
}

.c-cassette--card .c-cassette__price .-price__sub {
  display: block;
  width: 100%;
}

.c-cassette--card .c-cassette__price .-price.is-price_up {
  color: #E93777;
}

.c-cassette--card .c-cassette__price .-price.is-price_up::before {
  content: "+";
}

.c-cassette--card .c-cassette__price .-price.is-price_doun {
  color: #2EA7E0;
}

.c-cassette--card .c-cassette__price .-stock {
  font-size: 1rem;
}

.c-cassette--card .c-cassette__pattern_number {
  display: block;
  font-size: clamp(0.9rem, 1vw, 1rem);
  text-align: center;
  color: #707070;
}

.c-cassette--card .c-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.c-cassette--article {
  text-align: left;
}

.c-cassette--article a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--article a:link:hover,
.c-cassette--article a:focus,
.c-cassette--article a[href]:hover {
  opacity: 0.6;
}

.c-cassette--article a {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  gap: 10px 0px;
  height: 100%;
}

.c-cassette--article a:hover .c-cassette__title {
  color: #2EA7E0;
}

.c-cassette--article .c-cassette__thumbnail {
  overflow: hidden;
  background-color: #fff;
  border: solid 1px #D3D3D3;
  aspect-ratio: 1.33/1;
}

.c-cassette--article .c-cassette__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-cassette--article .c-cassette__title {
  font-size: 1.4rem;
  letter-spacing: 0;
  color: #333;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--article .c-cassette__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-cassette--article .-date {
  margin-right: 10px;
  font-size: 1.2rem;
  color: #707070;
}

.c-cassette--result {
  text-align: left;
}

.c-cassette--result a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--result a:link:hover,
.c-cassette--result a:focus,
.c-cassette--result a[href]:hover {
  opacity: 0.6;
}

.c-cassette--result a {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  gap: 10px 0px;
  height: 100%;
}

.c-cassette--result a:hover .c-cassette__title {
  color: #2EA7E0;
}

.c-cassette--result .c-cassette__thumbnail {
  overflow: hidden;
  background-color: #fff;
  border: solid 1px #D3D3D3;
  aspect-ratio: 1/1;
}

.c-cassette--result .c-cassette__thumbnail img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-cassette--result .c-cassette__title {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #333;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--result .c-cassette__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 5px;
}

.c-cassette--result .c-cassette__sub--result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.c-cassette--result .-date,
.c-cassette--result .-area {
  font-size: 1.2rem;
  color: #707070;
}

.c-cassette--result .-league {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 55px;
  min-height: 16px;
  padding-right: 3px;
  padding-left: 3px;
  background-color: #000;
  border-radius: 40px;
  font-size: 0.8rem;
  letter-spacing: -0.03em;
  color: #fff;
}

.c-cassette--notice {
  text-align: left;
}

.c-cassette--notice a {
  position: relative;
  display: block;
  padding-top: 26px;
  padding-bottom: 36px;
  border-bottom: solid 1px #D9D9D9;
  color: #000;
}

.c-cassette--notice a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 105px;
  height: 1px;
  background-color: #2EA7E0;
  z-index: 2;
}

.c-cassette--notice a:where(:hover) {
  color: #000;
}

.c-cassette--notice a:where(:hover)::after {
  width: 100%;
  -webkit-transition: width 0.5s 0s ease;
  transition: width 0.5s 0s ease;
}

.c-cassette--notice .c-cassette__date {
  display: block;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0;
}

.c-cassette--notice .c-cassette__title {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
}

.c-cassette--card_deck {
  text-align: center;
}

.c-cassette--card_deck a {
  display: block;
  color: #000;
}

.c-cassette--card_deck a:hover .c-cassette__title {
  color: #2EA7E0;
}

.c-cassette--card_deck .c-cassette__thumbnail {
  width: 100%;
  height: 126px;
  margin-bottom: 6px;
  background-color: #fff;
  border: solid 1px #D3D3D3;
}

.c-cassette--card_deck .c-cassette__thumbnail img {
  width: 100%;
  height: 126px;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-cassette--card_deck .c-cassette__title {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--column_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
}

.c-cassette--column_list .c-cassette__thumbnail {
  overflow: hidden;
  border: solid 1px #D3D3D3;
  aspect-ratio: 1.33/1;
}

.c-cassette--column_list .c-cassette__thumbnail img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-cassette--column_list .c-cassette__title {
  margin-bottom: 15px;
  font-size: clamp(1.4rem, 2vw, 2.2rem);
  font-weight: 700;
  line-height: 1.4;
}

.c-cassette--column_list .c-cassette__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.c-cassette--column_list .c-cassette__sub .-date {
  font-size: 1.2rem;
}

.c-cassette--column_list .c-cassette__text {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 500;
}

.c-cassette--column_list .c-btn {
  margin-right: 0;
}

.c-cassette--card_deck_article {
  width: 100%;
  padding: 5px 5px 20px 5px;
  background-color: #FFFEF8;
  border: solid 2px #000;
  border-radius: 10px;
}

.c-cassette--card_deck_article .c-cassette__thumbnail {
  overflow: hidden;
  margin-bottom: 10px;
  border: solid 1px #D3D3D3;
  border-radius: 5px;
  aspect-ratio: 1.93/1;
}

.c-cassette--card_deck_article .c-cassette__thumbnail img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-cassette--card_deck_article .c-cassette__title {
  margin-bottom: 5px;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: 700;
  text-align: center;
  color: #2EA7E0;
}

.c-cassette--card_deck_article__table .-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: dotted 2px #707070;
}

.c-cassette--card_deck_article__table .-table__title {
  position: relative;
  width: 65%;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: 500;
  text-align: left;
}

.c-cassette--card_deck_article__table .-table__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 19px;
  background-color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-cassette--card_deck_article__table .-table__detail {
  width: 35%;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: 500;
  text-align: center;
}

.c-cassette__evaluated {
  margin-bottom: 10px;
}

.c-cassette__evaluated--list {
  padding-right: 10px;
  padding-left: 10px;
}

.c-cassette__evaluated .-list__item:not(:last-child) {
  margin-right: 0;
}

.c-cassette__evaluated--btn * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90px;
  height: 40px;
  background-color: #000;
  border-radius: 60px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette__evaluated--btn *:not(:disabled):hover {
  opacity: 0.6;
}

.c-cassette__evaluated--btn *:disabled {
  background-color: #CCC;
  pointer-events: none;
}

/* --------------------------------------------------
// object/component - heading title
-------------------------------------------------- */

.c-heading__title1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: clamp(1.8rem, 1.8vw, 2.8rem);
  font-weight: 700;
  text-align: center;
  color: #000;
}

.c-heading__title2 {
  margin-bottom: 20px;
  text-align: center;
  color: #000;
}

.c-heading__title2 .-en {
  display: block;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 800;
}

.c-heading__title2 .-ja {
  display: block;
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 500;
}

.c-heading__title3 {
  margin-bottom: 20px;
  font-size: clamp(1.8rem, 1.8vw, 2.2rem);
  font-weight: 500;
  text-align: center;
  color: #000;
}

.c-heading__title4 {
  margin-bottom: 20px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 500;
  text-align: center;
  color: #000;
}

/* --------------------------------------------------
// object/component - button
-------------------------------------------------- */

.c-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0;
}

.c-btn--link {
  min-height: 30px;
  padding: 3px;
  background-color: #2EA7E0;
  border: solid 2px #2EA7E0;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--link:is(:hover,
:focus) {
  color: #fff;
  opacity: 0.6;
}

.c-btn--link-arrow {
  max-width: 250px;
  min-height: 50px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}

.c-btn--link-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_black.svg) no-repeat center center;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 2;
}

.c-btn--link-arrow .c-btn__title {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 15px;
}

.c-btn--link-arrow:is(:hover) {
  background-color: rgba(112, 112, 112, 0.1);
  color: #000;
}

.c-btn--link-arrow:is(:hover)::before {
  -webkit-transform: translateY(-50%) rotate(810deg);
  transform: translateY(-50%) rotate(810deg);
}

.c-btn--moreover-close {
  display: none;
  margin-top: 15px !important;
}

.c-btn--moreover,
.c-btn--comment {
  max-width: 250px;
  min-height: 50px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}

.c-btn--moreover::before,
.c-btn--comment::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 2;
}

.c-btn--moreover::after,
.c-btn--comment::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 2;
}

.c-btn--moreover.is-close::after,
.c-btn--comment.is-close::after {
  width: 0;
  height: 0;
  background-color: transparent;
}

.c-btn--moreover .c-btn__title,
.c-btn--comment .c-btn__title {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 15px;
}

.c-btn--moreover .c-btn__title::before,
.c-btn--comment .c-btn__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.c-btn--moreover:is(:hover),
.c-btn--comment:is(:hover) {
  background-color: rgba(112, 112, 112, 0.1);
  color: #000;
}

.c-btn--moreover:is(:hover)::before,
.c-btn--comment:is(:hover)::before {
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
}

.c-btn--moreover:is(:hover)::after,
.c-btn--comment:is(:hover)::after {
  -webkit-transform: translateY(-50%) rotate(450deg);
  transform: translateY(-50%) rotate(450deg);
}

.c-btn--moreover {
  margin-top: 0;
}

.c-btn--comment {
  max-width: 260px;
}

.c-btn--period {
  position: relative;
  max-width: 345px;
  min-height: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  border-radius: 50px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  z-index: 10;
}

.c-btn--period::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 23px;
  height: 26px;
  background: url(../img/icon_calender.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-btn--period::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url(../img/icon_arrow_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--period .c-btn__title {
  position: relative;
  display: block;
  width: 100%;
}

.c-btn--period.is-open::after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.c-btn--favorite {
  position: relative;
  border-radius: 50px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--favorite:where(:hover,
:focus) {
  opacity: 0.6;
}

.c-btn--favorite__btn {
  position: relative;
  min-height: 30px;
  padding-right: 35px;
  padding-left: 20px;
  background-color: #E93777;
  border: solid 1px #E93777;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}

.c-btn--favorite__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 14px;
  height: 13px;
  background: url(../img/icon_heart__white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-btn--favorite__btn.is-on {
  background-color: #707070;
  border-color: #707070; /*
  &::after {
    background: url(../img/icon_heart__pink.svg) no-repeat center center;
    background-size: 100%;
  }*/
}

.c-btn--black {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 165px;
  height: 40px;
  margin-top: 40px;
  background-color: #000;
  border-radius: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--black:where(:hover,
:focus) {
  opacity: 0.6;
}

.c-btn--white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 165px;
  height: 40px;
  margin-top: 40px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--white:where(:hover,
:focus) {
  background-color: rgba(112, 112, 112, 0.1);
}

.c-btn--square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 305px;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn--square:is(:hover,
:focus) {
  opacity: 0.6;
  color: #fff;
}

.c-btn--square__yellow {
  background-color: #FFDC2C;
  color: #000;
}

.c-btn--square__yellow:is(:hover,
:focus) {
  color: #000;
}

.c-btn--remove_btn {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 28px;
  height: 28px;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: transparent;
  cursor: pointer;
}

.c-btn--remove_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: #707070;
  border-radius: 20px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}

.c-btn--remove_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: url(../img/icon_plus.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  z-index: 2;
}

.c-btn--none_stock {
  margin: 0;
  min-height: 30px;
  padding: 3px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #707070;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-btn__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 10px;
  margin-top: 40px;
}

.c-btn__group .c-btn {
  width: 250px;
  height: 50px;
  margin: 0;
}

.c-btn__group .c-btn--square {
  margin-right: 0;
  margin-left: 0;
}

/* --------------------------------------------------
// object/component - category
-------------------------------------------------- */

.c-category {
  display: inline-block;
  min-width: 50px;
  min-height: 15px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  letter-spacing: 0;
}

.c-category--news {
  border: solid 1px #000000;
  color: #000000;
}

.c-category--news:is(a):hover {
  background-color: #000000;
  color: #fff;
}

.c-category--deck_ranking {
  border: solid 1px #4b0082;
  color: #4b0082;
}

.c-category--deck_ranking:is(a):hover {
  background-color: #4b0082;
  color: #fff;
}

.c-category--campaign {
  border: solid 1px #008000;
  color: #008000;
}

.c-category--campaign:is(a):hover {
  background-color: #008000;
  color: #fff;
}

.c-category--pack {
  border: solid 1px #ff69b4;
  color: #ff69b4;
}

.c-category--pack:is(a):hover {
  background-color: #ff69b4;
  color: #fff;
}

.c-category--tournament_result {
  border: solid 1px #6495ed;
  color: #6495ed;
}

.c-category--tournament_result:is(a):hover {
  background-color: #6495ed;
  color: #fff;
}

.c-category--featured_card {
  border: solid 1px #ff4500;
  color: #ff4500;
}

.c-category--featured_card:is(a):hover {
  background-color: #ff4500;
  color: #fff;
}

.c-category--rule {
  border: solid 1px #0000cd;
  color: #0000cd;
}

.c-category--rule:is(a):hover {
  background-color: #0000cd;
  color: #fff;
}

.c-category--tips {
  border: solid 1px #008080;
  color: #008080;
}

.c-category--tips:is(a):hover {
  background-color: #008080;
  color: #fff;
}

.c-category--extra {
  border: solid 1px #f08080;
  color: #f08080;
}

.c-category--extra:is(a):hover {
  background-color: #f08080;
  color: #fff;
}

.c-category--ptcgl {
  border: solid 1px #ff8c00;
  color: #ff8c00;
}

.c-category--ptcgl:is(a):hover {
  background-color: #ff8c00;
  color: #fff;
}

/* --------------------------------------------------
// object/component - choose_menu
-------------------------------------------------- */

.c-choose_menu {
  position: relative;
  width: 100%;
  padding-top: 1px;
  background-color: #FFDC2C;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: top 0.3s 0s ease;
  transition: top 0.3s 0s ease;
}

.c-choose_menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 5px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  min-height: 50px;
}

.c-choose_menu__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.28;
  letter-spacing: 0;
  text-align: center;
  color: #000;
  position: relative;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-choose_menu__list a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-choose_menu__list a:hover::after {
  width: 100%;
}

.c-choose_menu .-active a {
  background-color: #000;
  color: #fff;
}

/* --------------------------------------------------
// object/component - search_navi
-------------------------------------------------- */

.c-search_navi {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  -webkit-transition: top 0.3s 0s ease;
  transition: top 0.3s 0s ease;
}

.c-search_navi .l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-header .c-search_navi {
  display: none;
}

.c-search_navi--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-search_navi--list .-list__item {
  padding-right: clamp(5px, 1vw, 10px);
  padding-left: clamp(5px, 1vw, 10px);
}

.c-search_navi--list .-list__item:first-child {
  padding-left: 0;
}

.c-search_navi--list a {
  position: relative;
  display: inline-block;
  font-size: clamp(1rem, 1.3vw, 1.6rem);
  color: #000;
}

.c-search_navi--list a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #707070;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-search_navi--list a:is(:hover,
:focus) {
  color: #000;
}

.c-search_navi--list a:is(:hover,
:focus)::after {
  width: 100%;
}

.c-search_navi--search {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  margin-right: auto;
  margin-left: auto;
  border: solid 2px #000;
  border-radius: 4px;
}

.c-search_navi--search .-search__name {
  display: block;
  width: 100%;
  padding: 0.5em 30px 0.5em 35px;
  background: #fff url(../img/icon_search.svg) no-repeat 10px center;
  background-size: 16px 16px;
  line-height: 1;
}

.c-search_navi--search .-search__name::placeholder {
  font-size: 11px;
}

.c-search_navi--search .-search__btn--cancel {
  position: absolute;
  top: 50%;
  right: 75px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.c-search_navi--search .-search__btn--cancel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-search_navi--search .-search__btn--cancel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-search_navi--search .-search__btn--submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 38px;
  background-color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.c-search_navi--search.-column {
  margin-top: 40px;
  margin-bottom: 40px;
  border-color: #2EA7E0;
}

.c-search_navi--search.-column .-search__btn--submit {
  background-color: #2EA7E0;
}

/* --------------------------------------------------
// object/component - refine_search
-------------------------------------------------- */

.c-refine_search {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  border-radius: 20px;
}

.c-refine_search .c-refine_search_text {
  height: 36px;
  vertical-align: top;
  text-align: left;
  width: 100%;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 0.5em 10px;
}

.c-refine_search__text_wrap {
  position: relative;
}

.c-refine_search__text_wrap .-search__btn--cancel {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.c-refine_search__text_wrap .-search__btn--cancel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-refine_search__text_wrap .-search__btn--cancel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-refine_search select {
  display: block;
  width: 100%;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
}

.c-refine_search select[multiple] {
  height: 36px;
  vertical-align: top;
  text-align: left;
}

.c-refine_search select[multiple] option {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}

.c-refine_search select[multiple]:focus,
.c-refine_search select[multiple]:active {
  overflow-y: scroll;
  max-height: 200px;
  height: auto;
}

.c-refine_search__switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  background-color: #000;
  border-radius: 100px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 12;
}

.c-refine_search__switch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 17px;
  height: 20px;
  background: url(../img/icon_refine_search__white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-refine_search__switch .-title {
  position: relative;
  display: block;
  width: 100%;
}

.c-refine_search__switch .-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_white.svg) no-repeat center center;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  z-index: 1;
}

.c-refine_search__switch.is-open {
  border-radius: 20px 20px 0 0;
}

.c-refine_search__switch.is-open .-title::before {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.c-refine_search__body {
  position: absolute;
  top: 20px;
  left: 50%;
  display: none;
  width: 100%;
  padding: 40px 20px 48px 20px;
  background-color: #000;
  border-radius: 0 0 20px 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11;
}

.c-refine_search__block {
  margin-bottom: 15px;
}

.c-refine_search__block .-title {
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
  letter-spacing: 0;
  color: #fff;
}

.c-refine_search__block .radio-wrapper {
  display: flex;
  flex-direction: row;
}

.c-refine_search__block .radio-item {
  margin-right: 20px;
}

.c-refine_search__block .radio-item label {
  width: 130px;
  display: inline-block;
  color: #fff;
}

.c-refine_search__select_wrap {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}

.c-refine_search__select_wrap select {
  padding-right: 40px;
}

.c-refine_search__select_wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_black.svg) no-repeat center center;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  pointer-events: none;
  z-index: 101;
}

.c-refine_search__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}

.c-refine_search__btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 48%;
  max-width: 130px;
  background-color: #fff;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  z-index: 2;
}

.c-refine_search__btn:first-child {
  margin-right: 20px;
}

.c-refine_search__btn.-btn__submit {
  background-color: #2EA7E0;
  color: #fff;
}

.c-refine_search__btn.-btn__submit:where(:hover,
:focus) {
  opacity: 0.8;
}

.c-refine_search__btn.-btn__cancel {
  background-color: #fff;
  color: #000;
}

.c-refine_search__btn.-btn__cancel:where(:hover,
:focus) {
  opacity: 0.8;
}

.c-refine_search__side {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 100%;
  max-width: 345px;
  z-index: 10000;
}

.c-refine_search__side.is-hidden {
  display: none;
}

.c-refine_search__side--switch {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 65px;
  height: 65px;
  padding-top: 25px;
  background-color: #000;
  border-radius: 65px;
  text-align: center;
  cursor: pointer;
  line-height: 10px;
}

.c-refine_search__side--switch .-title {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}

.c-refine_search__side--switch .-title::before {
  content: "";
  position: absolute;
  top: -23px;
  left: 50%;
  width: 17px;
  height: 20px;
  background: url(../img/icon_refine_search__white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.c-refine_search__side .c-refine_search__body {
  position: static;
  padding: 0 0 20px;
  border-radius: 20px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-refine_search__side .c-refine_search__block {
  padding-right: 20px;
  padding-left: 20px;
}

.c-refine_search__side .c-refine_search__switch .-title::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

/* --------------------------------------------------
// object/component - period
-------------------------------------------------- */

.c-period {
  position: relative;
  width: clamp(300px, 100%, 345px);
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  background-color: #000;
  border-radius: 20px;
}

.c-period__body {
  position: absolute;
  top: 20px;
  left: 50%;
  display: none;
  width: 100%;
  padding: 30px 20px 20px;
  background-color: #000;
  border-radius: 0 0 20px 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
}

.c-period__picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-period__picker .-picker__input {
  position: relative;
  width: calc((100% - 20px) / 2);
}

.c-period__picker .-picker__input:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-period__picker .-picker__input input {
  width: 100%;
  padding: 0.5rem;
  text-align: center;
}

.c-period__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.c-period__btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 48%;
  max-width: 130px;
  background-color: #fff;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  z-index: 2;
}

.c-period__btn:first-child {
  margin-right: 20px;
}

.c-period__btn.-btn__submit {
  background-color: #2EA7E0;
  color: #fff;
}

.c-period__btn.-btn__submit:where(:hover,
:focus) {
  opacity: 0.8;
}

.c-period__btn.-btn__cancel {
  background-color: #fff;
  color: #000;
}

.c-period__btn.-btn__cancel:where(:hover,
:focus) {
  opacity: 0.8;
}

/* --------------------------------------------------
// object/component - check_item
-------------------------------------------------- */

.c-check_item--list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-check_item--list .c-cassette {
  position: relative;
  display: none;
  width: 31%;
  margin-left: 3%;
}

.c-check_item {
  margin-top: 30px;
  background-color: #fff;
}

.c-check_item--list {
  margin-top: 30px;
}

.c-check_item--annotation {
  margin-top: 40px;
  font-size: 1rem;
  text-align: center;
  color: #707070;
}

/* --------------------------------------------------
// object/component - breadcrumb
-------------------------------------------------- */

.c-breadcrumb {
  margin-top: 15px;
  margin-bottom: 20px;
}

.c-breadcrumb__list {
  display: block;
}

.c-breadcrumb .-list__item {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.c-breadcrumb .-list__item:not(:first-child) {
  margin-left: 5px;
  padding-left: 15px;
}

.c-breadcrumb .-list__item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: solid 1px #707070;
  border-right: solid 1px #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-breadcrumb a {
  position: relative;
  display: inline;
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.c-breadcrumb a:not(:first-child)::before {
  content: ",";
  padding-right: 2px;
  padding-left: 2px;
  color: #707070;
}

.c-breadcrumb.-ellipsis .c-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.c-breadcrumb.-ellipsis .-list__item:last-child {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* --------------------------------------------------
// object/component - peger
-------------------------------------------------- */

.c-pager {
  margin-top: 40px;
}

.c-pager .l-wrap {
  padding-right: 0;
  padding-left: 0;
}

.c-pager__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
}

.c-pager__item {
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
}

.c-pager__item .-btn {
  position: relative;
  display: block;
  width: 50px;
  min-height: 60px;
  font-size: 0;
  color: transparent;
}

.c-pager__item .-btn:where(:hover,
:focus) {
  background-color: rgba(46, 167, 224, 0.1);
}

.c-pager__item--to_first .-btn {
  border-right: solid 1px #CCC;
}

.c-pager__item--to_first .-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 43%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
  transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.c-pager__item--to_first .-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 57%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
  transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.c-pager__item--to_prev .-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
  transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.c-pager__item--counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  color: #000;
}

.c-pager__item--counter .-number__all {
  padding-left: 5px;
}

.c-pager__item--counter .-number__all::before {
  content: "/";
  padding-right: 5px;
  color: #707070;
}

.c-pager__item--counter .-number__meta {
  padding-left: 5px;
}

.c-pager__item--to_next .-btn {
  margin-left: auto;
}

.c-pager__item--to_next .-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.c-pager__item--to_last .-btn {
  margin-left: auto;
  border-left: solid 1px #CCC;
}

.c-pager__item--to_last .-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 43%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.c-pager__item--to_last .-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 57%;
  width: 8px;
  height: 16px;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

/* --------------------------------------------------
// object/component - form parts
-------------------------------------------------- */

.c-form__check--input {
  display: none;
}

.c-form__check--input:checked + label::before {
  background-color: #2EA7E0;
  border: solid 1px #2EA7E0;
}

.c-form__check--input:checked + label::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 8px;
  width: 7px;
  height: 12px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-form__check--input:disabled + label {
  color: #CCC;
  pointer-events: none;
  font-size: 1.4rem;
}

.c-form__check--input:disabled + label::before {
  border: solid 1px #CCC;
}

.c-form__check--input:checked:disabled + label::before {
  background-color: #CCC;
  border: solid 1px #CCC;
}

.c-form__check--label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1.2rem;
}

.c-form__check--label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-form__refine_check:not(:last-child) {
  margin-right: 20px;
}

.c-form__refine_check--label {
  position: relative;
  display: block;
  cursor: pointer;
}

.c-form__refine_check--input {
  display: none;
}

.c-form__refine_check--input:checked + .c-form__refine_check--name::before {
  background-color: #2EA7E0;
  border: solid 1px #2EA7E0;
}

.c-form__refine_check--input:checked + .c-form__refine_check--name::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 8px;
  width: 7px;
  height: 12px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.c-form__refine_check--name {
  position: relative;
  display: block;
  padding-left: 22px;
  cursor: pointer;
}

.c-form__refine_check--name::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 3px;
}

.c-form__radio--input {
  display: none;
}

.c-form__radio--input:checked + label {
  background-color: #000;
  color: #fff;
}

.c-form__radio--label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 70px;
  height: 25px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 3px;
  text-align: center;
  color: #000;
  cursor: pointer;
  font-size: 1.2rem;
}

.c-form__radio--label:where(:hover) {
  background-color: #000;
  color: #fff;
}

.c-form__text {
  position: relative;
  width: 100%;
  max-width: 305px;
  margin-top: 15px;
}

.c-form__text--input,
.ec-input .c-form__text--input {
  width: 100%;
  max-width: 305px;
  padding: 5px 10px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 5px;
}

.c-form__text--input::-webkit-input-placeholder,
.ec-input .c-form__text--input::-webkit-input-placeholder {
  color: #707070;
}

.c-form__text--input::-moz-placeholder,
.ec-input .c-form__text--input::-moz-placeholder {
  color: #707070;
}

.c-form__text--input:-ms-input-placeholder,
.ec-input .c-form__text--input:-ms-input-placeholder {
  color: #707070;
}

.c-form__text--input::-ms-input-placeholder,
.ec-input .c-form__text--input::-ms-input-placeholder {
  color: #707070;
}

.c-form__text--input::placeholder,
.ec-input .c-form__text--input::placeholder {
  color: #707070;
}

.c-form__text--input.-inner_required {
  position: relative;
  padding-left: 30px;
}

.c-form__text--label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.c-form__text--label.-required {
  position: relative;
}

.c-form__text--label.-required::after {
  content: "※";
  padding-left: 5px;
  font-size: 1.2rem;
  color: #2EA7E0;
}

.c-form__text .-required_discription {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  color: #2EA7E0;
}

.c-form__input {
  width: 100%;
  padding: 5px 15px;
  background-color: #fff;
  border: solid 1px #CCC;
  border-radius: 2px;
}

.c-form__password_visible,
.ec-input .c-form__password_visible {
  display: none;
}

.c-form__password_visible--label {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
}

.c-form--inner_required__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #2EA7E0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-form__circle_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: 15px;
}

.c-form__circle_radio--input {
  display: none;
}

.c-form__circle_radio--input:checked + label::after {
  background-color: #000;
}

.c-form__circle_radio--label {
  position: relative;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-left: 25px;
  line-height: 1.6;
  color: #000;
  cursor: pointer;
}

.c-form__circle_radio--label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-form__circle_radio--label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-form__circle_radio--label.-regulation {
  padding-right: 30px;
}

.c-form__policy_check input:checked + .c-form__check--label::before {
  background-color: #2EA7E0;
  border: solid 1px #2EA7E0;
}

.c-form__policy_check input:checked + .c-form__check--label::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 8px;
  width: 7px;
  height: 12px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

/* --------------------------------------------------
// object/component - table
-------------------------------------------------- */

.c-table {
  display: block;
  border-bottom: solid 1px #707070;
}

.c-table:first-child {
  border-top: solid 1px #707070;
}

.c-table__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 15px 30px;
  background-color: #F0F0F0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
}

.c-table__title .-title {
  position: relative;
}

.c-table__body {
  position: relative;
  width: 100%;
  min-height: 60px;
  padding: 15px 0 15px 30px;
  background-color: #fff;
}

.c-table__body.-regulation {
  padding-top: 18px;
  padding-left: 44px;
}

.c-table--enclosure {
  max-width: 632px;
  margin-right: auto;
  margin-left: auto;
}

.c-table--enclosure:first-child {
  margin-top: 40px;
}

.c-table--enclosure__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 10px 15px;
  background-color: #F4F4F4;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}

.c-table--enclosure__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 60px;
  padding: 15px;
  background-color: #fff;
  font-size: 1.2rem;
}

.c-table--enclosure__body .-text {
  font-size: 1.4rem;
}

/* --------------------------------------------------
// object/component - advansed_search
-------------------------------------------------- */

.c-advansed_search {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
  -webkit-transition: top 0.3s 0s ease;
  transition: top 0.3s 0s ease;
  z-index: 100;
}

.c-advansed_search__title {
  background-color: #000;
  text-align: left;
}

.c-advansed_search--section_title {
  padding-left: 36px;
  background-color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}

.c-advansed_search--section_title .-title {
  position: relative;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 46px;
}

.c-advansed_search--section_title .-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 24px;
  background: url(../img/icon_refine_search__white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-advansed_search__switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  background-color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 10;
}

.c-advansed_search__switch .-title {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 60px;
}

.c-advansed_search__switch .-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 17px;
  height: 20px;
  background: url(../img/icon_refine_search__white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-advansed_search__switch .-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  z-index: 1;
}

.c-advansed_search__switch.is-open .-title::after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.c-advansed_search__body {
  position: absolute;
  left: 50%;
  display: none;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
}

.c-advansed_search__body--wrap {
  overflow-y: scroll;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(100vh - (var(--body_padding_top-l) + 50px + 50px));
  padding-right: 0;
  padding-bottom: 40px;
  padding-left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.c-advansed_search__clear_btn {
  display: block;
  width: 100%;
  max-width: 165px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 10px;
  background-color: #000;
  border-radius: 45px;
  font-size: 1.55rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
}

.c-advansed_search__input--title.c-table__title {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c-advansed_search__input--title.c-table__title .-title {
  padding-left: 40px;
}

.c-advansed_search__input--title.c-table__title .-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  background: url(../img/icon_search.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-advansed_search__input .c-form__input {
  max-width: 620px;
  min-height: 37px;
  line-height: 1;
}

.c-advansed_search__input--head {
  position: relative;
  display: block;
  max-width: 620px;
  cursor: pointer;
}

.c-advansed_search__input--head .js-search__input--head {
  position: relative;
  z-index: 1;
}

.c-advansed_search__input--head .js-search__input--head.is-open {
  pointer-events: none;
}

.c-advansed_search__input--head .-search__btn--cancel {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 100;
}

.c-advansed_search__input--head .-search__btn--cancel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-advansed_search__input--head .-search__btn--cancel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-advansed_search__input--history {
  position: absolute;
  top: 51px;
  left: 30px;
  right: 0;
  display: none;
  max-width: 620px;
  padding: 15px 20px 20px;
  background-color: #fff;
  border: solid 1px #CCC;
  border-radius: 2px;
  z-index: 10;
}

.c-advansed_search__input--history__title {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
}

.c-advansed_search__input--history__list .-list__item {
  position: relative;
  border-bottom: solid 1px #CCC;
}

.c-advansed_search__input--history__list a {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 400;
}

.c-advansed_search__input--history .-close_btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.c-advansed_search__input--history .-close_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-advansed_search__input--history .-close_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-advansed_search__input--history__clear_btn {
  display: block;
  width: 100%;
  max-width: 165px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 10px;
  background-color: #000;
  border-radius: 45px;
  font-size: 1.55rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
}

.c-advansed_search__refine--head {
  position: relative;
  display: block;
  cursor: pointer;
}

.c-advansed_search__refine--head input {
  border: none;
  color: #000;
}

.c-advansed_search__refine--head input::-webkit-input-placeholder {
  color: #000;
}

.c-advansed_search__refine--head input::-moz-placeholder {
  color: #000;
}

.c-advansed_search__refine--head input:-ms-input-placeholder {
  color: #000;
}

.c-advansed_search__refine--head input::-ms-input-placeholder {
  color: #000;
}

.c-advansed_search__refine--head input::placeholder {
  color: #000;
}

.c-advansed_search__refine--switch_btn {
  position: absolute;
  top: 50%;
  right: 25px;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_black.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  font-size: 0;
  color: transparent;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-advansed_search__refine--switch_btn.is-active {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  z-index: 11;
}

.c-advansed_search__refine--container {
  overflow-y: scroll;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 300px;
  padding: 15px 20px 20px 20px;
  background-color: #fff;
  border: solid 1px #707070;
  z-index: 5;
}

.c-advansed_search__refine--container.is-active {
  z-index: 10;
}

.c-advansed_search__refine--list .-list__item {
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer;
}

.c-advansed_search__refine--list .-list__item:where(:hover) {
  background-color: rgba(46, 167, 224, 0.1);
}

.c-advansed_search__refine--list .c-form__check--label {
  display: block;
}

.c-advansed_search__btns {
  margin-top: 40px;
}

.c-advansed_search__btns .c-btn {
  width: 250px;
  height: 50px;
  margin: 0;
}

.c-advansed_search .c-table:first-child {
  border-top: none;
}

/* --------------------------------------------------
// object/component - column_search
-------------------------------------------------- */

.c-column_search {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 40px auto;
  border: solid 2px #2EA7E0;
  border-radius: 4px;
}

.c-column_search .-search__name {
  display: block;
  width: 100%;
  padding: 0.5em 30px 0.5em 35px;
  background: #fff url(../img/icon_search.svg) no-repeat 10px center;
  background-size: 16px 16px;
  line-height: 1;
}

.c-column_search .-search__btn--cancel {
  position: absolute;
  top: 50%;
  right: 75px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.c-column_search .-search__btn--cancel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.c-column_search .-search__btn--cancel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #CCC;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.c-column_search .-search__btn--submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 38px;
  background-color: #2EA7E0;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

/* --------------------------------------------------
// object/component - review
-------------------------------------------------- */

.c-review {
  position: relative;
  background-color: #fff;
}

.c-review--read_text {
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  font-weight: 500;
  text-align: center;
}

.c-review .review__navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-review .review__navi .-count {
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
  font-weight: 700;
}

.c-review .review__subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 20px;
}

.c-review .review__subject .-title,
.c-review .review__subject .-meta {
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  font-weight: 500;
}

.c-review .review__subject .-number {
  font-size: clamp(1.8rem, 3vw, 2rem);
  font-weight: 800;
  color: #EAB73C;
}

.c-review .review__chart {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.c-review .c-cassette__evaluated {
  margin-bottom: 30px;
}

.c-review .c-cassette__evaluated--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -15px;
  font-size: 1.4rem;
}

.c-review .c-cassette__evaluated .-list__item {
  min-width: 115px;
  margin-top: 15px;
  margin-right: 20px;
}

.c-review .c-cassette__evaluated .-list__item:nth-child(3),
.c-review .c-cassette__evaluated .-list__item:nth-child(6) {
  min-width: 170px;
}

.c-review .c-cassette__evaluated .-list__item:nth-child(3n) {
  margin-right: 0;
}

.c-review .review__repletion_text {
  margin-bottom: 40px;
  font-size: 1rem;
  text-align: left;
  color: #707070;
}

.c-review .review__input {
  display: none;
  margin-top: 40px;
}

.c-review .review__input .review__comments--item__body {
  padding-bottom: 0;
}

.c-review .review__input textarea {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: -20px;
  padding-bottom: 5px;
  background-color: transparent;
  border: none;
  line-height: 24px;
}

.c-review .review__input textarea::-webkit-input-placeholder {
  color: #707070;
}

.c-review .review__input textarea::-moz-placeholder {
  color: #707070;
}

.c-review .review__input textarea:-ms-input-placeholder {
  color: #707070;
}

.c-review .review__input textarea::-ms-input-placeholder {
  color: #707070;
}

.c-review .review__input textarea::placeholder {
  color: #707070;
}

.c-review .review__comments {
  margin-top: 25px;
}

.c-review .review__comments--item {
  padding: 30px 20px;
  background-color: #FFFBE9;
  border: solid 1px #CCC;
  border-radius: 5px;
}

.c-review .review__comments--item:not(:nth-child(1),
:nth-child(2)) {
  display: none;
}

.c-review .review__comments--item:not(:last-child) {
  margin-bottom: 20px;
}

.c-review .review__comments--item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 700;
}

.c-review .review__comments--item__head .-name {
  position: relative;
  padding-left: 40px;
}

.c-review .review__comments--item__head .-name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-review .review__comments--item__head .-name::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 16px;
  height: 15px;
  background: url(../img/icon_person_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-review .review__comments--item__head .-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-review .review__comments--item__head .-level__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-review .review__comments--item__head .-endpoint {
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.c-review .review__comments--item__body {
  position: relative;
  padding-bottom: 10px;
}

.c-review .review__comments--item__body .-date {
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.c-review .review__comments--wrap {
  overflow: hidden;
}

.c-review .review__comments--wrap.is-active {
  margin-bottom: 30px;
}

.c-review .review__comments--text {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
  z-index: 1;
}

.c-review .review__comments--text.is-hide {
  height: 119.6px;
}

.c-review .review__comments--more_btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
  width: 100%;
  margin-top: 10px;
  background-color: #FFFBE9;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 5;
}

.c-review .review__comments--more_btn.is-show {
  display: block;
}

.c-review .review__comments--more_btn .-btn__title {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 30px 5px 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}

.c-review .review__comments--more_btn .-btn__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.c-review .review__comments--more_btn .-btn__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 10px;
  height: 10px;
  background: url(../img/icon_plus.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  z-index: 2;
}

.c-review .review__comments--item__action_bar {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #707070;
  text-align: center;
}

.c-review .review__comments--item__action_bar .-title__text {
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 400;
}

.c-review .review__comments--item__action_bar .-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.c-review .review__comments--item__action_bar .-review__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: clamp(100px, 26vw, 120px);
  min-height: 40px;
  border-radius: 40px;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-review .review__comments--item__action_bar .-review__btn--reply {
  background-color: #fff;
  border: solid 1px #000;
}

.c-review .review__comments--item__action_bar .-review__btn--reply:where(:hover) {
  background-color: rgba(112, 112, 112, 0.1);
}

.c-review .review__comments--item__action_bar .-review__btn--reference {
  background-color: #FFDC2C;
  border: solid 1px #FFDC2C;
}

.c-review .review__comments--item__action_bar .-review__btn--reference:where(:hover) {
  opacity: 0.6;
}

.c-review .review__comments--item__action_bar .-review__btn--reference:disabled {
  background-color: #CCC;
  border-color: #CCC;
  color: #fff;
  pointer-events: none;
}

.c-review .review__comments--item__action_bar .-review__btn--cansel {
  background-color: #000;
  border: solid 1px #000;
  color: #fff;
}

.c-review .review__comments--item__action_bar .-review__btn--cansel:where(:hover) {
  background-color: #fff;
  color: #000;
}

.c-review .review__comments--item__action_bar .-reference__text {
  margin-top: 20px;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0.01em;
}

.c-review .review__comments--item__action_bar .-reference__text .-number {
  font-weight: 700;
}

.c-review .review__comments--replies {
  display: none;
  margin-top: 40px;
  margin-left: 30px;
}

.c-review .review__comments--replies .review__comments--item {
  margin-bottom: 20px;
  padding: 0;
  border: none;
}

.c-review .review__comments--replies .review__comments--item__body {
  padding-bottom: 0;
}

.c-review .review__comments--replies textarea {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: -20px;
  padding-bottom: 5px;
  background-color: transparent;
  border: none;
  line-height: 24px;
}

.c-review .review__comments--replies textarea::-webkit-input-placeholder {
  color: #707070;
}

.c-review .review__comments--replies textarea::-moz-placeholder {
  color: #707070;
}

.c-review .review__comments--replies textarea:-ms-input-placeholder {
  color: #707070;
}

.c-review .review__comments--replies textarea::-ms-input-placeholder {
  color: #707070;
}

.c-review .review__comments--replies textarea::placeholder {
  color: #707070;
}

.c-review .review__comments--list--child {
  display: none;
  margin-top: 40px;
  margin-left: 30px;
}

.c-review .review__comments--list--child .review__comments--item {
  margin-top: 30px;
  padding: 0;
  border: none;
  display: block;
}

.c-review .review__comments--list--replies_view {
  display: block;
  margin-top: 20px;
  margin-right: 12px;
  margin-left: 12px;
}

.c-review .review__comments--list--replies_view .-replies_view_btn {
  background-color: transparent;
}

.c-review .review__comments--list--replies_view .-replies_view_btn .-title {
  position: relative;
  padding-left: 25px;
  font-size: 1.6rem;
  font-weight: 500;
}

.c-review .review__comments--list--replies_view .-replies_view_btn .-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../img/icon_arrow_black.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  z-index: 1;
}

.c-review .review__comments--list--replies_view .-replies_view_btn.is-active .-title::after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

/* --------------------------------------------------
// object/project - top_page homepage
-------------------------------------------------- */

.p-homepage__ranking--list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 3%;
  -moz-column-gap: 3%;
  column-gap: 3%;
}

.p-homepage__ranking--list .c-cassette {
  display: none;
  position: relative;
  width: 31%;
}

.p-homepage .p-homepage__section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-homepage .p-homepage__section--title {
  margin-bottom: 26px;
  text-align: center;
}

.p-homepage .p-homepage__section--title .-en {
  display: block;
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
}

.p-homepage .p-homepage__section--title .-ja {
  display: block;
  margin-top: 10px;
  font-size: 1.4rem;
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
  font-weight: 500;
  line-height: 1;
  color: #000;
}

.p-homepage__ranking {
  background-color: #fff;
}

.p-homepage__ranking--section {
  padding-bottom: 40px;
}

.p-homepage__ranking--section:not(:first-of-type) {
  padding-top: 40px;
}

.p-homepage__ranking--section:not(:last-of-type) {
  border-bottom: solid 1px #707070;
}

.p-homepage__ranking--soaring .c-heading__title3 {
  color: #E93777;
}

.p-homepage__ranking--decline .c-heading__title3 {
  color: #2EA7E0;
}

.p-homepage__ranking--list {
  counter-reset: list_number 0;
}

.p-homepage__ranking--list .c-cassette {
  counter-increment: list_number 1;
}

.p-homepage__ranking--list .c-cassette::before {
  content: counter(list_number);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  background-color: #fff;
  border-radius: 50px;
  border: solid 2px #000;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-homepage__ranking--list .c-cassette:nth-child(1)::before {
  background-color: #BAA877;
  border-color: #BAA877;
  color: #fff;
}

.p-homepage__ranking--list .c-cassette:nth-child(2)::before {
  background-color: #A8A9A8;
  border-color: #A8A9A8;
  color: #fff;
}

.p-homepage__ranking--list .c-cassette:nth-child(3)::before {
  background-color: #947B60;
  border-color: #947B60;
  color: #fff;
}

.p-homepage__ranking--annotation {
  font-size: 1rem;
  text-align: center;
  color: #707070;
}

.p-homepage__article {
  background-color: #F4F4F4;
}

.p-homepage__article--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4%;
  -moz-column-gap: 4%;
  column-gap: 4%;
  row-gap: 30px;
  margin-bottom: 40px;
}

.p-homepage__article--list .c-cassette {
  display: none;
  width: 48%;
}

.p-homepage__article--list .c-cassette:nth-child(1),
.p-homepage__article--list .c-cassette:nth-child(2),
.p-homepage__article--list .c-cassette:nth-child(3),
.p-homepage__article--list .c-cassette:nth-child(4),
.p-homepage__article--list .c-cassette:nth-child(5),
.p-homepage__article--list .c-cassette:nth-child(6) {
  display: block !important;
}

.p-homepage .c-choose_menu .c-refine_search {
  margin-bottom: 10px;
}

/* --------------------------------------------------
// object/project - product list
-------------------------------------------------- */

.p-product_list__lists .l-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-product_list__lists .l-wrap .c-cassette {
  position: relative;
  width: 31%;
  margin-left: 3%;
}

.p-product_list__infos {
  margin-bottom: 10px;
}

.p-product_list__infos .l-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-product_list__infos--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-product_list__infos--title .-number,
.p-product_list__infos--title .-meta {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}

.p-product_list__infos--title .-meta {
  margin-right: 20px;
}

.p-product_list__infos--title .-name {
  font-size: 1.6rem;
  font-weight: 700;
  color: #2EA7E0;
}

.p-product_list__infos--title .-not_item {
  margin-right: 20px;
  font-size: 1.5rem;
  line-height: 1.7;
}

.p-product_list__infos--title a {
  color: #2EA7E0;
}

.p-product_list__infos--actions {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
}

.p-product_list__infos--actions::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 20px;
  background: url(../img/icon_sort.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-product_list__infos--actions .-name {
  display: none;
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: right;
  color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

.p-product_list__infos--actions .-name__title {
  display: block;
}

.p-product_list__infos--actions .form-control {
  min-width: 120px;
  padding: 0;
  background-image: none;
  border: none;
  font-size: 1.2rem;
  color: #000;
}

.p-product_list__infos--actions .form-control option {
  font-size: 1.2rem;
}

.p-product_list__infos--actions.is-open .-name {
  display: none;
}

.p-product_list__infos--actions.is-open .form-control {
  color: #000;
}

.p-product_list__lists .l-wrap {
  position: relative;
}

.p-product_list .ec-searchnavRole {
  margin-bottom: 10px;
}

.p-product_list .ec-searchnavRole .errormsg {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* --------------------------------------------------
// object/project - product detail
-------------------------------------------------- */

.p-product_detail__same_name--list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-product_detail__same_name--list .c-cassette {
  position: relative;
  width: 31%;
  margin-left: 3%;
}

.p-product_detail__head {
  margin-bottom: 15px;
}

.p-product_detail__head--title {
  margin-bottom: 5px;
  font-size: clamp(1.6rem, 2.5vw, 2.8rem);
  font-weight: 700;
  color: #2EA7E0;
}

.p-product_detail__head--title__sub {
  font-size: 1.2rem;
  font-weight: 400;
}

.p-product_detail__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 15px;
  padding-left: 15px;
}

.p-product_detail__price .-price__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((100% - 10px) / 2);
}

.p-product_detail__price .-title {
  padding: 5px 3px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.p-product_detail__price .-price {
  /* margin-left: 10px; */
  margin-left: 6px;
  /* font-size: 1.5rem; */
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}

.p-product_detail__price .-price__block--selling .-title {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

.p-product_detail__price .-price__block--selling .-price {
  color: #000;
}

.p-product_detail__price .-price__block--purchase .-title {
  background-color: #fff;
  border-color: #E93777;
  color: #E93777;
}

.p-product_detail__price .-price__block--purchase .-price {
  color: #E93777;
}

.p-product_detail__price .-price__block--lowest_price .-title {
  background-color: #000;
  border-color: #000;
}

.p-product_detail__price .-price__block--lowest_price .-price {
  color: #000;
}

.p-product_detail__price .-price__block--best_purchase .-title {
  background-color: #E93777;
  border-color: #E93777;
}

.p-product_detail__price .-price__block--best_purchase .-price {
  color: #E93777;
}

.p-product_detail__face {
  width: 100%;
  margin-bottom: 40px;
}

.p-product_detail__thumbnail {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 345px;
  max-width: 345px;
  margin-bottom: 15px;
  border-radius: 10px;
}

.p-product_detail__thumbnail img {
  border-radius: 10px;
}

.p-product_detail__quotation {
  margin-bottom: 20px;
  font-size: clamp(0.8rem, 1vw, 1rem);
  text-align: center;
}

.p-product_detail__quotation a {
  color: #2EA7E0;
}

.p-product_detail__action_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-product_detail__action_btns .c-btn--link {
  width: auto;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 3px 20px;
}

.p-product_detail__action_btns .c-btn--favorite {
  width: auto;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.p-product_detail__shops .l-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #F4F4F4;
}

.p-product_detail__shops--container:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #707070;
}

.p-product_detail__shops--table .c-form__check--input:checked + label::before {
  background-color: #707070;
  border-color: #707070;
}

.p-product_detail__shops--table .c-form__check--input:checked + label::after {
  width: 6px;
  height: 9px;
}

.p-product_detail__shops--table table {
  width: 100%;
  background-color: #fff;
  font-size: 1rem;
}

.p-product_detail__shops--table th {
  padding: 7px 5px;
  font-size: 1.1rem;
  text-align: center;
  color: #fff;
}

.p-product_detail__shops--table th:nth-child(1) {
  width: 20%;
  text-align: left;
  padding-left: 5px;
}

.p-product_detail__shops--table th:nth-child(2) {
  width: 16%;
}

.p-product_detail__shops--table th:nth-child(3) {
  width: 20%;
  text-align: left;
  padding-left: 10px;
}

.p-product_detail__shops--table th:nth-child(4) {
  width: 12%;
}

.p-product_detail__shops--table th:nth-child(5) {
  width: 12%;
}

.p-product_detail__shops--table th:last-child {
  width: 22%;
  padding: 5px 1px;
}

.p-product_detail__shops--table td {
  padding: 7px 0px;
  text-align: center;
}

.p-product_detail__shops--table td:nth-child(1) {
  width: 20%;
  text-align: left;
  padding-left: 3px;
}

.p-product_detail__shops--table td:nth-child(2) {
  width: 11%;
}

.p-product_detail__shops--table td:nth-child(3) {
  width: 20%;
  text-align: left;
  padding-left: 10px;
  font-size: 1.2rem;
}

.p-product_detail__shops--table td:nth-child(4) {
  width: 12%;
}

.p-product_detail__shops--table td:nth-child(5) {
  width: 12%;
}

.p-product_detail__shops--table td:last-child {
  width: 22%;
  padding: 5px 1px;
}

.p-product_detail__shops--table td a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}

.p-product_detail__shops--table td a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}

.p-product_detail__shops--table td a:hover {
  text-decoration: none;
}

.p-product_detail__shops--table.-selling_table table {
  border-left: solid 1px #2EA7E0;
}

.p-product_detail__shops--table.-selling_table tr {
  border-bottom: solid 1px #2EA7E0;
}

.p-product_detail__shops--table.-selling_table th {
  background-color: #2EA7E0;
  border-right: solid 1px #fff;
}

.p-product_detail__shops--table.-selling_table th:last-child {
  border-right: solid 1px #2EA7E0;
}

.p-product_detail__shops--table.-selling_table th a {
  cursor: pointer;
}

.p-product_detail__shops--table.-selling_table td {
  border-right: solid 1px #2EA7E0;
}

.p-product_detail__shops--table.-selling_table td a {
  color: #2EA7E0;
}

.p-product_detail__shops--table.-selling_table td a::after {
  background: transparent url(../img/icon_blanklink.svg) no-repeat center bottom;
  background-size: contain;
  -webkit-filter: invert(79%) sepia(48%) saturate(6143%) hue-rotate(169deg) brightness(93%) contrast(89%);
  filter: invert(79%) sepia(48%) saturate(6143%) hue-rotate(169deg) brightness(93%) contrast(89%);
}

.p-product_detail__shops--table.-purchase_table table {
  border-left: solid 1px #E93777;
}

.p-product_detail__shops--table.-purchase_table tr {
  border-bottom: solid 1px #E93777;
}

.p-product_detail__shops--table.-purchase_table th {
  background-color: #E93777;
  border-right: solid 1px #fff;
}

.p-product_detail__shops--table.-purchase_table th:last-child {
  border-right: solid 1px #E93777;
}

.p-product_detail__shops--table.-purchase_table th a {
  cursor: pointer;
}

.p-product_detail__shops--table.-purchase_table td {
  border-right: solid 1px #E93777;
}

.p-product_detail__shops--table.-purchase_table td a {
  color: #E93777;
}

.p-product_detail__shops--table.-purchase_table td a::after {
  background: transparent url(../img/icon_blanklink.svg) no-repeat center bottom;
  background-size: contain;
  -webkit-filter: invert(23%) sepia(43%) saturate(4168%) hue-rotate(319deg) brightness(114%) contrast(83%);
  filter: invert(23%) sepia(43%) saturate(4168%) hue-rotate(319deg) brightness(114%) contrast(83%);
}

.p-product_detail__shops--table .c-form__check--label {
  font-size: clamp(0.7rem, 70%, 1rem);
}

.p-product_detail__shops--table .-price {
  font-weight: bold;
}

.p-product_detail__shops .-repletion {
  margin-top: 10px;
  font-size: 0.9rem;
  text-align: right;
}

.p-product_detail__shops .is-highest_price {
  color: #E93777;
}

.p-product_detail__shops .is-cheapest_price {
  color: #2EA7E0;
}

.p-product_detail__shops .is-red {
  background-color: #F9CADB;
}

.p-product_detail__shops .is-blue {
  background-color: #D2E7F6;
}

.p-product_detail__shops .is-yellow {
  background-color: #FFF6C7;
}

.p-product_detail__shops .is-green {
  background-color: #E2EACB;
}

.p-product_detail__shops .is-orange {
  background-color: #FFDDC7;
}

.p-product_detail__shops .is-gray {
  background-color: #F5F5F5;
}

.p-product_detail__shops--annotation {
  margin-top: 10px;
  padding-left: 15px;
  font-size: 0.9rem;
  color: #707070;
}

.p-product_detail__transition {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}

.p-product_detail__transition--chart {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.p-product_detail__transition--chart .-chart__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-product_detail__transition .transition__chart {
  position: relative;
  width: 100%;
  margin: 30px auto 0;
  min-height: 400px;
}

.p-product_detail__wiki {
  border-top: solid 1px #CCC;
  padding: 30px 15px;
  background-color: #fff;
}

.p-product_detail__wiki .c-heading__title {
  color: #000;
  font-size: clamp(1.8rem, 1.8vw, 2.2rem);
  font-weight: 500;
  padding-bottom: 10px;
}

.p-product_detail__wiki .-wiki__list {
  width: 100%;
  margin-bottom: 16px;
}

.p-product_detail__wiki .-wiki__list dl {
  flex-wrap: nowrap;
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
}

.p-product_detail__wiki .-wiki__list dt {
  padding-top: 14px;
  width: 15%;
  font-weight: bold;
}

.p-product_detail__wiki .-wiki__list dd {
  width: 85%;
  line-height: 2;
  padding: 9px 0;
}

.p-product_detail__review {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-product_detail__review .c-review--container {
  margin-top: 20px;
  padding: 20px 15px;
  background-color: #FDFCFC;
  border: solid 1px #CCC;
  border-radius: 10px;
}

.p-product_detail__terms_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 700px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 10px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 5px;
  font-size: clamp(1rem, 2vw, 1.4rem);
  font-weight: 500;
}

.p-product_detail__terms_check .-title {
  display: block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  line-height: 1;
}

.p-product_detail__terms_check--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-product_detail__terms_check--list .-list__item {
  padding-left: 10px;
}

.p-product_detail__terms_check--list .-list__item:not(:last-child) {
  margin-right: 10px;
}

.p-product_detail__terms_check h4 {
  cursor: pointer;
  display: flex !important;
  justify-content: space-between;
}

.sales-country-popup {
  display: none;
  margin-top: 10px;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  position: absolute;
  top: 100px;
  width: 160px;
}

.purchase-country-popup {
  display: none;
  margin-top: 10px;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  position: absolute;
  bottom: 22px;
  width: 160px;
}

.country-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.country-popup ul li {
  cursor: pointer;
  padding: 7px 0px 7px 10px;
}

.country-popup ul li:not(:first-child) {
  border-top: solid 1px #707070;
}

.country-popup ul li a {
  color: #000;
  text-decoration: none;
  width: 100%;
}

.country-popup ul li a:hover {
  text-decoration: underline;
}

.country-popup .country-item {
  position: relative;
  padding-left: 35px;
  display: inline-block;
  line-height: 1.5;
}

.country-popup .country-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block;
}

.country-popup .country-item.selected::before {
  content: '✓';
  color: #000;
  font-size: 20px;
  line-height: 1;
}

.country-popup .country-item.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.p-product_detail__same_name {
  padding-top: 20px;
  background-color: #F4F4F4;
}

.p-product_detail__same_name .c-heading__title3 {
  margin-bottom: 15px;
}

.p-product_detail__same_name--list {
  position: relative;
  padding-bottom: 15px;
}

.p-product_detail .ec-productRole {
  padding-right: 0;
  padding-left: 0;
}

/* --------------------------------------------------
// object/project - cards
-------------------------------------------------- */

.p-cards__inner .c-advansed_search {
  position: relative;
  top: 0 !important;
  z-index: 1;
}

.p-cards__inner .c-advansed_search__switch {
  pointer-events: none;
}

.p-cards__inner .c-advansed_search__switch .-title::after {
  content: "";
  display: none;
}

.p-cards__inner .c-advansed_search__body {
  display: block;
  position: static;
  margin-inline: auto;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.p-cards .c-advansed_search {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.p-cards .c-advansed_search .c-advansed_search__body--wrap {
  overflow-y: auto;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  padding-right: 0;
  padding-bottom: 45px;
  padding-left: 0;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
}

/* --------------------------------------------------
// object/project - mypage
-------------------------------------------------- */

.ec-mypageRole {
  padding: 0;
}

.p-mypage_evaluated__lists .l-wrap,
.p-mypage_favorite__lists .l-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-mypage_evaluated__lists .l-wrap .c-cassette,
.p-mypage_favorite__lists .l-wrap .c-cassette {
  position: relative;
  width: 31%;
  margin-left: 3%;
}

.p-mypage__nav {
  margin-top: 40px;
}

.p-mypage__nav--list {
  padding-right: 15px;
  padding-left: 15px;
}

.p-mypage__nav--item {
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
}

.p-mypage__nav--link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  color: #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-mypage__nav--link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  background: url(../img/icon_arrow_black.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.p-mypage__nav--link:is(:hover) {
  background-color: rgba(112, 112, 112, 0.1);
  color: #000;
}

.p-mypage_index {
  width: calc(100% - 30px);
  padding: 30px 20px;
  background-color: #FFFCF0;
  border: solid 1px #CCC;
  border-radius: 10px;
}

.p-mypage_index--user_detail {
  margin-bottom: 20px;
}

.p-mypage_index .user_detail__name {
  position: relative;
  margin-bottom: 20px;
  padding-right: 60px;
  font-size: 1.8rem;
  font-weight: 500;
}

.p-mypage_index .user_detail__name::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 42px;
  height: 42px;
  background-color: #000;
  border-radius: 100px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-mypage_index .user_detail__name::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 26px;
  height: 25px;
  background: url(../img/icon_person_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-mypage_index .user_detail__status {
  padding: 20px 15px;
  background-color: #fff;
}

.p-mypage_index .user_detail__status--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-mypage_index .user_detail__status--block .-title {
  width: 150px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
}

.p-mypage_index .user_detail__status--block .-text {
  width: calc(100% - 150px);
  font-size: 1.4rem;
  font-weight: 400;
}

.p-mypage_index .user_detail__status--block .-next_level {
  font-size: 1.2rem;
}

.p-mypage_index .p-mypage__nav {
  margin-top: 20px;
}

.p-mypage_favorite__lists {
  margin-top: 30px;
}

.p-mypage_favorite__lists .l-wrap {
  position: relative;
}

.p-mypage_favorite__lists .ec-closeBtn--circle {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  z-index: 10;
}

.p-mypage_evaluated__lists {
  margin-top: 30px;
}

.p-mypage_evaluated__lists .l-wrap {
  position: relative;
}

.p-mypage_graph_setting__container {
  text-align: center;
}

.p-mypage_graph_setting__container:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #CCC;
}

.p-mypage_graph_setting__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-mypage_shop__list .-shop__list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;
}

.p-mypage_shop__list .-shop__list--item > .form-check {
  padding-left: 0;
}

.p-mypage_shop__list .-shop__list--item .c-form__check {
  margin-right: 0;
}

.p-mypage_shop__list .-shop__list--item .c-form__check--label {
  overflow: hidden;
  display: block;
  max-width: 190px;
  font-size: 1.2rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-mypage_shop__color {
  position: relative;
  width: 171px;
  background-color: #fff;
  border-top: solid 1px #000;
  border-radius: 5px;
}

.p-mypage_shop__color--title {
  position: relative;
  display: block;
  padding: 5px 10px;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
}

.p-mypage_shop__color--title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 2px;
  height: 7px;
  background-color: #000;
  border-radius: 10px 10px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.p-mypage_shop__color--title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 2px;
  height: 7px;
  background-color: #000;
  border-radius: 0 0 10px 10px;
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}

.p-mypage_shop__color--title.is-active {
  border-radius: 5px 5px 0 0;
  z-index: 1;
}

.p-mypage_shop__color--title.is-active::before {
  border-radius: 0 0 10px 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.p-mypage_shop__color--title.is-active::after {
  border-radius: 10px 10px 0 0;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}

.p-mypage_shop__color--container {
  position: absolute;
  top: 24px;
  right: 0;
  left: 0;
  display: none;
  padding: 5px 10px 15px;
  background-color: #fff;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
  border-radius: 0 0 5px 5px;
  z-index: 100;
}

.p-mypage_shop__color--container.is-active {
  z-index: 100;
}

.p-mypage_shop__color--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-mypage_shop__color .-color__list--item {
  width: 48%;
  margin-bottom: 5px;
}

.p-mypage_shop__color .-color__list--item > .form-check {
  padding-left: 0;
}

.p-mypage_shop__color .c-form__radio--input:checked + label {
  background-color: transparent;
}

.p-mypage_shop__color .c-form__radio--input:checked + label::before {
  background-color: #2EA7E0;
  border: solid 1px #2EA7E0;
}

.p-mypage_shop__color .c-form__radio--input:checked + label::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 8px;
  width: 7px;
  height: 12px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.p-mypage_shop__color .c-form__radio--label {
  position: relative;
  min-width: 20px;
  padding-left: 10px;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
}

.p-mypage_shop__color .c-form__radio--label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-mypage_shop__color .c-form__radio--label:where(:hover,
:focus) {
  background-color: #fff;
}

.p-mypage_shop__color .c-btn {
  max-width: 90px;
  margin-top: 5px;
}

.p-mypage_shop__howto {
  margin-top: 40px;
  padding: 30px 0;
  background-color: #FFFBE9;
}

.p-mypage_shop__howto--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-mypage_shop__howto--text {
  width: 100%;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table {
  width: 100%;
  margin-top: 20px;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table table {
  border-left: solid 1px #2EA7E0;
  font-size: 1rem;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table th {
  background-color: #2EA7E0;
  border-right: solid 1px #fff;
  font-size: 1rem;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table th:last-child {
  border-right: solid 1px #2EA7E0;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table td {
  border-right: solid 1px #2EA7E0;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody tr {
  border-bottom: solid 1px #2EA7E0;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody tr:nth-child(1) {
  background-color: #D2E7F6;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody tr:nth-child(2) {
  background-color: #FFF6C7;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody tr:nth-child(3) {
  background-color: #F9CADB;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody td:nth-child(1),
.p-mypage_shop__howto--table.p-product_detail__shops--table tbody td:nth-child(2),
.p-mypage_shop__howto--table.p-product_detail__shops--table tbody td:nth-child(6) {
  color: #30a7e0;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table tbody td:last-child {
  width: 20%;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .c-form__check--label {
  padding-left: 13px;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .c-form__check--label::before {
  width: 10px;
  height: 10px;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .c-form__check--label::after {
  left: 5px;
  width: 4px !important;
  height: 6px !important;
  border-width: 1px;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .-repletion {
  margin-top: 10px;
  font-size: 0.9rem;
  text-align: right;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .is-cheapest_price {
  color: #2EA7E0;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table .is-highest_price {
  color: #E93777;
}

.p-mypage_login .-read_text {
  margin-bottom: 30px;
  font-size: clamp(1.4rem, 1.3vw, 1.6rem);
  font-weight: 500;
  text-align: center;
  color: #000;
}

.p-mypage_login .-text {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
  color: #000;
}

.p-mypage_login .c-heading__title4 {
  font-size: 1.8rem;
}

.p-mypage_login__main {
  margin-bottom: 30px;
}

.p-mypage_login__form {
  margin-right: auto;
  margin-left: auto;
}

.p-mypage_login__links {
  margin-top: 30px;
}

.p-mypage_login__links .-link__text {
  text-align: center;
}

.p-mypage_login__links .-link__text:not(:first-child) {
  margin-top: 5px;
}

.p-mypage_login__entry .c-btn--square {
  margin-top: 15px;
}

.p-mypage_card_list__container {
  padding-right: 0;
  padding-left: 0;
}

.p-mypage_card_list__container .-list__item {
  position: relative;
}

.p-mypage_card_list__container .-list__item a {
  display: inline-block;
  max-width: calc(100% - 50px);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 1.2rem;
  font-weight: 500;
}

.p-mypage_card_list__container .-list__item .js-accordion__btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 49px;
  cursor: pointer;
  z-index: 10;
}

.p-mypage_card_list__container .-list__item .js-accordion__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-mypage_card_list__container .-list__item .js-accordion__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.p-mypage_card_list__container .-list__item .js-accordion__btn:hover::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.p-mypage_card_list__container .-list__item .js-accordion__btn.is-open::after {
  width: 10px;
  height: 2px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
}

.p-mypage_card_list__first_list .-first_list__item {
  background-color: #000;
  border-bottom: solid 1px #CCC;
}

.p-mypage_card_list__first_list .-first_list__link {
  position: relative;
  color: #fff;
}

.p-mypage_card_list__first_list .js-accordion__btn {
  background-color: #000;
}

.p-mypage_card_list__first_list .js-accordion__btn::before {
  background-color: #fff;
}

.p-mypage_card_list__first_list .js-accordion__btn::after {
  background: url(../img/icon_plus_black.svg) no-repeat center center;
  background-size: 100%;
}

.p-mypage_card_list__first_list .js-accordion__btn.is-open::after {
  background-color: #000;
}

.p-mypage_card_list__second_list {
  display: none;
}

.p-mypage_card_list__second_list .-second_list__item {
  background-color: #EDEDED;
  border-top: solid 1px #CCC;
}

.p-mypage_card_list__second_list .-second_list__link {
  color: #000;
}

.p-mypage_card_list__second_list .js-accordion__btn {
  background-color: #EDEDED;
}

.p-mypage_card_list__second_list .js-accordion__btn::before {
  background-color: #000;
}

.p-mypage_card_list__second_list .js-accordion__btn::after {
  background: url(../img/icon_plus.svg) no-repeat center center;
  background-size: 100%;
}

.p-mypage_card_list__second_list .js-accordion__btn.is-open::after {
  background-color: #fff;
}

.p-mypage_card_list__third_list {
  display: none;
}

.p-mypage_card_list__third_list .-third_list__item {
  background-color: #fff;
  border-top: solid 1px #CCC;
}

.p-mypage_card_list__third_list .-third_list__link {
  color: #000;
}

.p-mypage_card_list__third_list .-third_list__link::before,
.p-mypage_card_list__third_list .-third_list__link::after {
  content: "";
  display: none;
  width: 0;
  height: 0;
}

.p-mypage_account .p-mypage__main .l-wrap {
  max-width: 662px;
}

.p-mypage_account .c-form__text {
  margin-top: 0;
}

.p-mypage_account .-btn__change {
  position: absolute;
  top: 50%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 30px;
  background-color: #fff;
  border: solid 1px #2EA7E0;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.4rem;
  font-weight: 400;
  color: #2EA7E0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-mypage_account .-btn__change:where(:hover) {
  background-color: #2EA7E0;
  color: #fff;
}

.p-mypage_account .-required_discription {
  position: absolute;
  top: -30px;
  right: 15px;
  font-size: 1.2rem;
  color: #2EA7E0;
}

.p-mypage_account .-bg_yellow {
  background-color: rgba(255, 220, 44, 0.08);
}

/* --------------------------------------------------
// object/project - card_list
-------------------------------------------------- */

.p-card_list__container {
  padding-right: 0;
  padding-left: 0;
}

.p-card_list__container .-list__item {
  position: relative;
}

.p-card_list__container .-list__item a,
.p-card_list__container .-list__item .-list__item--btn {
  display: inline-block;
  max-width: calc(100% - 50px);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 1.2rem;
  font-weight: 500;
}

.p-card_list__container .-list__item .js-accordion__btn {
  position: relative;
  display: block;
  width: 100%;
  min-height: 49px;
  cursor: pointer;
  z-index: 10;
}

.p-card_list__container .-list__item .js-accordion__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-card_list__container .-list__item .js-accordion__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.p-card_list__container .-list__item .js-accordion__btn:hover::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.p-card_list__container .-list__item .js-accordion__btn.is-open::after {
  width: 10px;
  height: 2px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
}

.p-card_list__first_list .-first_list__item {
  background-color: #000;
  border-bottom: solid 1px #CCC;
}

.p-card_list__first_list .-first_list__link {
  position: relative;
  color: #fff;
}

.p-card_list__first_list .js-accordion__btn {
  background-color: #000;
}

.p-card_list__first_list .js-accordion__btn::before {
  background-color: #fff;
}

.p-card_list__first_list .js-accordion__btn::after {
  background: url(../img/icon_plus_black.svg) no-repeat center center;
  background-size: 100%;
}

.p-card_list__first_list .js-accordion__btn.is-open::after {
  background-color: #000;
}

.p-card_list__second_list .-second_list__item {
  background-color: #EDEDED;
  border-top: solid 1px #CCC;
}

.p-card_list__second_list .-second_list__link {
  color: #000;
}

.p-card_list__second_list .js-accordion__btn {
  background-color: #EDEDED;
}

.p-card_list__second_list .js-accordion__btn::before {
  background-color: #000;
}

.p-card_list__second_list .js-accordion__btn::after {
  background: url(../img/icon_plus.svg) no-repeat center center;
  background-size: 100%;
}

.p-card_list__second_list .js-accordion__btn.is-open::after {
  background-color: #fff;
}

.p-card_list__third_list .-third_list__item {
  background-color: #fff;
  border-top: solid 1px #CCC;
}

.p-card_list__third_list .-third_list__link {
  display: block !important;
  max-width: 100% !important;
  color: #000;
}

.p-card_list__third_list .-third_list__link::before,
.p-card_list__third_list .-third_list__link::after {
  content: "";
  display: none;
  width: 0;
  height: 0;
}

/* --------------------------------------------------
// object/project - entry
-------------------------------------------------- */

.p-entry__main .-read_text {
  margin-bottom: 30px;
  font-size: clamp(1.4rem, 1.3vw, 1.6rem);
  font-weight: 500;
  text-align: center;
  color: #000;
}

.p-entry__form {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.p-entry__form--nickname {
  margin-top: 40px;
}

.p-entry__form--nickname .-sub_text {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
}

.p-entry__form--agreement {
  width: 100%;
  max-width: 305px;
  margin-top: 40px;
}

.p-entry__form--agreement:is(:not(:last-child)) {
  margin-right: auto;
  margin-left: auto;
}

.p-entry__form--agreement .c-form__check--label {
  font-size: 1.1rem;
}

.p-entry__agreement_link {
  margin-top: 20px;
  font-size: 1.2rem;
}

.p-entry__agreement_link .-sub_text {
  text-align: center;
}

.p-entry__agreement_link--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 10px;
  max-width: 305px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.p-entry__agreement_link--list a {
  position: relative;
  display: inline-block;
  color: #707070;
}

.p-entry__agreement_link--list a::before {
  content: "＞";
}

.p-entry__agreement_link--list a:where(:hover,
:focus) {
  color: #2EA7E0;
}

.p-entry .ec-required {
  display: none;
}

/* --------------------------------------------------
// object/project - column
-------------------------------------------------- */

.p-column--result .p-column__section--new .l-wrap,
.p-column--card_deck .p-column__section--new .l-wrap {
  padding-top: 35px;
  border-top: solid 1px #CCC;
}

.p-column--result .-bg_gray,
.p-column--card_deck .-bg_gray {
  background-color: #FAFAFA;
}

.p-column .c-breadcrumb {
  margin-top: 20px;
}

.p-column .c-btn--moreover {
  margin-top: 50px;
}

.p-column .p-column__section--new .-new::before {
  content: "";
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
  font-size: 0;
}

.p-column__section {
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #fff;
}

.p-column__section.-bg_gray {
  background-color: #F4F4F4;
}

.p-column__section--title {
  margin-bottom: 35px;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  font-weight: 700;
  text-align: center;
}

.p-column__section--title a {
  color: #000;
}

.p-column__section--title a:hover {
  color: #2EA7E0;
}

.p-column__section--title a .-title {
  position: relative;
}

.p-column__section--title a .-title::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #2EA7E0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column__section--title a .-title:hover::after {
  width: 100%;
}

.p-column__article_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4%;
  -moz-column-gap: 4%;
  column-gap: 4%;
  row-gap: 30px;
  margin-bottom: 40px;
}

.p-column__article_list .c-cassette {
  display: none;
  width: 48%;
}

.p-column__article_list .c-cassette:nth-child(1),
.p-column__article_list .c-cassette:nth-child(2),
.p-column__article_list .c-cassette:nth-child(3),
.p-column__article_list .c-cassette:nth-child(4),
.p-column__article_list .c-cassette:nth-child(5) {
  display: block !important;
}

.p-column__article_list .c-cassette__thumbnail {
  aspect-ratio: 1.33/1;
}

.p-column__notice_list .c-cassette {
  display: none;
}

.p-column__notice_list .c-cassette:first-child {
  margin-top: -26px;
}

.p-column__notice_list .c-cassette:nth-child(1),
.p-column__notice_list .c-cassette:nth-child(2),
.p-column__notice_list .c-cassette:nth-child(3) {
  display: block !important;
}

.p-column__card_deck_list {
  display: grid;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  row-gap: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.p-column__card_deck_list .c-cassette {
  display: none;
}

.p-column__card_deck_list .c-cassette:nth-child(1),
.p-column__card_deck_list .c-cassette:nth-child(2),
.p-column__card_deck_list .c-cassette:nth-child(3),
.p-column__card_deck_list .c-cassette:nth-child(4),
.p-column__card_deck_list .c-cassette:nth-child(5),
.p-column__card_deck_list .c-cassette:nth-child(6) {
  display: block !important;
}

.p-column__list_list {
  margin-top: 30px;
}

.p-column--card_deck__section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  margin-bottom: 20px;
  background-color: #000;
  border-radius: 100px;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.p-column--card_deck__section_title:not(:first-of-type) {
  margin-top: 40px;
}

.p-column--card_deck__tier_list {
  display: grid;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 30px;
}

.p-column--card_deck--more {
  display: none;
  margin-top: 30px;
}

.p-column--result__distribution {
  text-align: center;
}

.p-column--result__distribution--title {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #000;
  border-radius: 100px;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: 700;
  color: #fff;
}

.p-column--result__distribution--img {
  display: block;
  max-width: 819px;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
}

.p-column--result__deck--title {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 25px;
  border-top: solid 1px #CCC;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  font-weight: 700;
  text-align: center;
}

.p-column--result__deck_list {
  display: grid;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-column--result__deck_list .c-cassette {
  max-width: 350px;
}

.p-cm_blog_pro_page_list .p-column__section--new {
  padding-top: 0;
}

/* --------------------------------------------------
// object/project - column detail
-------------------------------------------------- */

.p-column--detail .post__head {
  margin-bottom: 10px;
}

.p-column--detail .post__head--meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 10px;
  margin-bottom: 20px;
}

.p-column--detail .post__head--meta__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-column--detail .post__head--meta__date .-title {
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
}

.p-column--detail .post__head--meta__date .-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 1px;
  height: 12px;
  background-color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__head--meta__date .-date {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.p-column--detail .post__head--meta__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
}

.p-column--detail .post__head--meta__tag a {
  display: block;
  padding: 3px 12px;
  background-color: #E6E6E6;
  border-radius: 30px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column--detail .post__head--meta__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
}

.p-column--detail .post__head--meta__category .c-category {
  display: block;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column--detail .post__head--meta__category .c-category--column:hover {
  background-color: #388047;
  color: #fff;
}

.p-column--detail .post__head--meta__category .c-category--notice:hover {
  background: #2EA7E0;
  color: #fff;
}

.p-column--detail .post__head--meta__category .c-category--new:hover {
  background: #E93777;
  color: #fff;
}

.p-column--detail .post__head--title {
  font-size: clamp(1.8rem, 2.5vw, 3.3rem);
  font-weight: 700;
  text-align: center;
  color: #000;
}

.p-column--detail .post__contents .section_title-1 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 13px 20px 15px 55px;
  background-color: #000;
  border-radius: 100px;
  font-size: clamp(1.4rem, 2vw, 2.2rem);
  font-weight: 700;
  color: #fff;
}

.p-column--detail .post__contents .section_title-1:first-child {
  margin-top: 0;
}

.p-column--detail .post__contents .section_title-1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 26px;
  height: 26px;
  background: url(../img/icon_ball_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .section_title-1 + p {
  margin-top: -12px;
}

.p-column--detail .post__contents .section_title-2 {
  position: relative;
  margin-top: 40px;
  padding-left: 20px;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: 700;
}

.p-column--detail .post__contents .section_title-2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 100%;
  background-color: #000;
  border-radius: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .section_title-2 + p {
  margin-top: 15px !important;
}

.p-column--detail .post__contents p,
.p-column--detail .post__contents .text {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
  text-align: left;
  color: #000;
}

.p-column--detail .post__contents p:not(:first-of-type),
.p-column--detail .post__contents .text:not(:first-of-type) {
  margin-top: 40px;
}

.p-column--detail .post__contents p a,
.p-column--detail .post__contents .text a {
  text-decoration: underline;
  color: #2EA7E0;
}

.p-column--detail .post__contents p.sp_center,
.p-column--detail .post__contents .text.sp_center {
  text-align: center;
}

.p-column--detail .post__contents ol {
  margin-top: 20px;
}

.p-column--detail .post__contents ol li {
  margin-left: 1.5em;
  list-style-type: decimal;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.p-column--detail .post__contents hr {
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
  background-color: #CCC;
}

.p-column--detail .post__contents .bold {
  font-weight: bold;
}

.p-column--detail .post__contents .center {
  text-align: center;
}

.p-column--detail .post__contents .underline {
  position: relative;
  z-index: 1;
}

.p-column--detail .post__contents .underline::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -3%;
  width: 106%;
  height: 8px;
  background-color: #FFDC2C;
  z-index: -1;
}

.p-column--detail .post__contents .thumbnail {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
  border-radius: 10px;
}

.p-column--detail .post__contents .thumbnail img {
  display: block;
  border: solid 1px #D3D3D3;
  border-radius: 10px;
}

.p-column--detail .post__contents .card {
  border: none;
}

.p-column--detail .post__contents .card .card_quotation {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}

.p-column--detail .post__contents .card .card_number {
  display: block;
  margin-top: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #707070;
}

.p-column--detail .post__contents .toc {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #fff;
  border: solid 2px #D3D3D3;
  border-radius: 10px;
}

.p-column--detail .post__contents .toc_head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  background-color: #F5F5F5;
}

.p-column--detail .post__contents .toc_title {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  color: #000;
}

.p-column--detail .post__contents .toc_switch {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background: transparent;
  font-size: 1.4rem;
  font-weight: 400;
  color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .toc_list {
  display: none;
  padding: 14px 15px 24px;
}

.p-column--detail .post__contents .toc_list > li {
  padding: 10px 20px 10px 30px;
  border-bottom: dotted 2px #707070;
  font-size: clamp(1.6rem, 2vw, 2.2rem);
  font-weight: 500;
  text-align: left;
  color: #000;
}

.p-column--detail .post__contents .toc_list > li::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 19px;
  height: 19px;
  background: url(../img/icon_ball_black.svg) no-repeat center center;
  background-size: 100%;
}

.p-column--detail .post__contents .toc_list li {
  position: relative;
}

.p-column--detail .post__contents .toc_list li ul li {
  padding-left: 10px;
  font-size: clamp(1.2rem, 1.5vw, 1.8rem);
  font-weight: 400;
  text-align: left;
  color: #000;
}

.p-column--detail .post__contents .toc_list li ul li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 5px;
}

.p-column--detail .post__contents .img_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 15px;
}

.p-column--detail .post__contents .img_text .img {
  max-width: 334px;
  margin-right: auto;
  margin-left: auto;
}

.p-column--detail .post__contents .img_text p,
.p-column--detail .post__contents .img_text .text {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.p-column--detail .post__contents .ranking_table {
  overflow: hidden;
  max-width: 800px;
  width: 100%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border: solid 2px #2EA7E0;
  border-radius: 10px;
  border-spacing: 0;
  border-collapse: separate;
}

.p-column--detail .post__contents .ranking_table thead {
  background-color: #2EA7E0;
  color: #fff;
}

.p-column--detail .post__contents .ranking_table thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
}

.p-column--detail .post__contents .ranking_table thead th:first-child {
  border-right: solid 1px #fff;
  text-align: center;
}

.p-column--detail .post__contents .ranking_table thead th:last-child {
  padding-left: 30px;
  padding-right: 30px;
}

.p-column--detail .post__contents .ranking_table tbody {
  background-color: #fff;
}

.p-column--detail .post__contents .ranking_table tbody th {
  width: 20%;
  border-top: solid 1px #2EA7E0;
  border-right: solid 1px #2EA7E0;
  font-weight: 500;
  text-align: center;
}

.p-column--detail .post__contents .ranking_table tbody td {
  width: 80%;
  padding: 10px 20px;
  border-top: solid 1px #2EA7E0;
  font-weight: 500;
}

.p-column--detail .post__contents .card_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-top: 30px;
}

.p-column--detail .post__contents .card_detail .card {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  border: none;
}

.p-column--detail .post__contents .card_detail .detail {
  max-width: 640px;
  width: 100%;
}

.p-column--detail .post__contents .card_detail .card_name {
  position: relative;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 30px;
  border-bottom: solid 1px #000;
  font-size: clamp(1.8rem, 1.5vw, 2.2rem);
  font-weight: 500;
  text-align: left;
  color: #000;
}

.p-column--detail .post__contents .card_detail .card_name::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 19px;
  height: 19px;
  background: url(../img/icon_ball_black.svg) no-repeat center center;
  background-size: 100%;
}

.p-column--detail .post__contents .card_detail .card_status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: dotted 2px #000;
}

.p-column--detail .post__contents .card_detail .card_status .attribute {
  padding: 8px 13px;
  background-color: #000;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}

.p-column--detail .post__contents .card_detail .card_status .hitpoint {
  font-size: clamp(1.6rem, 1.5vw, 1.8rem);
  font-weight: 700;
  color: #000;
}

.p-column--detail .post__contents .card_detail .card_status .type {
  font-size: clamp(1.6rem, 1.5vw, 1.8rem);
  font-weight: 700;
  color: #000;
}

.p-column--detail .post__contents .card_detail .card_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-column--detail .post__contents .card_detail .card_price > dl,
.p-column--detail .post__contents .card_detail .card_price .selling,
.p-column--detail .post__contents .card_detail .card_price .purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.p-column--detail .post__contents .card_detail .card_price .title {
  position: relative;
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-weight: 700;
}

.p-column--detail .post__contents .card_detail .card_price .title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  width: 1px;
  height: 11px;
  background-color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .card_detail .card_price .price {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-weight: 400;
}

.p-column--detail .post__contents .card_detail .card_price .selling .title {
  color: #2EA7E0;
}

.p-column--detail .post__contents .card_detail .card_price .purchase .title {
  color: #E93777;
}

.p-column--detail .post__contents .card_detail .c-btn {
  margin-bottom: 20px;
  color: #000;
}

.p-column--detail .post__contents .card_detail .card_skill {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: dotted 2px #000;
}

.p-column--detail .post__contents .card_detail .card_skill:last-child {
  padding-bottom: 20px;
  border-bottom: dotted 2px #000;
}

.p-column--detail .post__contents .card_detail .card_skill .title {
  font-size: 1.6rem;
}

.p-column--detail .post__contents .card_detail .card_skill .text {
  margin: 15px 0 0;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
}

.p-column--detail .post__contents .card_detail .card_text {
  margin-top: 20px;
  margin-right: 0;
  margin-left: 0;
}

.p-column--detail .post__contents .youtube {
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 16/9;
}

.p-column--detail .post__contents .youtube iframe {
  width: 100%;
  height: 100%;
}

.p-column--detail .post__contents .card_1column {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-column--detail .post__contents .card_3column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-column--detail .post__contents .card_3column .card_quotation {
  font-size: clamp(0.8rem, 1.5vw, 1.4rem);
}

.p-column--detail .post__contents .card_3column .card_number {
  font-size: clamp(0.9rem, 1.5vw, 1.4rem);
}

.p-column--detail .post__contents .point {
  margin-top: 60px;
}

.p-column--detail .post__contents .point .title {
  display: inline-block;
  padding: 5px 20px;
  background-color: #000;
  font-size: clamp(1.4rem, 1.5vw, 2.2rem);
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.p-column--detail .post__contents .point .detail {
  margin-top: 4px;
  padding: 10px;
  background-color: #FFFEF8;
  border: solid 1px #000;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 700;
  color: #000;
}

.p-column--detail .post__contents .point .detail li {
  position: relative;
  padding-left: 10px;
}

.p-column--detail .post__contents .point .detail li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 5px;
}

.p-column--detail .post__contents .point .detail p {
  margin: 0;
  font-weight: 700;
}

.p-column--detail .post__contents .point .detail a {
  text-decoration: underline;
  color: #2EA7E0;
}

.p-column--detail .post__contents .sample_deck > .img {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 10px;
}

.p-column--detail .post__contents .sample_deck .table {
  overflow: hidden;
  width: 100%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border: solid 2px #2EA7E0;
  border-radius: 10px;
  border-spacing: 0;
  border-collapse: separate;
}

.p-column--detail .post__contents .sample_deck .table thead {
  background-color: #2EA7E0;
  color: #fff;
}

.p-column--detail .post__contents .sample_deck .table thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  text-align: center;
}

.p-column--detail .post__contents .sample_deck .table thead th:not(:last-child) {
  border-right: solid 1px #fff;
}

.p-column--detail .post__contents .sample_deck .table tbody {
  background-color: #fff;
}

.p-column--detail .post__contents .sample_deck .table tbody a {
  font-size: 1.4rem;
  font-weight: 500;
  color: #2EA7E0;
}

.p-column--detail .post__contents .sample_deck .table tbody .img {
  max-width: 107px;
}
.p-column--detail .post__contents .sample_deck .table tbody td:first-child,
.p-column--detail .post__contents .sample_deck .table tbody .card_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20px;
  width: 100%;
}

.p-column--detail .post__contents .sample_deck .table tbody tr:first-child td {
  border-top: none;
}

.p-column--detail .post__contents .sample_deck .table tbody td {
  width: auto;
  padding: 20px 5px;
  border-top: solid 1px #2EA7E0;
  border-right: solid 1px #2EA7E0;
  text-align: center;
}
.p-column--detail .post__contents .sample_deck .table tbody td:last-child {
  width: auto;
  border-right: none;
}

.p-column--detail .post__contents .sample_deck .table tbody td p {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.p-column--detail .post__contents .good_deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 20px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 700;
  text-align: center;
}

.p-column--detail .post__contents .good_deck .img {
  max-width: 250px;
  margin-bottom: 10px;
}

.p-column--detail .post__contents .good_deck a {
  color: #000;
}

.p-column--detail .post__contents .twitter {
  margin-top: 30px;
}

.p-column--detail .post__contents .twitter > * {
  margin-right: auto;
  margin-left: auto;
}

.p-column--detail .post__contents .related_posts > a {
  overflow: hidden;
  display: grid;
  padding: 10px 15px 10px 10px;
  border: solid 2px #CCC;
  border-radius: 10px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column--detail .post__contents .related_posts > a:not(:first-child) {
  margin-top: 20px;
}

.p-column--detail .post__contents .related_posts > a:where(:hover) {
  color: #000;
  opacity: 0.6;
}

.p-column--detail .post__contents .related_posts .post_img {
  overflow: hidden;
  width: 90px;
  aspect-ratio: 1/1;
}

.p-column--detail .post__contents .related_posts .post_img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-column--detail .post__contents .related_posts .post_name .title {
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
  font-weight: 700;
}

.p-column--detail .post__contents .related_posts .post_name .date {
  display: none;
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.p-column--detail .post__contents .related_posts .post_author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #707070;
}

.p-column--detail .post__contents .related_posts .post_author .date {
  position: relative;
}

.p-column--detail .post__contents .related_posts .post_author .date::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 1px;
  height: 12px;
  background-color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .related_posts .post_author .author_img {
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 100px;
}

.p-column--detail .post__contents .related_posts .post_author .author_img img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-column--detail .post__contents .related_posts .post_author .author_name {
  text-align: center;
}

.p-column--detail .post__contents .author {
  padding: 30px;
  border: solid 1px #CCC;
  border-radius: 10px;
}

.p-column--detail .post__contents .author .author_img .img {
  overflow: hidden;
  width: 160px;
  height: 160px;
  border-radius: 200px;
}

.p-column--detail .post__contents .author .author_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-column--detail .post__contents .author .author_name .name {
  display: block;
  font-size: clamp(2.2rem, 2.5vw, 2.8rem);
  font-weight: 700;
}

.p-column--detail .post__contents .author .author_name .message {
  margin-top: 10px;
  margin-right: 0;
  margin-left: 0;
}

.p-column--detail .post__contents .author .author_editorial .title {
  font-size: 1.6rem;
  font-weight: 500;
}

.p-column--detail .post__contents .author .author_editorial .detail {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
}

.p-column--detail .post__contents .author .author_editorial .detail::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 40px;
  height: 1px;
  background-color: #707070;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.p-column--detail .post__contents .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-top: 60px;
  margin-bottom: 40px;
}

.p-column--detail .post__contents .sns li {
  max-width: 250px;
  width: calc((100% - 16px) / 3);
}

.p-column--detail .post__contents .sns button,
.p-column--detail .post__contents .sns a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 25px;
  border-radius: 100px;
  font-size: clamp(0.9rem, 1.5vw, 1.6rem);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column--detail .post__contents .sns_link button,
.p-column--detail .post__contents .sns_link a {
  background-color: #fff;
  border: solid 1px #000;
  color: #000;
}

.p-column--detail .post__contents .sns_link button::before,
.p-column--detail .post__contents .sns_link a::before {
  opacity: 0;
  content: "コピーしました！";
  position: absolute;
  top: -30px;
  left: 50%;
  display: inline-block;
  padding: 5px 10px;
  background-color: #000;
  border-radius: 5px;
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.p-column--detail .post__contents .sns_link button.is-active::before,
.p-column--detail .post__contents .sns_link a.is-active::before {
  opacity: 1;
}

.p-column--detail .post__contents .sns_twitter button,
.p-column--detail .post__contents .sns_twitter a {
  background-color: #1B9DF0;
  color: #fff;
}

.p-column--detail .post__contents .sns_twitter button::before,
.p-column--detail .post__contents .sns_twitter a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 14px;
  background: url(../img/icon_twitter_white.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .sns_line button,
.p-column--detail .post__contents .sns_line a {
  background-color: #4CC764;
  color: #fff;
}

.p-column--detail .post__contents .sns_line button::before,
.p-column--detail .post__contents .sns_line a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 14px;
  background: url(../img/icon_line.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-column--detail .post__contents .c-review .review__comments--text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
}

/* --------------------------------------------------
// object/project - contact page
-------------------------------------------------- */

.p-contact .-text {
  margin-bottom: 20px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
  color: #000;
}

.p-contact .ec-input textarea {
  margin-bottom: 15px;
}

/* --------------------------------------------------
// object/project - other page
-------------------------------------------------- */

.p-other {
  color: #000;
}

.p-other .-text {
  margin-bottom: 20px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
  color: #000;
}

.p-other .-text a {
  color: #2EA7E0;
}

.p-other .-text a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 48.01em) {

.l-wrap--bg_gray {
  border-radius: 10px;
}

.l-footer {
  margin-top: 60px;
}

.footer__copyright {
  margin-top: 50px;
}

.c-cassette--card .c-cassette__thumbnail img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--card .c-cassette__thumbnail img:where(:hover,
:focus) {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.c-cassette--card .c-cassette__price--container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.is-show-more_item {
  display: none;
}

.c-cassette--article .c-cassette__thumbnail img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--article .c-cassette__thumbnail img:where(:hover,
:focus) {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.c-cassette--result .c-cassette__thumbnail img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--result .c-cassette__thumbnail img:where(:hover,
:focus) {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.c-cassette--result .c-cassette__title {
  font-weight: 700;
}

.c-cassette--column_list {
  grid-template-columns: 333px 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  margin-bottom: 44px;
  padding-bottom: 40px;
  border-bottom: solid 1px #CCC;
}

.c-cassette--column_list .c-cassette__thumbnail {
  border-radius: 5px;
  aspect-ratio: 3/2;
}

.c-cassette--column_list .c-cassette__thumbnail img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--column_list .c-cassette__thumbnail img:where(:hover,
:focus) {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.c-cassette--column_list .c-cassette__title {
  padding-bottom: 10px;
  border-bottom: solid 1px #707070;
}

.c-cassette--column_list .c-cassette__sub {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.c-cassette--card_deck_article {
  padding: 20px;
}

.c-cassette--card_deck_article .c-cassette__thumbnail img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-cassette--card_deck_article .c-cassette__thumbnail img:where(:hover,
:focus) {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.c-cassette--card_deck_article .c-cassette__title {
  margin-bottom: 30px;
}

.c-cassette--card_deck_article__table .-table {
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-cassette--card_deck_article__table .-table__title {
  width: 50%;
}

.c-cassette--card_deck_article__table .-table__title::after {
  height: 23px;
}

.c-cassette--card_deck_article__table .-table__detail {
  width: 50%;
}

.c-heading__title1 {
  margin-bottom: 50px;
}

.c-btn--link {
  max-width: 140px;
}

.c-btn--period.is-open::after,
.c-btn--period:hover::after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.c-btn--none_stock {
  max-width: 140px;
}

.c-btn__group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.c-form--inner_required__icon {
  left: 40px;
}

.c-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-table__title {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 243px;
  text-align: right;
}

.c-table__body {
  width: calc(100% - 243px);
}

.c-table--enclosure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: solid 1px #707070;
  border-bottom: solid 1px #707070;
  border-left: solid 1px #707070;
}

.c-table--enclosure:first-child {
  border-top: solid 1px #707070;
}

.c-table--enclosure__title {
  width: 260px;
  min-height: 95px;
  padding: 15px 20px;
  background-color: #FAFAFA;
  border-right: solid 1px #707070;
  font-size: 1.6rem;
}

.c-table--enclosure__body {
  width: calc(100% - 160px);
  padding: 15px 30px;
  font-size: 1.6rem;
}

.c-advansed_search__input--history {
  width: 100%;
}

.c-review .review__navi .c-btn {
  margin: 0 20px 0 0;
}

.c-review .review__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.c-review .review__head--column {
  width: 50%;
}

.c-review .review__head--column:first-child {
  border-right: solid 1px #000;
}

.c-review .review__repletion_text {
  padding-left: 45px;
}

.c-review .review__input {
  margin-bottom: 40px;
  padding-bottom: 60px;
  border-bottom: solid 1px #CCC;
}

.c-review .review__comments--item__action_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-review .review__comments--item__action_bar .-title__text {
  margin-right: 20px;
  margin-bottom: 0;
}

.c-review .review__comments--item__action_bar .-reference__text {
  width: 100%;
}

.c-review .review__comments--list--replies_view .-replies_view_btn .-title {
  padding-left: 30px;
}

.c-review .review__comments--list--replies_view .-replies_view_btn .-title::after {
  width: 23px;
  height: 23px;
}

.p-product_detail__shops--table .c-form__check--label {
  font-size: 1rem;
}

.p-product_detail__shops--annotation {
  text-align: right;
}

.p-product_detail__review .c-review--container {
  margin-top: 40px;
  padding-top: 60px;
}

.p-product_detail__review .review__input {
  margin-right: 40px;
  margin-left: 40px;
}

.p-product_detail__review .review__comments {
  margin-right: 40px;
  margin-left: 40px;
}

.p-product_detail__terms_check .-title {
  min-width: 150px;
  text-align: center;
}

.p-product_detail__terms_check--list {
  width: calc(100% - 150px);
}

.p-product_detail__terms_check--list .-list__item {
  width: calc((100% - 30px) / 2);
  text-align: center;
  border-left: solid 1px #707070;
}

.p-mypage_index--user_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 5px;
}

.p-mypage_index .user_detail__name {
  width: 40%;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 60px;
}

.p-mypage_index .user_detail__name::before {
  right: unset;
  left: 0;
}

.p-mypage_index .user_detail__name::after {
  right: unset;
  left: 8px;
}

.p-mypage_index .user_detail__status {
  width: 60%;
  border-left: solid 1px #000;
}

.p-mypage_graph_setting__container:not(:first-child) {
  margin-top: 40px;
  padding-top: 40px;
}

.p-mypage_shop__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-mypage_shop__list .-shop__list--item {
  width: 47.5%;
}

.p-mypage_shop__howto {
  width: 100%;
  max-width: 1130px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 40px;
  border-radius: 10px;
}

.p-mypage_shop__howto--container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-mypage_shop__howto--text {
  width: 38%;
}

.p-mypage_shop__howto--table.p-product_detail__shops--table {
  width: 60%;
  margin-top: 0;
}

.p-mypage_account .-btn__change {
  right: 30px;
}

.p-column--result .p-column__section--new .l-wrap,
.p-column--card_deck .p-column__section--new .l-wrap {
  padding-top: 50px;
}

.p-column__card_deck_list {
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
  grid-template-columns: repeat(6, 1fr);
}

.p-column__list_list {
  margin-top: 50px;
}

.p-column--card_deck__tier_list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.p-column--result__distribution--title {
  display: inline-block;
  padding: 10px 45px;
}

.p-column--result__distribution--img {
  margin-top: 80px;
}

.p-column--result__deck--title {
  margin-top: 70px;
  margin-bottom: 50px;
  padding-top: 45px;
}

.p-column--result__deck_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.p-column--search_list .c-btn--moreover {
  display: none;
}

.p-column--detail .post__contents .sample_deck,
.p-column--detail .post__contents .point,
.p-column--detail .post__contents .card_3column,
.p-column--detail .post__contents .card_detail,
.p-column--detail .post__contents .img_text,
.p-column--detail .post__contents ol,
.p-column--detail .post__contents p,
.p-column--detail .post__contents .text,
.p-column--detail .post__contents .section_title-2 {
  margin-right: 20px;
  margin-left: 20px;
}

.p-column--detail .post__head {
  margin-bottom: 40px;
}

.p-column--detail .post__head--title {
  text-align: left;
}

.p-column--detail .post__contents .section_title-1 {
  margin-bottom: 40px;
  padding: 5px 20px 7px 55px;
}

.p-column--detail .post__contents p.sp_center,
.p-column--detail .post__contents .text.sp_center {
  text-align: left;
}

.p-column--detail .post__contents .card .card_quotation {
  font-size: 0.9rem;
}

.p-column--detail .post__contents .card .card_number {
  font-size: 1.2rem;
}

.p-column--detail .post__contents .toc {
  margin-bottom: 40px;
}

.p-column--detail .post__contents .toc_head {
  height: 70px;
}

.p-column--detail .post__contents .toc_switch {
  right: 50px;
}

.p-column--detail .post__contents .toc_list {
  padding: 40px 40px 50px;
}

.p-column--detail .post__contents .toc_list > li {
  padding: 10px 20px 10px 35px;
}

.p-column--detail .post__contents .toc_list > li::before {
  top: 0.65em;
  width: 26px;
  height: 26px;
}

.p-column--detail .post__contents .toc_list li ul li::before {
  top: 0.75em;
}

.p-column--detail .post__contents .img_text p,
.p-column--detail .post__contents .img_text .text {
  width: calc(100% - 364px);
}

.p-column--detail .post__contents .ranking_table {
  border-radius: 0;
}

.p-column--detail .post__contents .ranking_table tbody td {
  padding-left: 30px;
  padding-right: 30px;
}

.p-column--detail .post__contents .card_detail {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.p-column--detail .post__contents .card_detail .card {
  width: 339px;
}

.p-column--detail .post__contents .card_detail .card_name {
  padding-left: 35px;
}

.p-column--detail .post__contents .card_detail .card_name::before {
  top: 0.2em;
  width: 26px;
  height: 26px;
}

.p-column--detail .post__contents .card_detail .card_price {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.p-column--detail .post__contents .card_detail .card_price > dl,
.p-column--detail .post__contents .card_detail .card_price .selling,
.p-column--detail .post__contents .card_detail .card_price .purchase {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.p-column--detail .post__contents .card_detail .card_price .title::after {
  right: -15px;
  height: 15px;
}

.p-column--detail .post__contents .card_detail .c-btn {
  margin-left: 0;
}

.p-column--detail .post__contents .youtube {
  max-width: 740px;
}

.p-column--detail .post__contents .card_3column {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.p-column--detail .post__contents .point .detail {
  padding: 20px 25px;
}

.p-column--detail .post__contents .point .detail li::before {
  top: 0.75em;
}

.p-column--detail .post__contents .sample_deck .table tbody .img {
  max-width: 170px;
}

.p-column--detail .post__contents .sample_deck .table tbody td:first-child,
.p-column--detail .post__contents .sample_deck .table tbody .card_name {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-column--detail .post__contents .sample_deck .table tbody td {
  padding: 10px;
}

.p-column--detail .post__contents .good_deck {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-column--detail .post__contents .related_posts > a {
  grid-template-columns: -webkit-min-content 1fr 120px;
  grid-template-columns: min-content 1fr 120px;
  grid-template-rows: 1fr;
  gap: 0px 70px;
  padding: 0;
}

.p-column--detail .post__contents .related_posts .post_img {
  width: 200px;
  height: 100%;
  aspect-ratio: 4/3;
}

.p-column--detail .post__contents .related_posts .post_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.p-column--detail .post__contents .related_posts .post_name .date {
  display: block;
}

.p-column--detail .post__contents .related_posts .post_author {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 10px;
}

.p-column--detail .post__contents .related_posts .post_author .date {
  display: none;
}

.p-column--detail .post__contents .author {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 20px 40px;
  grid-template-areas: "author_photo author_name" "author_photo author_editorial";
  padding: 30px 40px;
}

.p-column--detail .post__contents .author .author_img {
  grid-area: author_photo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-column--detail .post__contents .author .author_img .img {
  width: 120px;
  height: 120px;
}

.p-column--detail .post__contents .author .author_name {
  grid-area: author_name;
}

.p-column--detail .post__contents .author .author_editorial {
  grid-area: author_editorial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.p-column--detail .post__contents .author .author_editorial .detail {
  font-weight: 500;
}

.p-column--detail .post__contents .author .author_editorial .detail::after {
  top: 50%;
  left: -40px;
  width: 1px;
  height: 100%;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}

.p-column--detail .post__contents .sns {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-column--detail .post__contents .sns li {
  width: calc((100% - 40px) / 3);
}

.p-column--detail .post__contents .sns button,
.p-column--detail .post__contents .sns a {
  height: 50px;
}

.p-column--detail .post__contents .sns_twitter button::before,
.p-column--detail .post__contents .sns_twitter a::before {
  left: 20px;
  width: 27px;
  height: 22px;
}

.p-column--detail .post__contents .sns_line button::before,
.p-column--detail .post__contents .sns_line a::before {
  left: 20px;
  width: 28px;
  height: 27px;
}

.p-column--detail .post__contents .c-review .review__input {
  margin-right: 20px;
  margin-left: 20px;
}

.p-column--detail .post__contents .c-review .review__comments {
  margin-right: 20px;
  margin-left: 20px;
}

}

@media screen and (min-width: 68.76em) {

body {
  padding-top: var(--body_padding_top-l);
}

a:is(:hover,
:focus) {
  color: #2EA7E0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.header {
  min-height: var(--body_padding_top-l);
}

.l-header {
  min-height: var(--body_padding_top-l);
  background-color: #fff;
}

.header.l-wrap {
  padding-right: 0;
  padding-left: 0;
}

.header__main {
  border-bottom: solid 1px #D3D3D3;
}

.header__main .l-wrap {
  min-height: var(--body_padding_top-l);
  border-bottom: none;
}

.header__main--list {
  right: 5px;
}

.header__side--search .c-search_navi--search {
  top: 100px;
}

.js-header__search_btn {
  top: 100px;
}

.c-page_top {
  margin-top: 50px;
}

.c-page_top--floating {
  position: fixed;
  right: 5vw;
  bottom: 40px;
  display: block;
}

.c-cassette--card {
  margin-bottom: 45px;
}

.c-cassette--card .c-cassette__thumbnail {
  margin-bottom: 10px;
  min-height: 277.74px;
}

.c-cassette--card .c-cassette__thumbnail img {
  max-height: 276.74px;
  max-width: 198px;
}

.c-cassette--notice a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-cassette--notice .c-cassette__date {
  min-width: 178px;
}

.c-cassette--notice .c-cassette__title {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-choose_menu__list {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.c-choose_menu__list a:is(:hover,
:focus) {
  color: #000;
}

.c-search_navi {
  display: none;
}

.l-header .c-search_navi {
  display: block;
  width: calc(100% - 200px);
  padding-top: 0;
  padding-right: 180px;
  padding-bottom: 0;
}

.c-search_navi--search {
  max-width: 299px;
  margin-right: 0;
}

.c-search_navi--search.-column {
  width: auto;
  max-width: 500px;
  margin-right: auto;
}

.c-check_item--list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-check_item--list .c-cassette {
  width: 18%;
  margin-left: 2%;
}

.c-check_item--list .c-cassette:first-child,
.c-check_item--list .c-cassette:nth-child(5n+1) {
  margin-left: 0;
}

.c-check_item--list .c-cassette:nth-child(1),
.c-check_item--list .c-cassette:nth-child(2),
.c-check_item--list .c-cassette:nth-child(3),
.c-check_item--list .c-cassette:nth-child(4),
.c-check_item--list .c-cassette:nth-child(5) {
  display: block !important;
}

.c-check_item {
  margin-top: 50px;
}

.c-check_item--list {
  margin-top: 50px;
}

.c-breadcrumb {
  margin-top: 20px;
}

.c-pager__item--to_prev {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.c-pager__item--to_prev .-btn {
  margin-right: 0;
  margin-left: auto;
}

.c-pager__item--to_next {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.c-pager__item--to_next .-btn {
  margin-right: auto;
  margin-left: 0;
}

.p-homepage__ranking--list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 2%;
  -moz-column-gap: 2%;
  column-gap: 2%;
}

.p-homepage__ranking--list .c-cassette {
  width: 18%;
}

.p-homepage__ranking--list .c-cassette:nth-child(1),
.p-homepage__ranking--list .c-cassette:nth-child(2),
.p-homepage__ranking--list .c-cassette:nth-child(3),
.p-homepage__ranking--list .c-cassette:nth-child(4),
.p-homepage__ranking--list .c-cassette:nth-child(5) {
  display: block !important;
}

.p-homepage__article--list {
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.p-homepage__article--list .c-cassette {
  width: calc((100% - 90px) / 6);
}

.p-homepage .c-refine_search {
  display: none;
}

.p-product_list__lists .l-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-product_list__lists .l-wrap .c-cassette {
  width: 18%;
  margin-left: 2%;
}

.p-product_list__lists .l-wrap .c-cassette:first-child,
.p-product_list__lists .l-wrap .c-cassette:nth-child(5n+1) {
  margin-left: 0;
}

.p-product_list__lists .c-cassette {
  margin-bottom: 50px;
}

.p-product_list__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5)) {
  padding-top: 50px;
}

.p-product_list__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 25px);
  height: 1px;
  background-color: #CCC;
}

.p-product_list__lists .c-cassette:is(:nth-child(5n),
:last-child)::before {
  width: 100%;
}

.p-product_list__lists .c-cassette .c-cassette__price--container {
  width: 100%;
}

.p-product_list__infos {
  margin-top: 20px;
}

.p-product_list .ec-searchnavRole {
  margin-top: 20px;
}

.p-product_list .c-refine_search {
  display: none;
}

.p-product_detail__same_name--list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-product_detail__same_name--list .c-cassette {
  width: 18%;
  margin-left: 2%;
}

.p-product_detail__same_name--list .c-cassette:first-child,
.p-product_detail__same_name--list .c-cassette:nth-child(5n+1) {
  margin-left: 0;
}

.p-product_detail__mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  width: 100%;
  max-width: 1130px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 45px;
  border-bottom: solid 1px #CCC;
}

.p-product_detail__head--title {
  margin-bottom: 0;
}

.p-product_detail__price .-title {
  font-size: 0.9rem;
  min-width: 90px;
}

.p-product_detail__price .-price {
  font-size: 1.4rem;
}

.p-product_detail__face {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}

.p-product_detail__thumbnail {
  margin-left: 0;
}

.p-product_detail__shops {
  width: calc(100% - 40px - 345px);
}

.p-product_detail__shops .l-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}

.p-product_detail__shops--container {
  padding-right: 15px;
  padding-left: 15px;
}

.p-product_detail__shops--table table {
  font-size: 1.2rem;
}

.p-product_detail__shops--table th {
  font-size: 1.2rem;
}

.p-product_detail__shops--table td:nth-child(1) {
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
}

.p-product_detail__transition {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-product_detail__review {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-product_detail__terms_check .c-form__check--label {
  font-size: 1.2rem;
}

.p-product_detail__same_name {
  padding-top: 50px;
}

.p-product_detail__same_name .c-heading__title3 {
  margin-bottom: 30px;
}

.p-product_detail .c-refine_search {
  display: none;
}

.p-cards .c-refine_search {
  display: none;
}

.p-mypage_evaluated__lists .l-wrap,
.p-mypage_favorite__lists .l-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-mypage_evaluated__lists .l-wrap .c-cassette,
.p-mypage_favorite__lists .l-wrap .c-cassette {
  width: 19%;
  margin-left: 2%;
}

.p-mypage_evaluated__lists .l-wrap .c-cassette:first-child,
.p-mypage_favorite__lists .l-wrap .c-cassette:first-child,
.p-mypage_evaluated__lists .l-wrap .c-cassette:nth-child(5n+1),
.p-mypage_favorite__lists .l-wrap .c-cassette:nth-child(5n+1) {
  margin-left: 0;
}

.p-mypage_evaluated__lists .c-cassette,
.p-mypage_favorite__lists .c-cassette {
  margin-bottom: 50px;
}

.p-mypage_evaluated__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5)),
.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5)) {
  padding-top: 50px;
}

.p-mypage_evaluated__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5))::before,
.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 25px);
  height: 1px;
  background-color: #CCC;
}

.p-mypage_evaluated__lists .c-cassette:is(:nth-child(5n),
:last-child)::before,
.p-mypage_favorite__lists .c-cassette:is(:nth-child(5n),
:last-child)::before {
  width: 100%;
}

.p-mypage_evaluated__lists .c-cassette .c-cassette__price--container,
.p-mypage_favorite__lists .c-cassette .c-cassette__price--container {
  width: 100%;
}

.p-mypage__nav {
  margin-top: 60px;
}

.p-mypage__nav--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

.p-mypage__nav--item {
  width: calc((100% - 60px) / 3);
}

.p-mypage_favorite__lists {
  margin-top: 40px;
}

.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5)) .ec-closeBtn--circle {
  top: 45px;
}

.p-mypage_evaluated__lists {
  margin-top: 40px;
}

.p-column__section {
  padding-top: 50px;
}

.p-column__section--title {
  margin-bottom: 50px;
}

.p-column__article_list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-column__article_list .c-cassette {
  width: calc((100% - 80px) / 5);
}

}

@media screen and (max-width: 68.75em) {

.js-scroll_fix.is-fixed {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.js-header__menu_btn {
  display: block;
  cursor: pointer;
}

.c-cassette--notice .c-cassette__date {
  margin-bottom: 10px;
}

.c-choose_menu {
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-choose_menu__list .-list__item {
  width: calc((100% - 20px) / 3);
}

.c-choose_menu__list a {
  min-height: 46px;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 5px;
}

.c-choose_menu__list a:is(:hover,
:focus) {
  background-color: #000;
  color: #fff;
}

.c-search_navi--list {
  display: none;
}

.c-check_item--list .c-cassette:first-child,
.c-check_item--list .c-cassette:nth-child(3n+1) {
  margin-left: 0;
}

.c-check_item--list .c-cassette:nth-child(1),
.c-check_item--list .c-cassette:nth-child(2),
.c-check_item--list .c-cassette:nth-child(3) {
  display: block !important;
}

.c-advansed_search {
  display: none;
}

.p-homepage__ranking .p-homepage__section {
  margin-top: -10px;
}

.p-homepage__ranking--weekly {
  margin-top: -18px;
}

.p-homepage__ranking--list .c-cassette:nth-child(1),
.p-homepage__ranking--list .c-cassette:nth-child(2),
.p-homepage__ranking--list .c-cassette:nth-child(3) {
  display: block !important;
}

.p-homepage .ec-layoutRole__contentTop .c-search_navi {
  display: block;
}

.p-product_list__lists .l-wrap .c-cassette:first-child,
.p-product_list__lists .l-wrap .c-cassette:nth-child(3n+1) {
  margin-left: 0;
}

.p-product_list__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3)) {
  padding-top: 50px;
}

.p-product_list__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 25px);
  height: 1px;
  background-color: #CCC;
}

.p-product_list__lists .c-cassette:is(:nth-child(3n),
:last-child)::before {
  width: 100%;
}

.p-product_list .ec-layoutRole__contentTop .c-search_navi {
  display: block;
}

.p-product_detail__same_name--list .c-cassette:first-child,
.p-product_detail__same_name--list .c-cassette:nth-child(3n+1) {
  margin-left: 0;
}

.p-product_detail__head--title__sub {
  margin-bottom: 10px;
}

.p-product_detail__price .-title {
  min-width: 81px;
}

.p-product_detail__face {
  margin-inline: auto;
}

.p-product_detail__thumbnail {
  min-width: 300px;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.p-product_detail .ec-layoutRole__contentTop .c-search_navi {
  display: block;
}

.p-product_detail__action_btns .c-btn--none_stock {
  width: 40%;
}

.p-cards__header .c-advansed_search {
  display: none;
}

.p-cards__inner .c-advansed_search {
  display: block;
}

.p-cards .c-choose_menu {
  display: none;
}

.p-mypage_evaluated__lists .l-wrap .c-cassette:first-child,
.p-mypage_favorite__lists .l-wrap .c-cassette:first-child,
.p-mypage_evaluated__lists .l-wrap .c-cassette:nth-child(3n+1),
.p-mypage_favorite__lists .l-wrap .c-cassette:nth-child(3n+1) {
  margin-left: 0;
}

.p-mypage_evaluated__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3)),
.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3)) {
  padding-top: 30px;
}

.p-mypage_evaluated__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3))::before,
.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 25px);
  height: 1px;
  background-color: #CCC;
}

.p-mypage_evaluated__lists .c-cassette:is(:nth-child(3n),
:last-child)::before,
.p-mypage_favorite__lists .c-cassette:is(:nth-child(3n),
:last-child)::before {
  width: 100%;
}

.p-mypage .c-search_navi {
  display: none;
}

.p-mypage .c-breadcrumb {
  margin-top: 10px;
}

.p-mypage__nav--item:not(:last-child) {
  margin-bottom: 20px;
}

.p-mypage_index .user_detail__status {
  border-radius: 5px;
}

.p-mypage_favorite__lists .c-cassette:not(:first-child,
:nth-child(2),
:nth-child(3)) .ec-closeBtn--circle {
  top: 25px;
}

.p-column__article_list .c-cassette:nth-child(6) {
  display: block !important;
}

.p-cm_blog_pro_page_list .ec-layoutRole__contentTop .c-search_navi,
.p-column_deck_ranking .ec-layoutRole__contentTop .c-search_navi,
.p-column_campaign .ec-layoutRole__contentTop .c-search_navi,
.p-column_pack .ec-layoutRole__contentTop .c-search_navi,
.p-column_tournament_result .ec-layoutRole__contentTop .c-search_navi,
.p-column_featured_card .ec-layoutRole__contentTop .c-search_navi,
.p-column_rule .ec-layoutRole__contentTop .c-search_navi,
.p-column_tips .ec-layoutRole__contentTop .c-search_navi {
  display: block;
}

.p-cm_blog_pro_page_detail .ec-layoutRole__contentTop .c-search_navi {
  display: block;
}

}

@media screen and (max-width: 48em) {

.-only_pc {
  display: none;
}

.-only_sp {
  display: block;
}

.header__side {
  padding-top: 90px;
}

.c-cassette--card .c-cassette__price .-stock {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.c-cassette--result .c-cassette__sub--result {
  width: 100%;
}

.c-cassette--column_list .c-cassette__thumbnail {
  margin-bottom: 5px;
}

.c-cassette--column_list .-column_detail {
  display: grid;
  grid-template-rows: 1fr -webkit-min-content;
  grid-template-rows: 1fr min-content;
}

.c-cassette--column_list .c-cassette__text {
  display: none;
}

.c-cassette--column_list .c-btn {
  display: none;
}

.c-cassette--card_deck_article__table {
  padding-right: 5px;
  padding-left: 5px;
}

.c-cassette--card .c-cassette__quotation {
  min-height: 22.5px;
}

.c-btn__group .c-btn--square {
  margin-top: 0;
}

.c-btn__group--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.c-form__text--input.-inner_required {
  max-width: unset;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.c-review .review__navi .-count {
  width: 100%;
  text-align: center;
}

.c-review .review__head--column:first-child {
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
}

.p-product_detail__terms_check .-title {
  min-width: 35%;
}

.p-product_detail__terms_check--list {
  min-width: 65%;
  border-left: solid 1px #707070;
  padding-left: 10px;
}

.display-options-container {
  position: relative;
  display: inline-block;
}

.display-options-button {
  cursor: pointer;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; /* Ensures the button fills the container width */
}

.display-options-button .hidden-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.display-options {
  display: none;
  margin-top: 10px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  position: absolute;
  left: -5px;
  top: 11px;
  width: 200px;
}

.display-options ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.display-options ul li:not(:first-child) {
  border-top: solid 1px #707070;
}

.display-options ul li a {
  color: #000;
  text-decoration: none;
}

.display-options ul li a:hover {
  text-decoration: underline;
}

.display-options .display-option {
  position: relative;
  padding: 5px 0 5px 35px;
  display: inline-block;
  line-height: 1.5;
  width: 100%;
}

.display-options .display-option::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block;
}

.display-options .display-option.selected::before {
  content: '✓';
  color: #000;
  font-size: 20px;
  line-height: 1;
  padding-left: 8px;
}

.c-review .c-cassette__evaluated .-list__item {
  margin-right: 0;
}

.c-review .c-cassette__evaluated .-list__item:nth-child(1),
.c-review .c-cassette__evaluated .-list__item:nth-child(2),
.c-review .c-cassette__evaluated .-list__item:nth-child(4),
.c-review .c-cassette__evaluated .-list__item:nth-child(5) {
  min-width: 115px;
}

.c-review .c-cassette__evaluated .-list__item:nth-child(3n) {
  margin-right: 60px;
}

.p-product_detail__transition--chart .-chart__list--radio .-list__item {
  width: calc((100% - 60px) / 4);
  font-size: 1.2rem;
  font-weight: 500;
}

.p-product_detail__transition--chart .-chart__list--radio .-list__item:not(:last-child) {
  margin-right: 0;
}

.p-product_detail__transition .transition__chart {
  min-height: 350px;
}

.p-product_detail__wiki .-wiki__list dt {
  width: 30%;
}

.p-product_detail__wiki .-wiki__list dd {
  width: 70%;
}

.p-product_detail__same_name .c-cassette:nth-child(7),
.p-product_detail__same_name .c-cassette:nth-child(8),
.p-product_detail__same_name .c-cassette:nth-child(9),
.p-product_detail__same_name .c-cassette:nth-child(10) {
  display: none;
}

.c-cassette__evaluated--list {
  padding-right: 0;
  padding-left: 0;
}

.c-form__check--input:disabled + label {
  font-size: 1.0rem;
}

.p-mypage_index .user_detail__status--block .-title {
  width: 140px;
}

.p-mypage_index .user_detail__status--block .-text {
  width: calc(100% - 140px);
}

.p-mypage_graph_setting__container .c-heading__title4 {
  text-align: left;
}

.p-mypage_graph_setting__list .form-check {
  padding-left: 0;
}

.p-mypage_graph_setting__list--check .-list__item {
  width: calc((100% - 40px) / 3);
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 500;
}

.p-mypage_graph_setting__list--check .-list__item:not(:last-child) {
  margin-right: 0;
}

.p-mypage_graph_setting__list--radio .-list__item {
  width: calc((100% - 60px) / 4);
  font-size: 1.2rem;
  font-weight: 500;
}

.p-mypage_graph_setting__list--radio .-list__item:not(:last-child) {
  margin-right: 0;
}

.p-column__list_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4%;
  -moz-column-gap: 4%;
  column-gap: 4%;
  row-gap: 30px;
}

.p-column__list_list .c-cassette {
  width: 48%;
}

.p-column--search_list .c-cassette {
  display: none;
}

.p-column--search_list .c-cassette:nth-child(1),
.p-column--search_list .c-cassette:nth-child(2),
.p-column--search_list .c-cassette:nth-child(3),
.p-column--search_list .c-cassette:nth-child(4),
.p-column--search_list .c-cassette:nth-child(5),
.p-column--search_list .c-cassette:nth-child(6) {
  display: block !important;
}

.p-column--detail .post__contents .good_deck > *,
.p-column--detail .post__contents .good_deck li {
  width: 48%;
}

.p-column--detail .post__contents .good_deck .img {
  max-width: 100%;
}

.p-column--detail .post__contents .related_posts > a {
  grid-template-columns: 90px 1fr 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 20px 15px;
  grid-template-areas: "photo name name" "photo data data";
}

.p-column--detail .post__contents .related_posts .post_img {
  grid-area: photo;
  height: 90px;
  border-radius: 5px;
}

.p-column--detail .post__contents .related_posts .post_name {
  grid-area: name;
}

.p-column--detail .post__contents .related_posts .post_author {
  grid-area: data;
}

.p-column--detail .post__contents .related_posts .post_author .author_img {
  display: none;
}

.p-column--detail .post__contents .author .author_img .img {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  border: solid 1px #707070;
}

.p-column--detail .post__contents .author .author_name .name {
  text-align: center;
}

.p-column--detail .post__contents .author .author_editorial {
  margin-top: 60px;
}

.p-column--detail .post__contents .author .author_editorial .title {
  text-align: center;
}

.p-column--detail .post__contents .author .author_editorial .detail {
  margin-top: 40px;
}

}

@-webkit-keyframes fade-in {

0% {
  display: none;
  opacity: 0;
}

1% {
  display: block;
  opacity: 0;
}

100% {
  display: block;
  opacity: 1;
}

}

@keyframes fade-in {

0% {
  display: none;
  opacity: 0;
}

1% {
  display: block;
  opacity: 0;
}

100% {
  display: block;
  opacity: 1;
}

}

/*# sourceMappingURL=maps/customize.css.map */