@keyframes LoopSlideRight { 0% { transform: translate(0, 0); }
  100% { transform: translate(200%, 0); } }
@keyframes LoopSlideLeft { 0% { transform: translate(0, 0); }
  100% { transform: translate(-200%, 0); } }
@keyframes LoopSlideRight { 0% { transform: translate(0, 0); }
  100% { transform: translate(200%, 0); } }
@keyframes LoopSlideLeft { 0% { transform: translate(0, 0); }
  100% { transform: translate(-200%, 0); } }
.jost { font-family: "Jost"; }

.italic { font-style: italic; }

/*scrollItem
---------------------------------------------------------------------------*/
.scrollItem { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { translate: 0 1.7857142857rem; }
.fadeTop.scrollActive { translate: 0 0; }
.fadeBottom { translate: 0 -1.7857142857rem; }
.fadeBottom.scrollActive { translate: 0 0; }
.fadeRight { translate: 1.7857142857rem 0; }
.fadeRight.scrollActive { translate: 0 0; }
.fadeRight100 { translate: 100% 0; }
.fadeRight100.scrollActive { translate: 0 0; }
.fadeLeft { translate: -1.7857142857rem 0; }
.fadeLeft.scrollActive { translate: 0 0; }
.fadeLeft100 { translate: -100% 0; }
.fadeLeft100.scrollActive { translate: 0 0; }

.scaleUp { scale: 0.97 0.97; }
.scaleUp.scrollActive { scale: 1 1; }
.scaleUp00 { scale: 0 0; }
.scaleUp00.scrollActive { scale: 1 1; }
.scaleUp02 { scale: 0.8 0.8; }
.scaleUp02.scrollActive { scale: 1 1; }
.scaleX00 { scale: 0 1; }
.scaleX00.scrollActive { scale: 1 1; }
.scaleY00 { scale: 1 0; }
.scaleY00.scrollActive { scale: 1 1; }
.scaleDown { scale: 1.1 1.1; }
.scaleDown.scrollActive { scale: 1 1; }

.panelX { scale: 0 1; }
.panelX.scrollActive { scale: 1 1; }

.panel { -webkit-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); -ms-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

/*loading
---------------------------------------------------------------------------*/
.pace-running #wrapper { display: none; }

.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 1px; width: 160px; background: #fff; border: none; overflow: hidden; }
.pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 300px; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: #ccc; }
.pace.pace-inactive { display: none; }

body:not(.pace-done)::after { content: ""; display: block; width: 157px; height: 24px; background: url("../../../common/img/logo.png"); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -400%); }
body:not(.pace-done)::before { display: block; position: fixed; width: 100%; text-align: center; top: 49%; left: 50%; transform: translate(-50%, -200%); font-family: "Jost"; font-size: 1em; font-family: "Jost"; font-size: .8em; }

/*simplebar
---------------------------*/
.simplebar-track.simplebar-horizontal { background: #EEEEEE; height: 7px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0; height: 0.5rem; cursor: pointer; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { background: #111111; }

html.re2025 { font-weight: 300; overflow-y: scroll; }

body #wrapper { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
body:not(.pace-done) #wrapper { opacity: 0; }

main:not(.en_lang) #intro .intro_txt { width: 8em; }
main:not(.en_lang) #intro .intro_txt strong { writing-mode: tb-rl; }
main:not(.en_lang) .coordinate_area .box_tit strong { writing-mode: tb-rl; }
main:not(.en_lang) .coordinate_area .box01 .box_tit { text-align: center; width: 2.5714285714em; }
main:not(.en_lang) .coordinate_area .box03 .box_tit { width: 4em; }
main.en_lang #intro .intro_txt { letter-spacing: 0.07em; }
main.en_lang .coordinate_area .box_tit { letter-spacing: 0.07em; padding: 0 0.71rem; }
main.en_lang .coordinate_area .box01 .box_tit { font-size: 1rem; }
main.en_lang .coordinate_area .box01 .youtube_area { min-width: 72%; }

.inner { margin: auto; }
@media print, screen and (min-width: 768px) { .inner { width: 35.71%; } }
@media only screen and (max-width: 767px) { .inner { width: 100%; } }

.btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; aspect-ratio: 140/32; margin: 0 auto; border: 1px solid #111; width: 10rem; border-radius: 1.14rem; font-size: 0.86rem; letter-spacing: 0.05em; }
@media print, screen and (min-width: 768px) { .btn { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; } }

@media print, screen and (min-width: 768px) { a:hover.btn, a:hover .btn { color: #fff; background: #111; } }
.youtube_area { position: relative; overflow: hidden; }
.youtube_area .auto_yt { position: absolute; top: 50%; left: 50%; z-index: 0; translate: -50% -50%; width: 120%; height: 120%; pointer-events: none; opacity: 0; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
.youtube_area .auto_yt.active { opacity: 1; }

/*mv
-------------------------------------*/
#mv .copy_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; }
#mv .copy_box .page_tit { font-size: 1rem; letter-spacing: 0.04em; }
#mv .menu_area .txt_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 0.86rem; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); padding: 0 2.14rem; }
#mv .menu_area .txt_area .subtit { text-align: right; }
#mv .menu_area .style_anc_wrap { text-align: center; }
#mv .menu_area .style_anc { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.93rem; -webkit-justify-content: space-between; justify-content: space-between; }
#mv .menu_area .ec_btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; border-top: 1px solid #C9C3BF; border-bottom: 1px solid #C9C3BF; }
#mv .menu_area .ec_btn span { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
#mv .menu_area .ec_btn span::before { content: ""; display: block; background-size: 100% 100%; background-image: url("../../../common/img_2025/icon_shopping_bk.svg"); aspect-ratio: 1/1; }
#mv .menu_area .ec_btn::after { content: ""; display: block; background-size: 100% 100%; background-image: url("../../../common/img_2025/icon_vector.svg"); aspect-ratio: 12/8; }
#mv .menu_area .followBox { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; }
#mv .menu_area .followBox .sns_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 1.29rem; }
#mv .mv_img { aspect-ratio: 9/16; position: relative; }
@media print, screen and (min-width: 768px) { #mv > *:not(.mv_img) { background: #F3EDEC; position: fixed; top: 0; z-index: 100000; width: 32.14%; height: 100%; }
  #mv > *:not(.mv_img)::after { aspect-ratio: 500/55.0709; content: ""; display: block; background-size: 100% 100%; width: 111.11%; position: absolute; background-image: url("../img/mv_parts.svg"); }
  #mv .copy_area { left: 0; padding: 2.14rem; }
  #mv .copy_area::after { left: 100%; top: 0; scale: 1.005 1; }
  #mv .copy_area .txt_box { font-size: 0.93rem; letter-spacing: 0.05em; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
  #mv .mv_logo { width: 31.11%; }
  #mv .mv_logo .cls-1 { fill: #111; }
  #mv .copy_box { margin: auto 0; }
  #mv .copy_box .page_tit { margin-bottom: 1.43rem; }
  #mv .copy_box .mv_copy { font-size: 2.14rem; letter-spacing: 0.05em; }
  #mv .menu_area { right: 0; }
  #mv .menu_area::after { right: 100%; bottom: 0; scale: 1.005 -1; }
  #mv .menu_area .menu_box { height: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; }
  #mv .menu_area .txt_area { height: 6.21rem; border-bottom: 1px solid #C9C3BF; }
  #mv .menu_area .style_anc_wrap { margin: auto 0; padding: 1.07rem 0; }
  #mv .menu_area .style_anc_tit { font-size: 1.29rem; letter-spacing: 0.05em; line-height: 1.3333333333; margin-top: calc(0px - (((1em*1.3333333333) - 1em)/2)); margin-bottom: calc(2.14rem - (((1em*1.3333333333) - 1em)/2)); }
  #mv .menu_area .style_anc { width: 56.6666666667%; margin: auto; }
  #mv .menu_area .style_anc li { width: 47.0588235294%; }
  #mv .menu_area .style_anc li:not(:nth-child(-n+2)) { margin-top: 1.43rem; }
  #mv .menu_area .style_anc li .coordinate_no { margin-bottom: 0.71rem; }
  #mv .menu_area .style_anc .style_anc_img { overflow: hidden; aspect-ratio: 120/161; height: 20.457433291vh; max-height: 11.5rem; margin: auto; }
  #mv .menu_area .style_anc .style_anc_img img { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
  #mv .menu_area .style_anc a:hover img { scale: 1.08 1.08; }
  #mv .menu_area .ec_btn { font-size: 1rem; letter-spacing: 0.01em; height: 5.43rem; padding: 0.5em 2.14rem; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  #mv .menu_area .ec_btn span::before { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; width: 1rem; margin-right: 0.86rem; }
  #mv .menu_area .ec_btn::after { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; width: 0.86rem; }
  #mv .menu_area .ec_btn:hover { background: #111; color: #fff; }
  #mv .menu_area .ec_btn:hover span::before { background-image: url("../../../common/img_2025/icon_shopping.svg"); }
  #mv .menu_area .ec_btn:hover::after { background-image: url("../../../common/img_2025/icon_vector_wh.svg"); }
  #mv .menu_area .followBox { padding: 0.5em 2.14rem; height: 5.29rem; }
  #mv .menu_area .followBox .followBox_tit { font-size: 1rem; letter-spacing: 0.01em; }
  #mv .menu_area .followBox .sns_list li:not(:last-child) { margin-right: 1.07rem; }
  #mv .menu_area .followBox .sns_list li a { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  #mv .menu_area .followBox .sns_list li a:hover { opacity: 0.7; } }
@media only screen and (max-width: 767px) { #mv { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; position: relative; }
  #mv > *:not(.mv_img) { width: 100%; }
  #mv .copy_area { text-align: center; padding: 40.65vw 0 23.36vw; background-color: #F3EDEC; -webkit-align-items: center; align-items: center; }
  #mv .copy_area .txt_box .mv_txt { font-size: 0.93rem; letter-spacing: 0.05em; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); }
  #mv .copy_area .txt_box .mv_txt:last-child { margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
  #mv .copy_area .txt_box .mv_txt:not(:last-child) { margin-bottom: calc(1.86rem - (((1em*2) - 1em)/2)); }
  #mv .mv_logo { width: 32.71vw; position: absolute; left: 50%; z-index: 10; translate: -50% 0; top: 7.01vw; }
  #mv .mv_logo .cls-1 { fill: #fff; }
  #mv .copy_box { margin-bottom: 12.38vw; }
  #mv .copy_box .page_tit { margin-bottom: 7.01vw; }
  #mv .copy_box .mv_copy { font-size: 2.86rem; letter-spacing: 0.05em; line-height: 1.15; margin-top: calc(0px - (((1em*1.15) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.15) - 1em)/2)); }
  #mv .mv_tit { font-size: 1.57rem; letter-spacing: 0.05em; margin-bottom: 6.78vw; }
  #mv .menu_area { background: #F3EDEC; position: fixed; bottom: 0; left: 0; z-index: 999; }
  #mv .menu_area .menu_box { border-top: 1px solid #C9C3BF; display: none; }
  #mv .menu_area .txt_area { position: absolute; left: 0; bottom: 100%; color: #fff; padding-bottom: 5.84vw; width: 100%; }
  #mv .menu_area .style_anc_wrap { padding: 5.84vw 0; }
  #mv .menu_area .menu_btn { font-size: 1.29rem; letter-spacing: 0.05em; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; height: 18.22vw; padding: 0 5.84vw; -webkit-justify-content: space-between; justify-content: space-between; }
  #mv .menu_area .menu_btn span { height: 2.1vw; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; }
  #mv .menu_area .menu_btn span::before, #mv .menu_area .menu_btn span::after { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; content: ""; display: block; width: 7.01vw; height: 1px; background-color: #111; }
  #mv .menu_area .menu_btn.open span::before { rotate: 15deg; translate: 0 0.93vw; }
  #mv .menu_area .menu_btn.open span::after { rotate: -15deg; translate: 0 -0.93vw; }
  #mv .menu_area .style_anc { width: 88.32vw; margin: auto; }
  #mv .menu_area .style_anc li { width: 20.33vw; }
  #mv .menu_area .style_anc li .coordinate_no { margin-bottom: 2.34vw; }
  #mv .menu_area .ec_btn { font-size: 1rem; letter-spacing: 0.1em; height: 17.76vw; padding: 0 7.01vw 0 5.84vw; }
  #mv .menu_area .ec_btn span::before { width: 3.27vw; margin-right: 2.8vw; }
  #mv .menu_area .ec_btn::after { width: 2.8vw; }
  #mv .menu_area .followBox { padding: 0 7.01vw 0 5.84vw; height: 17.29vw; }
  #mv .menu_area .followBox .followBox_tit { font-size: 1rem; letter-spacing: 0.01em; }
  #mv .menu_area .followBox .sns_list li:not(:last-child) { margin-right: 3.5vw; }
  #mv .mv_img { order: -1; } }

/*intro
-------------------------------------*/
#intro { font-size: 1.2857142857rem; letter-spacing: 0.39em; }
#intro .inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
#intro .intro_txt { line-height: 2; }
@media print, screen and (min-width: 768px) { #intro .inner { min-height: 50vh; padding: 14.29rem 0 7.14rem; } }
@media only screen and (max-width: 767px) { #intro .inner { padding: 32.71vw 0 9.35vw; } }

/*coordinate_area
-------------------------------------*/
.coordinate_area { padding: 7.14rem 0; }
.coordinate_area .coodinate_no { text-align: center; font-size: 1rem; letter-spacing: 0.05em; margin-bottom: 2.86rem; }
.coordinate_area .box_tit { font-size: 1rem; line-height: 2; }
.coordinate_area .box01 { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 7.14rem; }
.coordinate_area .box01 .box_tit { font-size: 1.2857142857rem; margin: 0 auto; }
.coordinate_area .box01 .youtube_area { width: 80%; min-width: 80%; aspect-ratio: 400/601; }
.coordinate_area .box02 { aspect-ratio: 500/496; margin-bottom: 0.79rem; position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; }
.coordinate_area .box02 .box_tit { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
.coordinate_area .box02 .box02_img01 { position: absolute; top: 0; width: 66%; min-width: 66%; aspect-ratio: 330/496; }
.coordinate_area .box02 .box02_img01 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
.coordinate_area .box02 .box02_img02 { margin-top: auto; }
.coordinate_area .box03 { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 7.14rem; }
.coordinate_area .box03 .box_tit { margin: 4.29rem auto 0; }
.coordinate_area .box03 .box03_img { width: 66%; min-width: 66%; aspect-ratio: 330/496; }
.coordinate_area .coord_img_box01 { margin-bottom: 2.86rem; }
.coordinate_area .coord_img_box01 .img { margin: 0 0.71rem; }
.coordinate_area .coord_img_box01 .slick-list { padding: 0 28%; }
.coordinate_area:nth-child(odd) .box02 { padding-left: 68%; }
.coordinate_area:nth-child(odd) .box02 .box02_img01 { left: 0; }
.coordinate_area:nth-child(even) { background: #EFE5E3; }
.coordinate_area:nth-child(even) .box01 .box_tit { order: 1; }
.coordinate_area:nth-child(even) .box02 { padding-right: 68%; }
.coordinate_area:nth-child(even) .box02 .box02_img01 { right: 0; }
.coordinate_area:nth-child(even) .box03 .box_tit { order: 1; }
@media print, screen and (min-width: 768px) { .coordinate_area .box_tit { letter-spacing: 0.39em; } }
@media only screen and (max-width: 767px) { .coordinate_area .box_tit { letter-spacing: 0.2em; } }

.item_modal { position: fixed; left: 50%; z-index: 1000; translate: -50% 0; top: 0; background-color: #fff; height: 100%; display: none; overflow-y: auto; }
.item_modal .modal_cont { padding: 7rem 0; }
.item_modal .modal_tit { text-align: center; font-size: 1.14rem; letter-spacing: 0.05em; margin-bottom: 2.86rem; }
.item_modal .modal_img { width: 56%; aspect-ratio: 280/420; margin: 0 auto 1.43rem; }
.item_modal .item_list { margin: 0 auto; width: 88%; }
.item_modal .item_list li { padding: 1.43rem 0; }
.item_modal .item_list li:not(:last-child) { border-bottom: 1px solid #C9C3BF; }
.item_modal .item_list li a { padding: 1.43rem 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
.item_modal .item_list .item_img { width: 30.2272727273%; aspect-ratio: 1/1; overflow: hidden; }
.item_modal .item_list .item_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
.item_modal .item_list .txt_area { width: 62.95%; }
.item_modal .item_list .txt_area .pno { font-size: 0.86rem; letter-spacing: 0.05em; margin-bottom: 1.07rem; }
.item_modal .item_list .txt_area .item_name { font-size: 1rem; letter-spacing: 0.05em; margin-bottom: 1.07rem; }
.item_modal .item_list .txt_area .price { font-size: 0.86rem; letter-spacing: 0.05em; color: #999999; }
.item_modal .item_list .txt_area .item_txt { font-size: 0.86rem; letter-spacing: 0.05em; line-height: 2; margin-top: calc(1.43rem - (((1em*2) - 1em)/2)); margin-bottom: calc(1.43rem - (((1em*2) - 1em)/2)); }
.item_modal .item_list .btn { width: 7.14rem; aspect-ratio: 100/22; border-radius: 0.79rem; margin: 0; }
.item_modal .modal_close { display: block; position: sticky; width: 1.29rem; margin-left: auto; }
@media print, screen and (min-width: 768px) { .item_modal .modal_cont { padding: 7rem 0; }
  .item_modal .modal_close { top: 4.29rem; margin-right: 2.14rem; } }
@media only screen and (max-width: 767px) { .item_modal .modal_cont { padding: 11.68vw 0; }
  .item_modal .modal_close { top: 7.01vw; margin-right: 5.85vw; } }

/*coordinate_area
-------------------------------------*/
#other_coordinate { padding-top: 7.14rem; }
#other_coordinate .other_coordinate_tit { text-align: center; font-size: 1.71rem; font-weight: 300; letter-spacing: 0.02em; margin-bottom: 2.86rem; }
#other_coordinate .other_coordinate_list .others_item { margin: 0 0.71rem; }
#other_coordinate .other_coordinate_list .others_item_img { aspect-ratio: 270/405; margin-bottom: 2.14rem; }
#other_coordinate .other_coordinate_list .others_item_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
#other_coordinate .other_coordinate_list .slick-list { padding: 0 21%; }

/*lineUp_area
---------------------------------------------------------------------------*/
#lineUp_area { padding: 7.14rem 0; }
#lineUp_area .lineUp_area_tit { text-align: center; font-size: 1.71rem; letter-spacing: 0.05em; margin-bottom: 2.86rem; }
#lineUp_area .lineUp_typ_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 0.86rem; letter-spacing: 0.05em; margin-bottom: 0.86rem; }
#lineUp_area .lineUp_typ_list li { height: 1.57rem; margin-right: 0.71rem; }
#lineUp_area .lineUp_typ_list::after { display: block; content: ''; min-width: 2.14rem; }
#lineUp_area .typ_btn { border: 1px solid #111; white-space: nowrap; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; height: 100%; padding: 0 1.57rem; border-radius: 0.79rem; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
#lineUp_area .typ_btn.active { color: #fff; background: #111; }
#lineUp_area .lineUp_list_wrap { position: relative; margin-top: 1.29rem; }
#lineUp_area .lineUp_list_box { width: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; position: absolute; top: 0; left: 0; }
#lineUp_area .lineUp_list_box.active { position: relative; opacity: 1; z-index: 1; }
#lineUp_area .lineUp_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }
#lineUp_area .lineUp_list::after { display: block; content: ''; min-width: 2.14rem; }
#lineUp_area .lineUp_item .img_box { position: relative; width: 100%; }
#lineUp_area .lineUp_item figure { width: 100%; aspect-ratio: 1/1; margin-bottom: 1.43rem; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
#lineUp_area .lineUp_item figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
#lineUp_area .lineUp_item .txt_area { font-size: 0.93rem; letter-spacing: 0.05em; }
#lineUp_area .lineUp_item .p_no { margin-bottom: 0.71rem; }
#lineUp_area .lineUp_item .price { margin-top: 1.07rem; }
#lineUp_area .colorList_wrap { margin-top: 1.07rem; color: #ccc; }
#lineUp_area .colorList_tit { font-size: 0.93rem; letter-spacing: 0.05em; margin-bottom: 0.71rem; }
#lineUp_area .colorList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.86rem; letter-spacing: 0.05em; }
#lineUp_area .colorList li { white-space: nowrap; margin: 0 1.15em 0.62em 0; }
#lineUp_area .colorList a { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#lineUp_area .colorList a.active { color: #111; }
#lineUp_area .colorList a.border::before { border: 1px solid #CCCCCC; }
#lineUp_area .colorList a::before { content: ""; display: block; width: 1em; aspect-ratio: 1/1; margin-right: 0.54em; border-radius: 50%; }
#lineUp_area .colorList a.black-black-blue::before { background: linear-gradient(90deg, #111111 0%, #111111 50%, blue 50%, blue 100%); }
#lineUp_area .colorList a.black-black-white::before { background: linear-gradient(90deg, #111111 0%, #111111 50%, white 50%, white 100%); border: 1px solid #CCCCCC; }
#lineUp_area .colorList a.tricolor::before { background: linear-gradient(90deg, #0AB1D2 0%, #0AB1D2 33%, white 33%, white 66%, #FF7E68 66%, #FF7E68 100%); border: 1px solid #CCCCCC; }
#lineUp_area .colorList a.black-gray-red::before { background: linear-gradient(90deg, #111111 0%, #111111 33%, #959494 33%, #959494 66%, #D50000 66%, #D50000 100%); border: 1px solid #CCCCCC; }
#lineUp_area .colorList a.hpamint::before { background: linear-gradient(90deg, #111111 0%, #111111 50%, #00D0B4 50%, #00D0B4 100%); }
#lineUp_area .colorList a.blackpuzzle::before { background: linear-gradient(90deg, #111111 0%, #111111 50%, #eeeeee 50%, #eeeeee 100%); }
#lineUp_area .simplebar-track.simplebar-horizontal { background: #fff; }
@media print, screen and (min-width: 768px) { #lineUp_area .lineUp_typ_list { padding: 0 2.14rem; }
  #lineUp_area .typ_btn:hover { color: #fff; background: #111; }
  #lineUp_area .lineUp_list { padding: 0 2.14rem 1.43rem; }
  #lineUp_area .lineUp_item { width: 37.2%; min-width: 13.45vw; margin-right: 0.6%; } }
@media only screen and (max-width: 767px) { #lineUp_area .lineUp_typ_list { padding: 0 5.84vw; }
  #lineUp_area .lineUp_list { padding: 0 1.79rem 1.43rem; }
  #lineUp_area .lineUp_item { width: 43.46vw; min-width: 43.46vw; margin-right: 0.7vw; } }

/*bottom_area
---------------------------------------------------------------------------*/
.bottom_area { background: #BF8E86; color: #fff; }

/*womens_news
---------------------------------------------------------------------------*/
#womens_news .inner { padding-top: 7.14rem; }
#womens_news .womens_news_tit { text-align: center; font-size: 1.71rem; letter-spacing: 0.05em; margin-bottom: 2.14rem; }
#womens_news .news_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin: auto; }
#womens_news .news_list .news_item:not(:nth-child(-n+2)) { margin-top: 2.86rem; }
#womens_news .news_list .news_img { width: 100%; margin-bottom: 1.43rem; overflow: hidden; aspect-ratio: 1.25 / 1; }
#womens_news .news_list .news_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
#womens_news .news_list .txt_area .post_info { font-size: 0.86rem; letter-spacing: 0.05em; }
#womens_news .news_list .txt_area .post_info dt { margin-bottom: 0.71rem; }
#womens_news .btn { border-color: #fff; margin-top: 2.86rem; }
@media print, screen and (min-width: 768px) { #womens_news .news_list { width: 88%; }
  #womens_news .news_list .news_item { width: 47.73%; }
  #womens_news .news_list .news_item a:hover img { scale: 1.08 1.08; }
  #womens_news .news_list .news_img img { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  #womens_news .news_list .txt_area .post_tit { font-size: 1rem; letter-spacing: 0.05em; line-height: 1.5714285714; margin-top: calc(0px - (((1em*1.5714285714) - 1em)/2)); margin-bottom: calc(1.43rem - (((1em*1.5714285714) - 1em)/2)); }
  #womens_news .btn:hover { background: #fff; color: #fff !important; } }
@media only screen and (max-width: 767px) { #womens_news .news_list { width: 88.32vw; }
  #womens_news .news_list .news_item { width: 41.82vw; }
  #womens_news .news_list .txt_area .post_tit { font-size: 0.93rem; letter-spacing: 0.05em; line-height: 1.6923076923; margin-top: calc(0px - (((1em*1.6923076923) - 1em)/2)); margin-bottom: calc(4.67vw - (((1em*1.6923076923) - 1em)/2)); } }

/*feature_footer
---------------------------------------------------------------------------*/
.feature_footer { text-align: center; font-size: 0.79rem; letter-spacing: 0.05em; }
@media print, screen and (min-width: 768px) { .feature_footer { padding: 7.14rem 0; } }
@media only screen and (max-width: 767px) { .feature_footer { padding: 23.36vw 0 40.42vw; } }
