/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  /*font-size: 1em;*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

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

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

table,
input,
textarea,
select,
option {
  line-height: 1.1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
}

a {
  transition: 0.3s ease-in-out;
}

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

form label {
  cursor: pointer;
}

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.c-dev-title1 {
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0;
}

.c-dev-title2 {
  background: #888;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0;
}

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #f00;
  color: #fff;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px;
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

.styleSelection {
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .styleSelection {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
color
------------------------------------------------------------*/
/*------------------------------------------------------------
image pass
------------------------------------------------------------*/
/*------------------------------------------------------------
styelathlete2 index
------------------------------------------------------------*/
.l-cont {
  max-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 896px) {
  .l-cont {
    width: 90%;
  }
}

.dotted {
  height: 1px;
  position: relative;
}

.dotted::before {
  content: "";
  background-image: linear-gradient(to right, #fff, #fff 5px, transparent 5px, transparent 9px);
  background-size: 9px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.styleSelection {
  overflow: hidden;
}

.styleSelection .pc {
  display: block;
}

@media screen and (max-width: 767px) {
  .styleSelection .pc {
    display: none;
  }
}

.styleSelection .sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .styleSelection .sp {
    display: block;
  }
}

.styleSelection .mainVisual h1 img {
  width: 100%;
  height: auto;
}

.styleSelection .cont_deteals {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_deteals {
    margin-bottom: 40px;
  }
}

.styleSelection .cont_deteals .deteals_ttl {
  font-weight: normal;
  border-bottom: 3px solid #919191;
  font-size: 150%;
  position: relative;
  margin-bottom: 30px;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_deteals .deteals_ttl {
    font-size: 20px;
    font-size: 2rem;
    border-width: 2px;
  }
  .styleSelection .cont_deteals .deteals_ttl:after {
    border-width: 2px;
    bottom: -2px;
  }
}

.styleSelection .cont_deteals .deteals_ttl:after {
  content: "";
  display: block;
  border-bottom: 3px solid #d11c26;
  width: 150px;
  margin: auto;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
}

.styleSelection .cont_deteals .deteals_box {
  display: flex;
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_deteals .deteals_box {
    display: block;
  }
}

.styleSelection .cont_deteals .deteals_box_txt {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_deteals .deteals_box_txt {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_deteals .deteals_box_txt {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_deteals .deteals_box > img {
    display: block;
    width: 100%;
  }
}

.styleSelection .cont_deteals .deteals_image {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_deteals .deteals_image {
    margin-top: 40px;
  }
}

.styleSelection .cont_deteals .deteals_image_txt {
  text-align: left;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_deteals .deteals_image_txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.styleSelection .cont_description {
  margin: 50px auto 80px;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_description {
    margin: 50px auto 40px;
  }
}

.styleSelection .cont_description .description_ttl {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  margin: 0 0 30px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_description .description_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 15px;
  }
}

.styleSelection .cont_description .description_txt {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_description .description_txt {
    text-align: left;
  }
}

.styleSelection .cont_selection .selection_ttl {
  font-weight: normal;
  border-bottom: 3px solid #919191;
  font-size: 150%;
  position: relative;
  margin-bottom: 30px;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_ttl {
    font-size: 20px;
    font-size: 2rem;
    border-width: 2px;
  }
}

.styleSelection .cont_selection .selection_ttl:after {
  content: "";
  display: block;
  border-bottom: 3px solid #d11c26;
  width: 150px;
  margin: auto;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_ttl:after {
    border-width: 2px;
    bottom: -2px;
  }
}

.styleSelection .cont_selection .selection {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection {
    display: block;
  }
}

.styleSelection .cont_selection .selection_item {
  width: 480px;
  margin: 0 0 90px;
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_selection .selection_item {
    margin: 0 auto 80px;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item {
    width: 100%;
  }
}

.styleSelection .cont_selection .selection_item_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top .item_img {
    width: 49%;
    height: auto;
    text-align: right;
  }
}

.styleSelection .cont_selection .selection_item_top .item_img img {
  width: 90%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top .item_img img.elegant {
    width: 70%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top .item_img img.stylekids {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top img.stylekids_l {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top img.drive {
    width: 70%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_top img.drives {
    width: 70%;
    height: auto;
  }
}

.styleSelection .cont_selection .selection_item_con {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_con {
    width: 50%;
  }
}

.styleSelection .cont_selection .selection_item_con .item_description {
  font-size: 14px;
  font-size: 1.4rem;
  background: #988700;
  color: #fff;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px 2rem;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_con .item_description {
    padding: 5px 1rem;
  }
}

.styleSelection .cont_selection .selection_item_con .item_description span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #988700;
}

.styleSelection .cont_selection .selection_item_con .item_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #d11c26;
  margin: 0 0 10px 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_con .item_ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_con > img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection_item_con > img.logo_kids {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel {
  margin: 20px 0 0;
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_cont {
  align-items: center;
  display: table;
  border-top: 2px dotted #ccc;
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_cont {
    width: 100%;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_cont:nth-child(even) {
  border-bottom: 2px dotted #ccc;
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_ttl {
  font-size: 16px;
  font-size: 1.6rem;
  display: table-cell;
  width: 160px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_ttl {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 10px 0 0;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list {
  display: flex;
  align-items: center;
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list li {
  margin: 0 6px 0 0;
  padding: 8px 0 8px 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_list li {
    margin: 0 5px 0 0;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list li span.red {
  width: 25px;
  height: 25px;
  background: #d11c26;
  display: block;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_list li span.red {
    width: 18px;
    height: 18px;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list li span.gray {
  width: 25px;
  height: 25px;
  background: #c0c0c0;
  display: block;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_list li span.gray {
    width: 18px;
    height: 18px;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list li:first-child {
  width: 4em;
  margin: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_list li:first-child {
    margin: auto;
    margin: 0 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_list li:last-child {
  width: 5em;
  margin: 0 0 0 20px;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_list li:last-child {
    margin: auto;
    margin: 0 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.styleSelection .cont_selection .selection .selection_item_revel .revel_annotation {
  margin: 5px 0 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .selection_item_revel .revel_annotation {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.styleSelection .cont_selection .selection .selection_item_place {
  margin: 15px 0 0 0;
}

.styleSelection .cont_selection .selection .selection_item_place .place_list {
  display: flex;
  align-items: center;
  margin: 0;
}

.styleSelection .cont_selection .selection .selection_item_place .place_list li {
  text-align: center;
  background: #d11c26;
  color: #fff;
  width: 153px;
  margin: 0 10px 0 0;
  padding: 10px 0 10px 0;
}

@media screen and (max-width: 896px) {
  .styleSelection .cont_selection .selection .selection_item_place .place_list li {
    width: 33.333%;
    padding: 5px 0 5px 0;
  }
}

.styleSelection .cont_selection .selection .selection_item_place .place_list li:last-child {
  margin: 0;
}

.styleSelection .cont_selection .selection .selection_item_place .place_list li.gray {
  background: #ccc;
}

.styleSelection .cont_selection .selection .selection_item_place .place_ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 10px;
}

.styleSelection .cont_selection .selection .selection_item_name {
  text-align: center;
  margin: 20px;
}

.styleSelection .cont_selection .selection .link_product_details {
  margin: 0 auto 20px;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_selection .selection .link_product_details {
    margin: 0 auto 0;
  }
}

.styleSelection .cont_selection .selection .link_product_details a {
  border: 2px solid #919191;
  padding: 15px;
  display: block;
  text-align: center;
  max-width: 296px;
  margin: 0 auto;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

.styleSelection .cont_selection .selection .link_product_details a:hover {
  background: #d11c26;
  color: #fff;
  opacity: 1;
}

.styleSelection .cont_selection .selection .link_product_details a:hover::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.styleSelection .cont_selection .selection .link_product_details a:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #d11c26;
  border-right: 1px solid #d11c26;
  position: absolute;
  right: 25%;
  bottom: 50%;
  top: 50%;
  margin: auto;
  transform: rotate(-45deg);
}

.styleSelection .link_style_all {
  margin: 0 auto 200px;
}

.styleSelection .link_style_all a {
  background: #d11c26;
  color: #fff;
  padding: 25px 0;
  display: block;
  text-align: center;
  max-width: 390px;
  margin: 0 auto;
  text-decoration: none;
  position: relative;
}

.styleSelection .link_style_all a:hover {
  background: #fff;
  color: #000;
  border: 2px solid #d11c26;
  padding: 23px 0;
}

.styleSelection .link_style_all a:hover::after {
  border-bottom: 1px solid #d11c26;
  border-right: 1px solid #d11c26;
}

.styleSelection .link_style_all a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 10%;
  bottom: 50%;
  top: 50%;
  margin: auto;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .styleSelection .link_style_all a::after {
    right: 6%;
  }
}

@media screen and (max-width: 767px) {
  .styleSelection .link_style_all a {
    padding: 23px 0;
    max-width: 296px;
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.styleSelection .cont_problem .problem_ttl {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  margin: 0 0 30px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_problem .problem_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.styleSelection .cont_problem .problem_box {
  max-width: 600px;
  margin: 6vh auto 4vh;
  display: flex;
  justify-content: flex-end;
  background: url("/assets/wellness/style/how_to_select/images/im_bg_ploblem.jpg") no-repeat left bottom;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_problem .problem_box {
    background-size: 36%;
  }
}

.styleSelection .cont_problem .problem_box .problem_list {
  font-size: 18px;
  font-size: 1.8rem;
  background: url("/assets/wellness/style/how_to_select/images/ic_checkbox.png") no-repeat left 5px;
  padding: 0 0 0 40px;
  margin: 0 0 10px 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_problem .problem_box .problem_list {
    font-size: 12px;
    font-size: 1.2rem;
    background-size: 10%;
    padding: 0 0 0 25px;
  }
}

.styleSelection .cont_problem .problem_listbox {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .styleSelection .cont_problem .problem_listbox {
    width: 58%;
    margin: 0 10px 0 0;
  }
}

/*-------------------------------------------
Chair_Seat LP
-------------------------------------------*/
#series_lp #mainvisual {
  margin-top: 0;
  background-color: #fff;
}

#series_lp .select_anchor {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  #series_lp .select_anchor {
    display: block;
  }
}