/*===========================
  reset Css
===========================*/
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
ul,ol{ list-style:none; }

/*===========================
  base.css
===========================*/
:root{
    --main-color:#49AEA1;
    --gray-color:#F5F5F5;
    --font-color:#464646;
    --line-color:#D9D9D9;
    --font-gray-color:#878787;
    --en-font:"Marcellus", "Noto Sans JP", sans-serif;
    --en-font2:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    --en-font3:"Playwrite US Trad", "Noto Sans JP", sans-serif;
    --num-font:"Inter", "Noto Sans JP", sans-serif;
}

body{
    width:100%;
    font:14px "Noto Sans JP", sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    color:var(--font-color);
    overflow-x:hidden;
}
body.drawerOpen{ overflow:hidden; }

a{ text-decoration:none; color:var(--font-color); }
img{ width:100%; height:auto; vertical-align:bottom; }
p{ line-height:1.6; }
div,p,span,a,ul,li,dl,dt,dd{ box-sizing:border-box; }

@media screen and (min-width:768px){
    .spOnly{ display:none; }
}
@media screen and (max-width:767px){
    .pcOnly{ display:none; }
}

/*=================================
  common
===================================*/
#container{ width:100%; }
.inner{ max-width:980px; margin:0 auto; padding:0 30px; box-sizing:content-box; }
@media screen and (max-width:767px){
    .inner{ padding:0 0; }
}

/*  siteHeader
===================================*/
.siteHeader{ width:100%; min-height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:#F1F1F1 1px solid; background:#fff; position:relative; }
.siteHeader .hbBtn{ width:32px; height:32px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px 0; background:none; border:none; cursor:pointer; }
.siteHeader .hbBtn span{ width:20px; height:1px; display:block; background:var(--font-color); transition:all 0.3s; }
.siteHeader .hbBtn.open span:nth-child(1){ transform:translateY(3.5px) rotate(45deg); }
.siteHeader .hbBtn.open span:nth-child(2){ transform:translateY(-3.5px) rotate(-45deg); }
.siteHeader .siteLogo{ width:100px; text-align:center; position:absolute; left:50%; transform:translateX(-50%); }
.siteHeader .siteLogo img{ width:80px; }
.siteHeader .siteLogo span{ display:block; font-family:var(--en-font2); font-size:9px; font-weight:600; letter-spacing:0.3em; }
.siteHeader .headerAction{ display:flex; align-items:center; gap:0 30px; }
.siteHeader .searchBoxCon{ display:flex; align-items:center; background:var(--gray-color); border-radius:5px; overflow:hidden; }
.siteHeader .searchBox input{ width:155px; height:37px; padding:5px 10px; background:transparent; border:none; font-size:13px; }
.siteHeader .searchBox button{ width:36px; height:32px; display:flex; align-items:center; justify-content:center; background:none; border:none; }
.siteHeader .searchBox button img{ width:16px; }
.siteHeader .icoAccount img{ width:20px; }
.siteHeader .icoCart{ position:relative; }
.siteHeader .icoCart img{ width:28px; }
.siteHeader .icoCart .cartCount{ width:20px; height:20px; display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:50%; font-size:10px; font-family:var(--num-font); color:#fff; line-height:1; position:absolute; top:-6px; right:12px; }
@media screen and (min-width:768px){
    .siteHeader .icoSearch{ display:none; }
}
@media screen and (max-width:767px){
    .siteHeader{ min-height:76px; }
    .siteHeader .icoSearch{ width:40px; height:40px; display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:50px; transform:translateY(-50%); }
    .siteHeader .icoSearch img{ width:20px; }
    .siteHeader .siteLogo{ width:100px; }
    
    .siteHeader .searchBox{ width:100%; height:calc(100vh - 76px); background:rgba(0,0,0,0.6); position:absolute; top:76px; left:0; z-index:10; }
    .siteHeader .searchBoxCon{ display:flex; padding:30px; background:#fff; border-radius:0; position:relative; }
    .siteHeader .searchBox input{ font-size:16px; }
    .siteHeader.searchOpen .searchBoxCon::after{ width:calc(100% - 60px); height:1px; content:""; background:var(--line-color); position:absolute; left:30px; bottom:30px; }
    .siteHeader.searchOpen .searchBox input{ width:100%; }
    .siteHeader .searchBox button img{ width:20px; }
    
    .siteHeader .searchBox{ opacity:0; visibility:hidden; transition:all .3s; }
    .siteHeader.searchOpen .searchBox{ opacity:1; visibility:visible; }
}

/*  drawerMenu
===================================*/
.drawerMenu{ width:240px; height:calc(100vh - 60px); background:#fff; overflow-y:auto; position:fixed; top:60px; left:0; z-index:300; transform:translateX(-100%); transition:transform 0.3s ease; }
.drawerMenu.open{ transform:translateX(0); }
.drawerBanner{ padding:20px; text-align:center; background:var(--main-color); color:#fff; }
.drawerBanner .bannerTxt{ font-size:14px; }
.drawerBanner .bannerTimer{ font-size:14px; }
.drawerBanner .bannerTimer strong{ font-size:18px; font-family:var(--num-font); font-weight:500; letter-spacing:0.05em; }
.drawerBanner .bannerTimer span{ font-size:30px; font-weight:300; }
.drawerInner{ padding:24px; }
.drawerBtnWrap{ display:flex; gap:0 10px; margin:0 0 24px; }
.drawerBtnLogin{ display:block; flex:1; padding:12px 10px; text-align:center; background:var(--gray-color); border-radius:50px; font-size:13px; color:var(--font-color); }
.drawerBtnRegister{ display:block; flex:1; padding:11px 10px 12px; text-align:center; background:var(--font-color); border-radius:50px; font-size:13px; color:#fff; }
.drawerCategoryList{ margin:0 0 24px; padding:0 0 24px; border-bottom:var(--border-color) 1px solid; }
.drawerCategoryList li a,
.drawerNavList li a{ display:block; padding:10px 0; color:var(--font-color); }
@media screen and (min-width:768px){
    .drawerBtnLogin,
    .drawerBtnRegister,
    .drawerCategoryList li a,
    .drawerNavList li a{ transition:opacity 0.2s; }
    .drawerBtnLogin:hover,
    .drawerBtnRegister:hover,
    .drawerCategoryList li a:hover,
    .drawerNavList li a:hover{ opacity:0.6; }
}
@media screen and (max-width:767px){
    .drawerMenu{ height:calc(100vh - 76px); top:76px; }
}

/*  drawerOverlay
===================================*/
.drawerOverlay{ width:100%; height:calc(100vh - 60px); background:rgba(0,0,0,0.5); position:fixed; top:60px; left:0; z-index:250; opacity:0; visibility:hidden; transition:all 0.3s; }
.drawerOverlay.open{ opacity:1; visibility:visible; }
@media screen and (max-width:767px){
    .drawerOverlay{ height:calc(100vh - 76px); top:76px; }
}

/*  gNav
===================================*/
.gNav{ display:none; }

/*  siteFooter
===================================*/
.siteFooter{ margin:160px 0 0; padding:60px 0 40px; background:#3C3C3C; color:#fff; }
.siteFooter .instagramLink a{ display:inline-flex; align-items:center; gap:0 8px; font-size:12px; font-family:var(--num-font); letter-spacing:.08em; color:#fff; }
.siteFooter .instagramLink a img{ width:20px; }
.siteFooter .footerNav ul{ display:flex; flex-wrap:wrap; gap:10px 40px; margin:40px 0 0; }
.siteFooter .footerNav ul li a{ color:#fff; }
.siteFooter .copy{ margin:40px 0 0; font-size:12px; color:#DDDDDD; }
@media screen and (min-width:768px){
    .siteFooter .footerNav ul li a{ transition:opacity 0.2s; }
    .siteFooter .footerNav ul li a:hover{ opacity:0.7; }
}
@media screen and (max-width:767px){
    .siteFooter .inner{ padding:0 30px; }
    .siteFooter .footerNav ul{ gap:20px 0; margin:30px 0 0; }
    .siteFooter .footerNav ul li{ width:100%; }
    .siteFooter .copy{ margin:30px 0 0; }
}

/*=================================
  parts
===================================*/
/*  title
===================================*/
.heading1{ margin:45px 0 30px; text-align:center; font-size:22px; font-weight:400; line-height:1.2; }

.topTitle{ display:block; margin:0 0 30px; text-align:center; font-size:28px; font-family:var(--en-font); font-weight:400; }

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

/*  btn
===================================*/
.moreBtn{ text-align:center; margin:40px 0 0; }
.moreBtn a{ display:inline-block; padding:15px 90px 15px 40px; background:url("../img/arrow_gray_right2.svg") no-repeat right 40px center / 40px auto; border:#464646 1px solid; border-radius:50px; font-family:var(--en-font); color:var(--font-color); }
@media screen and (min-width:768px){
    .moreBtn a{ transition:all 0.2s; }
    .moreBtn a:hover{ background:url("../img/arrow_gray_right2_hover.svg") no-repeat right 30px center / 40px auto #464646; color:#fff; }
}

.shopBtn{ display:inline-block; padding:13px 20px; background:#fff; border-radius:50px; font-size:13px; font-family:var(--num-font); font-weight:400; letter-spacing:.06em; color:#333; line-height:1; }
@media screen and (min-width:768px){
    .shopBtn{ transition:all 0.2s; }
    .shopBtn:hover{ background:var(--gray-color); }
}

.wishBtn{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#fff; border:none; border-radius:50%; position:absolute; right:15px; bottom:15px; }
.wishBtn img{ width:19px; margin:3px 0 0; }

/*  form
===================================*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea{ width:100%; padding:15px 16px; background:#fff; border:var(--line-color) 1px solid; border-radius:0; box-sizing:border-box; font-size:16px; }
textarea{ height:10em; }
select{ width:100%; padding:19px 30px 17px 16px; appearance:none; background:#ffffff; background:url("../img/pulldown.svg") no-repeat right 10px center / 10px auto #fff; border:var(--line-color) 1px solid; border-radius:0; box-sizing:border-box; font-size:14px; color:var(--font-color); }
input[type="radio"],
input[type="checkbox"]{ width:15px; height:15px; margin:0 2px 0 0; border:var(--line-color) 1px solid; accent-color:var(--link-color); inline-size:1.2rem; block-size:15px; vertical-align:-2px !important; }
input:focus,
button:focus,
textarea:focus,
select:focus{ outline: none; }

@media screen and (max-width:767px){
    input[type="radio"],
    input[type="checkbox"]{ vertical-align:0 !important; }
}

/*  pageTop
===================================*/
.pageTop{ width:65px; height:65px; display:flex; align-items:center; justify-content:center; padding:10px 0 0; text-align:center; background:url("../img/arrow_gray_top.svg") no-repeat center 18px / 10px auto var(--gray-color); border-radius:50%; font-size:12px; font-family:var(--en-font); color:var(--font-color); position:fixed; right:20px; bottom:20px; z-index:100; }
.pageTop{ opacity:0; visibility:hidden; transition:opacity 0.3s, visibility 0.3s; }
.pageTop.show{ opacity:1; visibility:visible; }
@media screen and (min-width:768px){
    .pageTop{ transition:opacity 0.2s; }
    .pageTop:hover{ opacity:0.7; }
}
@media screen and (max-width:767px){
    .pageTop{ width:52px; height:52px; right:12px; bottom:92px; }
}

/*=================================
  module
===================================*/
/*  pankuzu
===================================*/
.pankuzu{ padding:25px 0 0; }
.pankuzu ul{ display:flex; flex-wrap:wrap; font-size:12px; color:var(--font-gray-color); }
.pankuzu ul li::after{ content:"/"; margin:0 5px; }
.pankuzu ul li:last-child::after{ display:none; }
.pankuzu ul li a{ color:var(--font-gray-color); }
@media screen and (max-width:767px){
    .pankuzu{ padding:20px 0; }
    .pankuzu ul{ flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; padding:0 20px; }
    .pankuzu ul::-webkit-scrollbar{ display:none; }
}

/*  topKvArea
===================================*/
.topKvArea{ width:100%; position:relative; }
.topKvArea .kvImg{ width:100%; }
.topKvArea .kvImg img{ width:100%; height:449px; object-fit:cover; }
.topKvArea .kvTxt{ position:absolute; }
.topKvArea .kvTxt p{ font-size:48px; font-family:var(--en-font); font-weight:400; line-height:1.2; color:#fff; }
@media screen and (min-width:768px){
    .topKvArea .kvTxt{ right:8%; bottom:12%; }
    .topKvArea .kvTxt p{ font-size:52px; }
}
@media screen and (max-width:767px){
    .topKvArea .kvImg img{ height:calc(100vh - 76px); }
    .topKvArea .kvTxt{ left:9%; bottom:120px; }
    .topKvArea .kvTxt p{ font-size:48px; }
}

/*  topNewArrival
===================================*/
.topNewArrival{ padding:60px 0 0; }

/*  carousel
===================================*/
.carouselWrap{ max-width:1400px; margin:0 auto; position:relative; }
.carouselList{ display:flex; gap:0 20px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.carouselList::-webkit-scrollbar{ display:none; }
.carouselList li{ flex:0 0 calc(25% - 15px); scroll-snap-align:start; position:relative; }
.carouselList li a{ display:block; position:relative; }
.carouselList li figure img{ width:100%; aspect-ratio:320 / 452; object-fit:cover; border-radius:5px; }
.carouselList .cardTxt{ padding:0 20px 20px; position:absolute; left:0; bottom:0; }
.carouselList .itemName{ margin:0 0 10px; font-size:18px; font-weight:400; color:#fff; }
.carouselPrev,
.carouselNext{ width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:url("../img/arrow_gray_left.svg") no-repeat center center / 6px auto #fff; border:none; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); border-radius:50%; position:absolute; top:50%; z-index:5; transform:translateY(-50%); }
.carouselPrev{ left:10px; }
.carouselNext{ background-image:url("../img/arrow_gray_right.svg"); right:10px; }
@media screen and (min-width:768px){
    .carouselList a{ transition:opacity 0.2s; }
    .carouselList a:hover{ opacity:0.8; }
    .carouselPrev,
    .carouselNext{ transition:opacity 0.2s; cursor:pointer; }
    .carouselPrev:hover,
    .carouselNext:hover{ opacity:0.7; }
}
@media screen and (max-width:767px){
    .carouselList{ gap:0; }
    .carouselList li{ flex:0; padding:0 0 0 10px; }
    .carouselList li:first-child{ padding-left:20px; }
    .carouselList li figure img{ width:auto; height:426px; }
    .carouselPrev,
    .carouselNext{ display:none; }
}

/*  topRecommend
===================================*/
.topRecommend{ padding:80px 0; }
@media screen and (max-width:767px){
    .topRecommend{ padding:60px 0; }
}

/*  itemList
===================================*/
.itemList{ display:flex; flex-wrap:wrap; gap:40px 2px; }
.itemList li{ width:calc((100% - 8px) / 5); }
.itemList li a{ display:block; }
.itemList li .imgArea{ position:relative; }
.itemList li figure img{ width:100%; aspect-ratio:1 / 1; object-fit:cover; }
.itemList li .txtArea{ padding:10px 10px 0; }
.itemList li .itemName{ font-weight:400; line-height:1.5; color:var(--font-color); }
.itemList li .itemPrice{ margin:6px 0 0; font-family:var(--num-font); font-weight:400; }
.itemList li .itemPrice .priceLabel{ margin:0 4px 0 0; font-size:12px; color:var(--font-gray-color); }
.itemList li .soldOut{ display:inline-block; margin:6px 0 0; padding:5px 10px; background:#D9D9D9; font-size:12px; font-family:var(--num-font); color:#fff; line-height:1; }
@media screen and (min-width:768px){
    .itemList li a{ transition:opacity 0.2s; }
    .itemList li a:hover{ opacity:0.8; }
}
@media screen and (max-width:767px){
    .itemList{ gap:24px 2px; }
    .itemList li{ width:calc((100% - 2px) / 2); }
    .itemList li .txtArea{ padding:8px 8px 0; }
}

/*  funList
===================================*/
ul.funList{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:0 40px; margin:0 0 30px; }
ul.funList li.sort select{ padding:0 25px 0 0; border:none; }
@media screen and (max-width:767px){
    ul.funList{ justify-content:center; }
}

/*  paging
===================================*/
.paging{ padding:40px 0; text-align:center; font-family:var(--num-font); }
.paging .pagingCon{ display:inline-block; padding:0 50px; position:relative; }
.paging .preBtn,
.paging .nextBtn{ width:30px; height:30px; position:absolute; }
.paging .preBtn{ left:0; }
.paging .nextBtn{ right:0; }
.paging .preBtn a,
.paging .nextBtn a{ width:30px; height:30px; display:flex;align-items:center; justify-content:center; border-radius:50%; }
.paging .preBtn img,
.paging .nextBtn img{ width:6px; }
.paging ul{ display:flex; align-items:center; justify-content:center; gap:0 20px; }
.paging ul li{ width:30px; height:30px; }
.paging ul li a,
.paging ul li span{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; }
.paging ul li.on span{ background:var(--font-color); color:#fff; }
@media screen and (min-width:768px){
    .paging ul li a,
    .paging .preBtn a,
    .paging .nextBtn a{ transition:all 0.2s; }
    .paging ul li a:hover,
    .paging .preBtn a:hover,
    .paging .nextBtn a:hover{ background:var(--font-color); color:#fff; }
}

/*  itemDetailArea
===================================*/
.itemDetailArea{ padding:25px 0 0; }
.itemDetailWrap{ display:flex; justify-content:space-between; }
.itemGallery{ width:45%; }
.itemInfo{ width:49%; }
@media screen and (max-width:767px){
    .itemDetailArea{ padding:0; }
    .itemDetailWrap{ flex-direction:column; gap:20px 0; }
    .itemGallery{ width:100%; }
    .itemInfo{ width:auto; margin:0 20px; }
}

/*  itemGallery
===================================*/
.itemGallery .mainImg{ width:100%; apsect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; }
.itemGallery .mainImg img{ width:100%; aspect-ratio:1 / 1; object-fit:cover; }
.itemGallery .thumbList{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0; }
.itemGallery .thumbList li{ width:calc((100% - 60px) / 7); }
.itemGallery .thumbList li a{ display:block; border:transparent 1px solid; }
.itemGallery .thumbList li.on a{ border-color:var(--font-color); }
.itemGallery .thumbList li img{ max-width:100%; max-height:100%; }
@media screen and (max-width:767px){
    .itemGallery .thumbList{ flex-wrap:nowrap; overflow-x:auto; gap:0 8px; padding:0 20px; }
    .itemGallery .thumbList::-webkit-scrollbar{ display:none; }
    .itemGallery .thumbList li{ flex:0 0 60px; }
}

/*  itemInfo
===================================*/
.itemInfo .itemInfoHead{ display:flex; align-items:flex-start; justify-content:space-between; gap:0 10px; }
.itemInfo .itemInfoHead .itemTitle{ font-size:22px; font-weight:400; line-height:1.4; }
.itemInfo .itemInfoHead .wishBtn{ width:36px; height:36px; border-radius:50%; flex-shrink:0; position:static; }
.itemInfo .itemInfoHead .wishBtn img{ width:22px; }
.itemInfo .itemPoint{ margin:20px 0 0; padding:20px; background:var(--gray-color); }
.itemInfo .itemPoint .pointLabel{ margin:0 0 5px; font-family:var(--en-font3); font-weight:400; position:relative; }
.itemInfo .itemPoint .pointLabel::after{ width:100px; height:1px; content:""; background:#A2A2A2; position:absolute; top:50%; left:50px; }
.itemInfo .itemVariant{ margin:20px 0 0; }
.itemInfo .itemVariant dt{ margin:0 0 10px; }
.itemInfo .itemVariant dd{ margin:0 0 20px; }
.itemInfo .itemVariant dd:last-of-type{ margin-bottom:0; }
.itemInfo ul.colorList{ display:flex; flex-wrap:wrap; gap:10px; }
.itemInfo ul.colorList li{ width:calc((100% - 60px) / 7); }
.itemInfo ul.colorList li button{ width:100%; border:transparent 1px solid; overflow:hidden; }
.itemInfo ul.colorList li.on button{ border-color:var(--font-color); }
.itemInfo ul.colorList li button img{ width:100%; aspect-ratio:1 / 1; object-fit:cover; }
.itemInfo ul.sizeList{ display:flex; flex-wrap:wrap; gap:8px 8px; }
.itemInfo ul.sizeList li button{ padding:18px 20px; border:var(--line-color) 1px solid; color:var(--font-color); line-height:1; }
.itemInfo ul.sizeList li.on button{ border-color:var(--font-color); }
.itemInfo .colorList li.disabled button{ position:relative; }
.itemInfo .colorList li.disabled button::after{ width:100%; height:100%; content:""; background:linear-gradient(to bottom right, transparent calc(50% - 0.5px), var(--line-color) calc(50% - 0.5px), var(--line-color) calc(50% + 0.5px), transparent calc(50% + 0.5px)); position:absolute; top:0; left:0; }
.itemInfo .sizeList li.disabled button{ background:linear-gradient(to bottom right, transparent calc(50% - 0.5px), var(--line-color) calc(50% - 0.5px), var(--line-color) calc(50% + 0.5px), transparent calc(50% + 0.5px)); }
.itemInfo .stockStatus{ margin:10px 0 0; }
.itemInfo .itemPriceArea{ margin:20px 0 0; }
.itemInfo .itemSpecialPrice{ font-size:26px; font-family:var(--num-font); font-weight:500; }
.itemInfo .itemSpecialPrice .priceLabel{ margin:0 10px 0 0; font-size:16px; }
.itemInfo .itemNormalPrice{ margin:4px 0 0; font-size:16px; font-family:var(--num-font); font-weight:400; }
.itemInfo .itemNormalPrice .priceLabel{ margin:0 10px 0 0; font-size:14px; }
.itemInfo .itemShipping{ margin:20px 0 0; font-size:13px; color:var(--font-gray-color); line-height:1.8; }
.itemInfo .itemCartArea{ display:flex; align-items:center; gap:0 20px; margin:40px 0 0; }
.itemInfo .qtyControl{ display:flex; align-items:center; border:var(--line-color) 1px solid; overflow:hidden; }
.itemInfo .qtyMinus,
.itemInfo .qtyPlus{ width:35px; height:50px; display:flex; align-items:center; justify-content:center; background:none; border:none; font-size:18px; color:var(--font-color); cursor:pointer; }
.itemInfo .qtyInput{ width:40px; height:50px; padding:0; text-align:center; border:none; font-size:15px; -moz-appearance:textfield; font-size:18px; font-family:var(--num-font); }
.itemInfo .qtyInput::-webkit-outer-spin-button,
.itemInfo .qtyInput::-webkit-inner-spin-button{ -webkit-appearance:none; }
.itemInfo .cartBtn{ flex:1; height:50px; display:flex; align-items:center; justify-content:center; background:var(--font-color); font-size:14px; font-weight:500; color:#fff; border:none; border-radius:50px; cursor:pointer; }
@media screen and (min-width:768px){
    .itemInfo .sizeList li button{ transition:all 0.2s; }
    .itemInfo .sizeList li:not(.on) button:hover{ background:var(--gray-color); }
    .itemInfo .cartBtn{ transition:opacity 0.2s; }
    .itemInfo .cartBtn:hover{ opacity:0.8; }
}
@media screen and (max-width:767px){
    .itemInfo .itemInfoHead .itemTitle{ font-size:18px; }
    .itemInfo ul.colorList li{ width:calc((100% - 40px) / 5); }
    .itemInfo .itemCartArea{ position:fixed; bottom:0; left:0; right:0; padding:12px 16px; background:#fff; border-top:var(--line-color) 1px solid; z-index:50; }
}

/*  itemTabArea
===================================*/
.itemTabArea{ margin:40px 0 0; border-bottom:var(--line-color) 1px solid; }
.itemTabArea .itemTab{ display:flex; }
.itemTabArea .itemTab li{ flex:1; }
.itemTabArea .itemTab li button{ width:100%; padding:14px 0; text-align:center; background:none; border:none; border-bottom:transparent 1px solid; font-size:14px; color:var(--font-gray-color); cursor:pointer; }
.itemTabArea .itemTab li.on button{ border-bottom-color:var(--font-color); font-weight:500; color:var(--font-color); }
@media screen and (min-width:768px){
    .itemTabArea .itemTab li button{ transition:color 0.2s; }
    .itemTabArea .itemTab li:not(.on) button:hover{ color:var(--font-color); }
}
@media screen and (max-width:767px){
    .itemTabArea{ margin:40px 20px 0; }
}

/*  itemDescArea
===================================*/
.itemDescArea{ padding:40px 0 0; }
.itemDescArea .itemDescCon{ max-width:580px; margin:0 auto; }
.itemDescArea .itemDescNote{ margin:10px 0 0; font-size:13px; color:var(--font-gray-color); line-height:1.8; }
.itemDescArea .camBanner{ margin:40px 0 0; }
.itemDescArea .camBanner a{ max-width:400px; display:block; margin:0 auto; }
.itemDescCon{ opacity:1; visibility:visible; transition:opacity 0.3s; }
.itemDescCon.hide{ opacity:0; visibility:hidden; height:0; overflow:hidden; }
@media screen and (min-width:768px){
    .itemDescArea a{ opacity:1; transition:all .3s; }
    .itemDescArea a:hover{ opacity:0.8; }
}
@media screen and (max-width:767px){
    .itemDescArea{ padding:30px 20px 0; }
}

/*  articleArea
===================================*/
.articleArea h2{ margin:40px 0 0; font-size:20px; font-weight:400; }
.articleArea h2:first-child{ margin-top:0; }
.articleArea img{ margin:20px 0 0; }
.articleArea > div,
.articleArea > p,
.articleArea > ul,
.articleArea > dl{ margin:20px 0 0; line-height:2; }

/*  relatedProducts
===================================*/
.relatedProducts{ padding:120px 0 80px; }
.relatedProducts .topTitle{ margin:0 0 8px; }
.relatedSubTxt{ margin:0 0 30px; text-align:center; font-size:13px; color:var(--font-gray-color); }
@media screen and (max-width:767px){
    .relatedProducts{ padding:60px 0 0; }
    .relatedProducts .inner{ padding:0; }
}