@charset "UTF-8";
/* media quary */
/*-------------------------------------------------------------------------------
RESET
-------------------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,table,th,td,img,figure,h1,h2,h3,h4,h5,h6,form,select {
  margin: 0;
  padding: 0;
}

main,article,aside,figcaption,figure,picture,source,footer,header,nav,section,details,summary {
  display: block;
}

h1,h2,h3,h4,h5,h6,th,em,strong {
  font-weight: normal;
}

ul,ol {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

pre {
  white-space: pre-wrap;
}

svg,input,select,textarea,label {
  vertical-align: middle;
}

*,*:before,*:after {
  word-break: normal;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  color: #656565;
  font-family: "Giacomo", sans-serif;
}
/* [IE8-] New Tag from HTML5 */
main,article,aside,figcaption,figure,footer,header,nav,section,details,summary {
  display: block;
}

address {
  font-style: normal;
}
/*-------------------------------------------------------------------------------
BASE STYLE
-------------------------------------------------------------------------------*/

/* font-family */
html,input,select,textarea,table,th,td,li,a {
  /*font-family: kozuka-gothic-pr6n, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', "Avenir Next","Avenir", sans-serif;*/
}
/* font-style */
html {
  line-height: 1.5;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
}
/* base font color */
html,input,select,textarea {
  color: #000000;
}
/* normalize size */
input,select,textarea {
  /*font-size: 100%;*/
  font-size: 16px;
}
/* normalize style & weight */
strong,em,small {
  font-style: normal;
  font-weight: normal;
}

.cf:after,.people-main:after,.people-detail:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

img {
  width: 100%;
  height: auto;
}

/*-------------------------------------------------------------------------------
TOP BANNER COMING SOON
-------------------------------------------------------------------------------*/
.top-collection .item > a.comingsoon:hover .img:after {
  background: none;
}
.hover-animation.comingsoon:hover .img img {
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}
.top-collection .item .comingsoon .text-l:after {
  height: 0;
}
/*-------------------------------------------------------------------------------
BASE
-------------------------------------------------------------------------------*/

/*----- 各ブランド変更可能箇所 -----*/
html,body {
  background: #fff;
  color: #000;
  width: 100%;
  height: auto;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", 'Yu Gothic' , "メイリオ", "Meiryo", "Avenir Next","Avenir", Helvetica, Arial, sans-serif;
}

a {
  color: #000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  word-break: break-all;
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  color: #000;
}

a:active {
  color: #000;
}
/*----- /各ブランド変更可能箇所 -----*/
a:focus {
  outline: none;
}

a,a p {
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a:hover {
  opacity: .7;
}

a:hover p {
  text-decoration: underline;
}
/* PCレイアウト用 */
.pc-dn {
  display: none;
}

.sp-dn {
  display: block;
}

/* SPレイアウト用 */
/*-------------------------------------------------------------------------------
WHOLE
-------------------------------------------------------------------------------*/
.centering-contents,.inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

.main-content-header + .main-content-inner {
  margin-top: 60px;
}

.centering-contents-narrow {
  max-width: 1000px;
  margin: 0 auto;
  padding: 22px 10px 0;
}

.centering-contents-more-narrow {
  margin-left: auto;
  margin-right: auto;
  padding: 22px 0 0;
}

.grid-thumbnail > a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.page-ellesse-apparel .grid-thumbnail > a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.grid-thumbnail > a img {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
}

.scale > img {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
}

a:hover .scale > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.icon > span {
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

.close-btn {
  font-size: 31px;
  text-align: right;
  position: absolute;
  right: 0px;
  top: -10px;
  cursor: pointer;
  z-index: 10;
}

.facebook {
  background: #395A93;
}

.header-shop-list {
  margin-top: 1px;
}

.dn {
  display: none;
}

.pcdn {
  display: none;
}

.spdn {
  display: block;
}
/*-------------------------------------------------------------------------------
JS
-------------------------------------------------------------------------------*/
.js-img-change ul {
  position: relative;
}
.js-img-change ul li {
  position: absolute;
}

.js-img-to-bgimg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.js-img-to-bgimg img {
  visibility: hidden;
}
/*-------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------*/
.header-wrap {
  position: fixed;
  width: 100%;
  height: 140px;
  z-index: 999;
  top: 0;
  left: 0;
}

.header {
  height: inherit;
  position: relative;
  z-index: 1;
}

.header-logo {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 17.040816326%;
  margin: auto;
  line-height: 1.0;
  z-index: 1;
}

.header-nav-wrap {
  height: inherit;
}

.header-inner-block {
  height: inherit;
  position: relative;
}

.header-user-info {
  float: right;
  padding: 25px 8px 32px 0;
  line-height: 1.5;
}

.header-user-info .header-point {
  display: inline-block;
  margin: 0 7px 0 0;
  font-size: 12px;
}

.header-user-info.login .header-point .point {
  display: none;
}

.header-user-list {
  float: right;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.header-user-list li {
  display: inline-block;
  position: relative;
  font-size: 11px;
}

.header-user-list-item::after {
  display: block;
  content: "|";
  position: absolute;
  top: 0;
  right: 0;
}

.header-user-list-item:nth-last-child(2)::after {
  display: none;
}

.header-user-list-item a {
  display: block;
  padding: 0 12px;
}

.header-user-list-item a:hover {
  text-decoration: underline;
}

.header-user-info.login .header-user-list-item.my-page {
  display: none;
}

.header-cart {
  margin: 0 0 0 14px;
}

.header-cart a:hover > span {
  text-decoration: underline;
}

.header-cart-icn {
  display: inline-block;
  position: relative;
  width: 29px;
  margin: 0 0 0 14px;
}

.cart-item {
  display: block;
  position: absolute;
  top: -11px;
  right: -8px;
  width: 19px;
  height: 19px;
  background: #e72b1e;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  line-height: 19px;
  text-align: center;
}

.header-btn-block {
  float: right;
}

.header-btn-list > li {
  float: left;
  margin: 0 30px 0 0;
  padding: 0 0 26px;
}

.header-btn-list > li:last-child {
  margin: 0;
}

.header-btn-list-item {
  margin-top: 10px;
}

.header-btn-list-item > a {
  display: block;
  position: relative;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 1.6;
}

.header-btn-list-item > a.header-btn-list-item-btn {
  display: none;
}
.header-btn-list-item > a:hover {
  opacity: 1;
}

.header-btn-list-item > a::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 5px;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header-btn-list-item > a:hover::before,.header-btn-list-item > a.active::before,.header-btn-list-item > a.open::before {
  opacity: 1;
}

.header-btn-list-item > a > strong {
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.4;
}

.header-btn-list .header-search {
  position: relative;
}

.header-search input[type="text"] {
  width: 195px;
  height: 28px;
  padding: 0 35px 0 17px;
  background: #eee;
  color: #9e9e9e;
  border-radius: 28px;
  border: none;
  outline: none;
  -webkit-appearance: none;
}

.header-search input[type="image"] {
  position: absolute;
  top: 6px;
  right: 12px;
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.header-search input[type="image"]:hover {
  opacity: .7;
}
/*スクロール時スタイル*/
.header-wrap,.header-logo,.header-btn-block,.header-btn-list-item,.header-user-info,.header-sp-fixed {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header-wrap.fixed {
  height: 70px;
  z-index: 100;
}

.header-wrap.fixed .header-logo {
  width: 10.81632653%;
}

.header-wrap.fixed .header-user-info {
  padding: 10px 56px 10px 0;
}

.header-wrap.fixed .header-cart {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 22px;
  margin: auto;
}

.header-wrap.fixed .fix-non {
  display: none;
}

.header-wrap.fixed .header-cart-icn {
  margin: 0;
}

.header-wrap.fixed .header-btn-block {
  float: right;
  margin: 0 34px 0 0;
  padding: 22px 0 0;
}

.header-wrap.fixed .header-btn-list > li {
  margin: 0 20px 0 0;
}

.header-wrap.fixed .header-btn-list > li:last-child {
  margin: 0;
}

.header-wrap.fixed .header-btn-list-item {
  font-size: 10px;
}

.header-wrap.fixed .header-btn-list-item a::before {
  bottom: -16px;
}

.header-wrap.fixed .header-btn-list-item:nth-child(3)::after {
  display: none;
}

.header-wrap.fixed .header-btn-list-item strong {
  font-size: 12px;
  line-height: 1.3;
}

.header-wrap.fixed .fix-noborder::after {
  display: none;
}

.header-wrap.fixed .header-search {
  position: absolute;
  right: 52px;
  bottom: -17px;
}

.header-wrap.fixed .header-search input[type="text"] {
  width: 260px;
}
/*メガメニュー*/
.nav-contents {
  position: fixed;
  top: 140px;
  left: 0;
  width: 100%;
  padding: 20px 0 45px;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 0;
}

.header-wrap.fixed .nav-contents {
  top: 70px;
}

.nav-contents.open {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.nav-contents-list {
  margin: 0 -1.020408163%;
}

.nav-contents-list > li {
  float: left;
  margin: 0 1.0%;
}

.nav-contents-list a:hover,.nav-contents-list a:hover span {
  text-decoration: underline;
}

.nav-contents-list.col-2 > li {
  width: 48.0%;
}

.nav-contents-list.col-3 > li {
  width: 31.3%;
}

.nav-contents-list.col-4 > li {
  width: 23.0%;
}

.nav-contents-list dt .img {
  display: block;
  height: 74px;
  overflow: hidden;
}

.nav-contents-list dt .ttl {
  display: block;
  margin: 12px 0 15px;
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 1.75;
}

.nav-contents-list dt strong {
  display: block;
  font-size: 15px;
  line-height: 1.4;
}

.nav-inner-menu li {
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 1.75;
}
/*ナビ内検索*/
.search-block {
  margin: 33px 20px 0;
}

.search-block dl {
  margin: 0 0 31px;
}

.search-block dt {
  margin: 0 0 9px;
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
}

.search-block .more-search dt {
  margin: 0 0 16px;
}

.search-block .scene li {
  border-bottom: solid 1px #ccc;
  font-size: 13px;
  line-height: 1.0;
}

.search-block .scene a {
  padding: 20px 0 17px 9px;
}

.search-block .scene li:first-child {
  border-top: solid 1px #ccc;
}

.search-box.keywords {
  margin: 0 0 31px;
}

.search-box.price {
  margin: 0 0 33px;
}

.search-box .ttl {
  margin: 0 0 9px;
  font-size: 13px;
  line-height: 1.0;
}

.search-box input[type="search"] {
  width: 100%;
  height: 35px;
  padding: 0 5px 0 15px;
  background: #eee;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 13px;
}

.search-box .button {
  display: block;
  width: 230px;
  margin: 20px auto;
}

.search-box button {
  width: 230px;
  height: 30px;
  background: none;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.search-box button:hover {
  opacity: .7;
}

.search-box.price input[type="search"] {
  width: 100%;
  height: 35px;
  padding: 0 5px 0 15px;
  background: #eee;
  border-radius: 5px;
  border: none;
  outline: none;
  font-size: 13px;
}

.search-box.price dl {
  width: 50.7462268656%;
  float: left;
  margin: 0 2.686567164% 0 0;
}

.search-box.price dl dt {
  width: 76.470588235%;
}

.search-box.price dl:last-child {
  width: 45.373134328%;
  margin: 0;
}

.search-box.price dl:last-child dt {
  width: 85.526315789%;
}

.search-box.price dt,.search-box.price dd {
  display: table-cell;
}

.search-box.price dd {
  padding: 0 0 0 8px;
  font-size: 13px;
}

.search-box.color ul {
  margin: 0 -2.985074626%;
}

.search-box.color ul li {
  width: 14.366197183%;
  float: left;
  margin: 0 2.816901408% 20px;
  padding: 0;
  border-bottom: none;
}

.checkbox {
  display: none;
}

.checkbox + .checkbox-icon {
  display: block;
  position: relative;
  vertical-align: middle;
  width: 51px;
  height: 51px;
  cursor: pointer;
}

.checkbox + .checkbox-icon:before,.checkbox + .checkbox-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 28px;
  width: 5px;
  height: 34px;
  background: #eee;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox + .checkbox-icon:before {
  top: 25px;
  left: 13px;
  height: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox:checked + .checkbox-icon:before,.checkbox:checked + .checkbox-icon:after {
  opacity: 1;
}

.white .checkbox + .checkbox-icon:before,.white .checkbox + .checkbox-icon:after,.yellow .checkbox + .checkbox-icon:before,.yellow .checkbox + .checkbox-icon:after {
  background: #666;
}

.search-box.color ul li.white span {
  border: solid 1px #ccc;
}

.search-box.color ul li.black span {
  background: #000;
}

.search-box.color ul li.gray span {
  background: #9e9e9e;
}

.search-box.color ul li.brown span {
  background: #74341f;
}

.search-box.color ul li.beige span {
  background: #e5d7ac;
}

.search-box.color ul li.green span {
  background: #2c994a;
}

.search-box.color ul li.blue span {
  background: #0066e4;
}

.search-box.color ul li.purple span {
  background: #620a87;
}

.search-box.color ul li.yellow span {
  background: #f6e642;
}

.search-box.color ul li.pink span {
  background: #f6b1d7;
}

.search-box.color ul li.red span {
  background: #d90027;
}

.search-box.color ul li.orange span {
  background: #ff922a;
}

.search-box.color ul li.grey-gra span {
  background: -webkit-linear-gradient(left top, #dbdbdb 0%, #bfbfbf 50%, #9b9b9b 100%);
  background: linear-gradient(to right bottom, #dbdbdb 0%, #bfbfbf 50%, #9b9b9b 100%);
}

.search-box.color ul li.gold-gra span {
  background: -webkit-linear-gradient(left top, #eedfab 0%, #cabd91 50%, #a99e79 100%);
  background: linear-gradient(to right bottom, #eedfab 0%, #cabd91 50%, #a99e79 100%);
}



/*-------------------------------------------------------------------------------
NAV
-------------------------------------------------------------------------------*/
.nav {
  position: fixed;
  z-index: 100;
}

.nav-bar {
  display: none;
}

/* ------------------------------------------------------
*//* trace *//*
------------------------------------------------------*/
.trace-box {
  max-width: 1000px;
  margin: 20px auto;
  padding: 0 10px;
  font-size: 11px;
  text-align: left;
}

.trace-box a {
  display: inline-block;
  position: relative;
  margin: 0 15px 0 0;
  padding: 0 22px 0 0;
}

.trace-box a:hover {
  text-decoration: underline;
}

.trace-box a::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.trace-box strong {
  font-weight: normal;
}

/*-------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------*/

.footer a:hover {
  text-decoration: underline;
}

.footer > .centering-contents {
  max-width: 1000px;
}

.footer-inner {
  padding: 32px 10px 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.footer-inner a {
  color: #fff;
}

@media (max-width: 768px) {
  .footer-inner {
    padding: 23px 0 30px;
    margin: 0 auto;
  }
}

.footer-corp-nav {
  line-height: 2.3;
  text-align: center;
}

.footer-brand-info {
  margin: 32px auto;
}

.footer-brand-info > div {
  padding: 0 80px 40px;
  border-bottom: solid 1px #fff;
}
.footer-brand-info ul {
  margin: 0 -1.904761904% 22px -2.023809523%;
  padding: 40px 0 0;
}
.footer-brand-info li {
  /*position: relative;
  width: 8.820160366%;
  height: 42px;
  float: left;
  margin: 0 1.832760595% 25px 1.947308132%;*/
}
.footer-brand-info li.speedo {
  width: 9.621993127%;
}
.footer-brand-info li.aps {
  margin: 0 0.572737686% 25px 2.290950744%;
}
.footer-brand-info li.ccc{
  margin: 0 1.718213058% 25px 0.458190148%;
}
.footer-brand-info li.nw {
  margin: 0 1.603665521% 25px 2.290950744%;
}
.footer-brand-info li.alite{
  margin-bottom: 0;
}

.footer-brand-info li img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;;
}

.footer-brand-info .tnf img {
  width: 40px;
  height: 40px;
}
.footer-brand-info .hh img {
  width: 45px;
  height: 30px;
}
.footer-brand-info .macpac img {
  width: 73px;
  height: 17px;
}
.footer-brand-info .alite img {
  width: 42px;
  height: 36px;
}
.footer-brand-info .ice img {
  width: 73px;
  height: 52px;
}
.footer-brand-info .ellesse img {
  width: 65px;
  height: 20px;
}
.footer-brand-info .danskin img {
  width: 85px;
  height: 13px;
}
.footer-brand-info .speedo img {
  width: 84px;
  height: 16px;
}
.footer-brand-info .lifestyle img {
  width: auto;
  height: 45px;
}
.footer-brand-info .motorcycle img {
  width: 77px;
  height: 22px;
}
.footer-brand-info .ccc img {
  width: 48px;
  height: 34px;
}
.footer-brand-info .c3fit img {
  width: 64px;
  height: 32px;
}
.footer-brand-info .mxp img {
  width: 60px;
  height: 26px;
}
.footer-brand-info .tf1 img {
  width: 74px;
  height: 17px;
}
.footer-brand-info .estivo img {
  width: 70px;
  height: 13px;
}
.footer-brand-info .aps img {
  width: 33px;
  height: 42px;
}
.footer-brand-info .nw img {
  width: 48px;
  height: 41px;
}

.footer-brand-info .more-txt a::after {
  background: #fff;
}
.footer-brand-info .more-txt a:hover {
  text-decoration: none;
}
.footer-brand-info .more-txt a:hover::after {
  opacity: 0;
}

.footer-brand-info-btn {
  width: 230px;
  margin: 0 auto;
}

.footer-brand-info-btn a {
  display: block;
  height: 30px;
  line-height: 30px;
  border: solid 1px #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

.footer-brand-info-btn a:hover {
  text-decoration: none;
}

.footer-brand-info-btn a.arrow::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 10px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.footer-brand-info-btn a.active.arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  .footer-brand-info {
    margin: 20px auto 27px;
  }
  .footer-brand-info > div {
    margin: 0 20px;
    padding: 0 0 20px;
    border-bottom: solid 1px #fff;
  }
  .footer-brand-info ul {
    margin: 0 -1.492537313% 22px;
    padding: 40px 0 0;
  }
  .footer-brand-info li {
    position: relative;
    width: 30.434782608%;
    height: 42px;
    float: left;
    margin: 0 1.449275362% 15px;
  }
  .footer-brand-info li.speedo {
    width: 30.434782608%;
  }
  .footer-brand-info li.aps {
    margin: 0 1.449275362% 15px;
  }
  .footer-brand-info li.ccc{
    margin: 0 1.449275362% 15px;
  }
  .footer-brand-info li.nw {
    margin: 0 1.449275362%;
  }
  .footer-brand-info li.alite {
    margin: 0 1.449275362%;
  }
}

.footer-nav-list {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.footer-nav-list > li {
  display: inline-block;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
}

.footer-nav-list > li + li {
  position: relative;
}

.footer-nav-list > li + li::before {
  content: "|";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  color: #fff;
}

.footer-nav-list > li > a {
  display: block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 2.3;
}

@media (max-width: 800px) {
  .footer-nav-list > li > a {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .footer-nav-list > li {
    display: block;
    margin: 0 0 16px;
  }
  .footer-nav-list > li + li::before {
    display: none;
  }
  .footer-nav-list > li > a {
    font-size: 13px;
    line-height: 1.5;
  }
}

.footer-info {
  color: #fff;
  margin: 15px 0 0;
}

.footer-info-inner {
  height: 40px;
  padding: 11px;
  text-align: center;
}

@media (max-width: 768px) {
  .footer-info {
    margin: 30px 0 0;
  }
}


/*-------------------------------------------------------------------------------
MAIN
-------------------------------------------------------------------------------*/
.main {
  padding-top: 140px;
  padding-bottom: 75px;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main.pb0 {
  padding-bottom: 0;
}

.main a,.main p,.main li,.main th,.main td,.main strong {
  /*font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.main-content-wrap + .main-content-wrap {
  margin-top: 20px;
}

.main-content .inner {
  padding: 55px 10px 58px;
}

.main-content + .main-content .inner {
  position: relative;
}

.main-content + .main-content .inner::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 98%;
  height: 1px;
  background: rgba(66, 90, 108, 0.4);
}

.main-content-inner + .main-content-inner {
  margin-top: 20px;
}

.main-container {
  margin-top: 60px;
}

.mv_wide {
  width: 100%;
  background: #eee;
  position: relative;
  margin-bottom: 70px;
}
.mv_wide:before {
  content: '';
  display: block;
  padding-top: 50%;
}
.mv_wide__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mv_wide__ttl_sub,
.mv_wide__ttl_main {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap
}
.mv_wide__ttl_sub {
  font-size: 16px;
}
.mv_wide__ttl_main {
  font-size: 42px;
  font-weight: bold;
}
.mv_wide__ttl__small {
  font-size: 16px;
}
.main_copy {
  margin-bottom: 80px;
  font-size: 14px;
  font-weight: bold;
  line-height: 2.0;
  letter-spacing: 0.05em;
}

@media (max-width: 860px) {
  .mv_wide {
    margin-bottom: 40px;
  }
  .mv_wide:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .mv_wide__ttl_main {
    font-size: 28px;
    font-weight: bold;
  }
  .mv_wide__ttl__small {
    font-size: 13px;
  }
  .mv_wide__ttl__small {
    font-size: 13px;
  }
  .main_copy {
    margin-bottom: 50px;
    font-size: 13px;
    padding: 0 20px;
  }
}
/*-------------------------------------------------------------------------------
PARTS
-------------------------------------------------------------------------------*/
.arrow {
  position: relative;
}

.arrow::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*見出し*/
.h-style-1 {
  margin: 0 0 30px;
  color: #000;
  font-size: 11px;
  text-align: center;
}

.h-style-1 strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
/*テキストリンク*/
.more-txt {
  text-align: center;
}

.more-txt a {
  display: inline-block;
}

.more-txt a::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(66, 90, 108, 0.4);
}

.more-txt a:hover::after {
  opacity: 0;
}

.ico-cart2 {
  position: relative;
  padding-left: 25px;
}
.ico-cart2:before {
  content: url(/static/full/danskin/images/svg/shopping-cart-2.svg);
  width: 16px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
  margin: auto;
}
.btn-3 a {
  max-width: 190px;
  padding: 12px 0;
  background: #636468;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .btn-3 a {
    max-width: 100%;
    width: 100%;
  }
}
/*-------------------------------------------------------------------------------
MODULE
-------------------------------------------------------------------------------*/


/*grid-col*/

.grid-col {
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.grid-col li {
  display: inline-block;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
/*slider*/
.normal-slider .slick-dots {
  bottom: -29px;
}

.normal-slider .slick-dots li {
  width: 10px;
  height: 10px;
}

.normal-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background: rgba(66, 90, 108, 0.3);
  border-radius: 50%;
}

.normal-slider .slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.normal-slider .slick-dots li.slick-active button:before {
  width: 10px;
  height: 10px;
}

.slick-prev,.slick-next {
  width: 16px;
  height: 28px;
}

.normal-slider .slick-prev {
  left: 20px;
  z-index: 99;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.normal-slider .slick-next {
  right: 20px;
}

.normal-slider .slick-prev:before,.normal-slider .slick-next:before {
  display: block;
  content: "";
  width: 16px;
  height: 28px;
  background: url("/static/full/danskin/images/icn_arrow_01.png") no-repeat center top;
}
/*product-module*/
.product-module ul {
  max-width: 930px;
  margin: 0 auto;
}

.product-module li {
  margin: 0 15px;
}

.product-module .slick-prev {
  margin-top: -47px;
  z-index: 99;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-module .slick-next {
  margin-top: -33px;
}

.product-module .slick-prev:before,.product-module .slick-next:before {
  display: block;
  content: "";
  width: 16px;
  height: 28px;
  background: url("/static/full/danskin/images/icn_arrow_02.png") no-repeat center top;
}

.carousel-lists p {
  font-size: 11px;
}

.carousel-lists .img {
  margin: 0 0 15px;
}
/*ニュース*/
.thumbnail {
  float: left;
}

.news-txt {
  float: right;
  margin: -3px 0 0;
}

.news-module .date {
  margin: 0 0 12px;
}

.news-col-3 {
  margin: 0 -1.530612244% 24px;
}

.news-col-3 li {
  display: inline-block;
  width: 30.297029702%;
  margin: 0 1.485148514%;
}

.news-col-3 .thumbnail {
  width: 26.143790849%;
}

.news-col-3 .news-txt {
  width: 69.281045751%;
}
.txt_center {
  position: relative;
}
.txt_center__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*ボタン*/
.btn-list li a {
  display: block;
  height: 50px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
}

.btn-list .arrow::after {
  right: 20px;
}

.btn-col-2 {
  margin: 0 -2.04081626%;
}

.btn-col-2 li {
  width: 46.078431372%;
  margin: 0 1.960784313%;
  line-height: 1.7;
  text-align: center;
}

/*sns-icn*/

.sns-icn-list {
  text-align: center;
}

.sns-icn-list li {
  width: 13.87755102%;
  margin: 0 0.408163265%;
  text-align: center;
}

.sns-icn-list li.saturday {
  display: none;
}

.all-icn li {
  width: 13.438735177%;
  margin: 0 0.395256916%;
}

.sns-icn-list li span {
  display: block;
  margin: 0 auto 16px;
}

.sns-icn-list li a {
  color: #636468;
}

.sns-icn .icn-fb {
  width: 27px;
}

.sns-icn .icn-insta {
  width: 54px;
}

.sns-icn .icn-blog {
  width: 54px;
}

.sns-icn .icn-mail {
  width: 54px;
}

.sns-icn .icn-saturday {
  width: 55px;
}

.sns-icn-list a:hover {
  text-decoration: underline;
}
/*----- 各ブランド変更可能箇所 カラー変更用CSS -----*//*ヘッダー内カラー設定*/
.header-wrap {
  background: rgba(255, 255, 255, 0.9);
}
/*背景黒*/
/*.header-wrap {
background: rgba(0,0,0,.7);
}
.header nav li{
color: #fff;
}
.header nav a{
color: #fff;
}*/.header-btn-list-item > a::before {
background: #636468;
}

.header-search input[type="search"] {
  color: #000;
}
/*メガメニュー内カラー設定*/
.nav-contents {
  background: #636468;
  padding: 13px 0;
}

.nav-contents-list > li > a {
  color: #fff;
}

.nav-contents-list dt .ttl {
  color: #fff;
}

.nav-inner-menu a {
  color: #fff;
}
/*SPナビ内検索 ボタンカラー*/
.search-box button {
  border: solid 1px #000;
  color: #000;
}
/*ハンバーガーメニュー*//*フッター背景色*/
.footer {
  background: #636468;

  /*フッター背景色*/
  ;
}
/*スライダードットカラー*/
.normal-slider .slick-dots li.slick-active button:before {
  background: #636468;
}
/*ボタン背景色・文字色*/
.btn-list li a {
  background: #000;
  color: #fff;
}
/* 共通パーツ 追記 */
.header-wrap.fixed .nav-contents-list dt strong {
  font-size: 14px;
  line-height: 1.4;
}

.nav-contents-list .online-item {
  border-bottom: 1px solid #737477;
}
.nav-contents-list .online-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .nav-contents-list .online-item {
    position: relative;
  }
  .nav-contents-list .online-item .header-btn-list-item-btn{
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    display: block;
    width: 60px;
    height: 100%;
  }
}

.nav-contents-list .online-item dt .ttl {
  margin: 14px 0 4px;
  padding-left: 0;
}

.nav-contents-list .online-item dt .ttl strong {
  font-weight: bold;
}

.nav-contents-list .online-item dd {
  padding-bottom: 15px;
}

.nav-contents-list .online-item .nav-inner-menu li {
  padding-left: 0;
}

.nav-contents-list dt strong {
  font-size: 14px;
}

.nav-inner-menu li {
  line-height: 2;
}

.nav-contents.contents-open {
  max-height: 3000px;
}
/*----- /各ブランド変更可能箇所 カラー変更用CSS -----*/
.ta-center {
  text-align: center;
  }/* font
  -------------------------------*//* margin
  -------------------------------*/.mb0 {
  margin-bottom: 0px !important;
  }/* padding
  -------------------------------*/.btn-2 {
  display: block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #636468;
  border-radius: 6px;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.btn-2:after {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #636468;
  border-right: 1px solid #636468;
}

.heading-1 {
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: 0.05em;
}

.heading-1 .tag {
  font-weight: bold;
  margin-bottom: 32px;
}

.heading-1 .h-style-1 {
  margin-bottom: 6px;
}

.h-style-2 {
  line-height: 1.2;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 26px;
}

.h-style-3 {
  line-height: 1.2;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 17px;
  text-align: center;
}

.hover-animation .img {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.hover-animation .img img {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition-duration: 20s;
  transition-duration: 20s;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  object-fit: cover;
}

.hover-animation:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hover-animation:hover .img img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.animation-f {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
}

.animation-f.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.animation-f2 {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.animation-f2.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.animation-1 {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
}

/*.animation-1:nth-child(2n-1) {
  -webkit-transition: all 1400ms;
  transition: all 1400ms;
}

.animation-1:nth-child(2n) {
  -webkit-transition: all 2000ms;
  transition: all 2000ms;
}*/

.animation-1.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*.animation-col2 {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
}

.animation-col2:nth-child(2n-1) {
  -webkit-transition: all 1400ms;
  transition: all 1400ms;
}

.animation-col2:nth-child(2n) {
  -webkit-transition: all 2000ms;
  transition: all 2000ms;
}

.animation-col2.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}*/

/*.animation-1.col2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}*/

.animation-2 {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.animation-2.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.animation-3 {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.animation-3.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.animation-zoomin .img img {
  -webkit-transition: all 800ms;
  transition: all 800ms;
  transform: scale(1.2);
}
.animation-zoomin.scrollin .img img {
  transform: scale(1);
}

.info {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
}

.info:nth-child(3n-2) {
  -webkit-transition: all 800ms;
  transition: all 800ms;
}

.info:nth-child(3n-1) {
  -webkit-transition: all 1400ms;
  transition: all 1400ms;
}

.info:nth-child(3n) {
  -webkit-transition: all 2000ms;
  transition: all 2000ms;
}

.info.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.top-news-inner li {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
}

.top-news-inner li:nth-child(2n) {
  -webkit-transition: all 1400ms;
  transition: all 1400ms;
}

.top-news-inner li.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#instafeed3 li {
  opacity: 0.1;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 600ms;
  transition: all 600ms;
}

#instafeed3.scrollin li {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#instafeed3.scrollin li:nth-child(2) {
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

#instafeed3.scrollin li:nth-child(3) {
  -webkit-transition: all 1400ms;
  transition: all 1400ms;
}

#instafeed3.scrollin li:nth-child(4) {
  -webkit-transition: all 1800ms;
  transition: all 1800ms;
}

#instafeed3.scrollin li:nth-child(5) {
  -webkit-transition: all 2200ms;
  transition: all 2200ms;
}

#instafeed3.scrollin li:nth-child(6) {
  -webkit-transition: all 2600ms;
  transition: all 2600ms;
}

.top-news {
  padding: 50px 0 75px;
  width: 100%;
}

.top-news-main {
  margin: 0 0 36px;
}

.top-news-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top-news-inner li {
  width: calc((100% - 26px) * 0.5);
}

.top-news-inner li:nth-child(n+3) {
  margin-top: 36px;
}

.top-news-inner li .img:before {
  display: block;
  content: "";
  padding-top: 58.7003%;
}

.top-news-inner li .text {
  display: block;
  margin: 18px 0 0;
  font-size: 12px;
  line-height: 1.66667;
  letter-spacing: 0.05em;
  text-align: center;
}

.top-collection {
  margin-bottom: 37px;
}

.top-collection .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top-collection .contents.col1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top-collection .item {
  position: relative;
  margin-bottom: 40px;
}

.top-collection .item:before {
  display: block;
  content: "";
}

.top-collection .item.col1 {
  width: 100%;
}

.top-collection .item.col1:before {
  padding-top: 50%;
}
.peacebra .item.col1:before {
  padding-top: 41.428571%;
}

.top-collection .item.col2 {
  width: 470px;
}

.top-collection .item.col2:before {
  padding-top: 100%;
}

.top-collection .item.col3 {
  width: 310px;
}

.top-collection .item.col3:before {
  padding-top: 100%;
}

.top-collection .item > a,.top-collection .item > div {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-align: center;
}

.top-collection .item > a:hover .img:after {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-collection .item > a:hover .text-l:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}

.top-collection .item .img:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-collection .item .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 26px;
  width: 100%;
  z-index: 10;
}

.top-collection .item .text-l {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
}

.top-collection .item .text-l:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  content: "";
  display: block;
  height: 1px;
  background: #FFFFFF;
}

.top-collection .item .text-s {
  display: block;
}

.top-collection .item .text-m {
  display: block;
  font-weight: bold;
  margin-top: 20px;
}

.instagram {
  padding: 0 0 81px;
  position: relative;
}

.instagram .inner {
  position: relative;
}

.instagram-more {
  position: absolute;
  top: 2px;
  right: 12px;
}

.instagram-more:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}

.instagram-more:hover {
  border-bottom: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.instagram-more:hover:after {
  width: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#instafeed3:before,#instafeed3:after {
  content: "";
  display: table;
}

#instafeed3:after {
  clear: both;
}

#instafeed3 li {
  position: relative;
  overflow: hidden;
  width: calc((100% - 90px) /6);
  float: left;
  margin-right: 16px;
}

#instafeed3 li:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#instafeed3 li:nth-child(6n) {
  margin-right: 0;
}

#instafeed3 li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#instafeed3 li a span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.shop-navi .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 81px;
}

.shop-navi-item {
  width: 470px;
  height: 235px;
  overflow: hidden;
}

.shop-navi-item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}

.shop-navi-item a:hover .img:after {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-navi-item a:hover .text:after {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-navi-item .img:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.shop-navi-item .text {
  white-space: nowrap;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.shop-navi-item .text:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  content: "";
  display: block;
  height: 1px;
  background: #FFFFFF;
}

.brand-navi {
  padding: 50px 0;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.05em;
  margin-bottom: 55px;
}

.brand-navi.bottom {
  margin-bottom: 30px;
}

.brand-navi .page {
  margin: 0 45px;
}

.brand-navi .page:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  width: 0;
  height: 1px;
  background: #000;
  content: "";
}

.brand-navi .page:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.brand-navi .active:after {
  width: 100%;
}

.history {
  padding: 0 0 40px;
}

.history-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 0 40px;
}

.history-block p {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.history-block.right-image {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.history-block .image {
  width: 470px;
  margin-top: 5px;
}

.history-block .sentence {
  width: 470px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.people {
  padding: 56px 0 44px;
}

.people-main:first-of-type {
  padding-top: 20px;
}

.people-item-1,.people-item-2 {
  float: left;
  margin-right: 20px;
  margin-bottom: 49px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-align: center;
}

.people-item-1 span,.people-item-2 span {
  display: block;
}

.people-item-1 .img,.people-item-2 .img {
  margin-bottom: 10px;
}

.people-item-1 .img img,.people-item-2 .img img {
  display: block;
}

.people-item-1 .event,.people-item-2 .event {
  font-size: 11px;
  color: #919399;
}

.people-item-1 .name,.people-item-2 .name {
  font-size: 13px;
}

.people-item-1 {
  width: calc((100% - 60px) / 4);
}

.people-item-1:nth-child(4n) {
  margin-right: 0;
}

.people-item-2 {
  width: calc((100% - 80px) / 5);
}

.people-item-2:nth-child(5n) {
  margin-right: 0;
}

.people-more {
  padding: 24px 0 50px;
}

.people-more-list {
  float: left;
  margin-right: 30px;
  margin-bottom: 23px;
}

.people-more-list a {
  font-size: 13px;
  letter-spacing: 0.05em;
}

.people-detail-main {
  padding: 56px 0 44px;
  margin-bottom: 50px;
}

.people-detail {
  position: relative;
  padding: 30px 0 0;
  margin-bottom: 50px;
}

.people-detail .img {
  float: left;
  width: 48%;
  max-width: 470px;
}

.people-detail .img.fixed {
  position: fixed;
  top: 100px;
}

.people-detail .img.absolute {
  position: absolute;
  bottom: 0;
}

.people-detail .intro {
  float: right;
  width: 48%;
  max-width: 470px;
  margin: -4px 0 0;
}

.people-detail .intro .name {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
}

.people-detail .intro .name strong {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

.people-detail .intro .name span {
  font-size: 12px;
}

.people-detail .intro dl {
  margin-bottom: 40px;
  letter-spacing: 0.05em;
}

.people-detail .intro dt {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}

.people-detail .intro dd {
  line-height: 2;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.people-detail .intro dd a {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.information {
  padding: 56px 0 44px;
}

.info {
  position: relative;
  margin-top: 18px;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
  float: left;
  width: calc(310 / 980 * 100%);
  margin-right: calc(25 / 980 * 100%);
}

.info:nth-child(3n) {
  margin-right: 0;
}

.info:nth-child(3n+1) {
  clear: both;
}

.info.bottom {
  margin-top: 42px;
  margin-right: 0;
  width: 48%;
  max-width: 470px;
}

.info.bottom:nth-child(even) {
  float: left;
}

.info.bottom:nth-child(odd) {
  float: right;
}

.info .img {
  margin-bottom: 18px;
}

.info .img:before {
  content: "";
  display: block;
  padding-top: 125%;
}

.info .img img {
  background: #f7f7f7;
  object-fit: contain;
}

.info .img.blog:before {
  padding-top: 48.51%;
}

.info .category {
  float: left;
  font-size: 11px;
  color: #919399;
  margin-bottom: 6px;
}

.info .day {
  float: right;
  font-size: 11px;
  color: #919399;
}

.info .title {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: calc(20/12);
  width: calc(100% - 65px);
  /* title崩れ対応(二行以内) */
  min-height: 40px;
}

.info #instafeed:before,.info #instafeed:after {
  content: "";
  display: table;
}

.info #instafeed:after {
  clear: both;
}

.info #instafeed li {
  float: left;
  position: relative;
  width: calc((100% - 42px) /4);
  margin-right: 14px;
  margin-bottom: 14px;
}

.info #instafeed li:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.info #instafeed li:nth-child(4n) {
  margin-right: 0;
}

.info #instafeed li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.info #instafeed li a span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.info .instagram-more {
  font-size: 12px;
  top: 0;
  right: 0;
}

.info-article {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 40px;
}
.info-article.info-article-wide {
  max-width: 1020px;
  padding: 0;
}
.info-article .contents {
  padding: 0 0 60px;
}

.info-article .contents p {
  font-size: 13px;
  line-height: 2;
}
.info-article .contents p +p {
  margin-top: 20px;
}
.info-article .contents p +img {
  margin-top: 48px;
}

.info-article .contents a.mb {
  margin-bottom: 58px;
}

.info-article .contents img.mb {
  margin-bottom: 58px;
}

.info-article .contents img + a {
  margin-top: 30px;
  text-decoration: underline;
}

.info-article .contents .shop-box {
  background: #efeff0;
  line-height: 26px;
  text-align: center;
  padding: 36px 0 38px;
}

.info-article .contents .shop-box .name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.info-article .contents .shop-box .shop-box__text + .sns {
  margin-top: 17px;
}

.info-article .contents .shop-box .sns li {
  display: inline-block;
  margin: 0 10px;
}

.info-article .contents .shop-box .sns li a {
  font-size: 14px;
  font-weight: bold;
}

.info-article .contents .shop-box .sns li img {
  display: inline-block;
  width: auto;
  height: 24px;
  margin-right: 11px;
}

.collection {
  padding: 40px 0 80px;
}

.collection .contents {
  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;
  padding: 0 0 10px;
}

.collection .style {
  width: 100%;
  padding: 5px 0 0;
  margin-bottom: 45px;
}

.collection .style.col2 {
  width: 48%;
  max-width: 470px;
}

.collection .style .img {
  margin-bottom: 15px;
}

/* collection capsule*/

.collection.collection_capsule {
  padding: 0 0 80px;
}
.collection.collection_capsule .capsuleMain {
  margin-bottom: 80px;
  letter-spacing: 0.05em;
  position: relative;
  width: 100%;
  background: url(/static/full/danskin/images/collection/2017fallwinter_capsule/ph_2017fw_cap.jpg) no-repeat center center;
  background-size: cover;
}
.collection.collection_capsule .capsuleMain:before {
  content:"";
  display: block;
  padding-top: 50%;
}
.collection.collection_capsule .capsuleMain .capsuleMain_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.heading-2 {
  position: absolute;
  top: 50%;
  text-align: left;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.collection.collection_capsule .capsuleMain .day {
  font-size: 13px;
  margin-bottom: 8px;
  color: #FFFFFF;
}
.collection.collection_capsule .capsuleMain .h-style-1 {
  color: #FFFFFF;
  text-align: left;
}
.collection.collection_capsule .capsuleMain .h-style-1 strong {
  line-height: 1.5;
}
.collection.collection_capsule .capsuleMain .h-style-1 strong small {
  font-weight: bold;
}

/* 2017fallwinter_capsule */

@media (max-width: 768px) {
  .capsuleMain_inner .inner {
    padding:0;
  }
  .heading-2 {
    width: 100vw;
    text-align: center;
    /*top: 50%;*/
    /*left: 50%;*/
    /*-webkit-transform: translate(-50%, 0);*/
    /*transform: translate(-50%, 0);*/
  }
  .collection.collection_capsule .capsuleMain .h-style-1 strong {
    text-align: center;
  }
  .collection.collection_capsule .capsuleMain {
    background: url(/static/full/danskin/images/collection/2017fallwinter_capsule/ph_2017fw_cap_sp.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 40px;
  }
  .collection.collection_capsule .capsuleMain:before {
    padding-top: 100%;
  }
  .collection.collection_capsule .capsuleMain .day {
    font-size: 12px;
  }
  .collection.collection_capsule .capsuleMain .h-style-1 {
    font-size: 20px;
  }
}
.collection_capsule .copyright {
  text-align: center;
  margin-bottom: 75px;
}
.collection_capsule .copyright__title {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.5em;
}
.collection_capsule .copyright__txt {
  font-size: 14px;
  line-height: 2em;
}
.collection_capsule .copyright__txt p + p {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .collection_capsule .copyright {
    text-align: center;
    margin-bottom: 40px;
  }
  .collection_capsule .copyright__title {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5em;
  }
  .collection_capsule .copyright__txt {
    font-size: 13px;
  }
  .collection_capsule .copyright__txt p + p {
    margin-top: 20px;
  }
}


/* contents画像 hover */

.collection.collection_capsule .style .img {
  position: relative;
}
.collection.collection_capsule .style .img a {
  position: relative;
  z-index: 20;
}
.collection.collection_capsule .style .img:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.collection.collection_capsule .style .img:hover:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.collection.collection_capsule .style .img .text-credit {
  position: absolute;
  bottom: 30px;
  right: 30px;

  opacity: 0;
  transition: .6s;
  z-index: 20;
}
.collection.collection_capsule .style .img .text-credit a {
  color: #FFFFFF;
}
.collection.collection_capsule .style .img:hover .text-credit {
  opacity: 1;
}
.collection.collection_capsule .style .img .text-credit:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  content: "";
  display: block;
  height: 1px;
  background: #FFFFFF;
}
.collection.collection_capsule .style .img .text-credit:hover:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}

@media (max-width: 768px) {
  .collection.collection_capsule .style .img .text-credit {
    opacity: 1;
  }
  .collection.collection_capsule .style .img .text-credit:after {
    width: 100%;
  }
}
.collection.collection_capsule .style .shops__cts {
  margin-bottom: 35px;
}
.collection.collection_capsule .style .shops__cts .shops__cts__link:after {
  content: none;
}

.collection.collection_capsule .style .detail {
  display: none;
  /*  transition-duration: 1s;
  -webkit-transition-duration: 1s;*/
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
}
.collection.collection_capsule .style .detail.active {
  display: block;
}

.collection_capsule .shops {
  margin-bottom: 65px;
}
.collection_capsule .shops .shops__cts__title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}
.collection_capsule .shops .shops__cts__txt {
  margin-bottom: 10px;
}
.collection_capsule .shops .shops__cts__txt a {
  display: inline;
}
.collection_capsule .shops .shops__cts__link {
  display: inline-block;
}
.collection_capsule .shops .shops__cts__link:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}
.collection.collection_capsule .style {
  margin-bottom: 35px;
}

.collection_capsule .shops .shops__cts__link:hover {
  border-bottom: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.collection_capsule .shops .shops__cts__link:hover:after {
  width: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.collection_capsule .shops .h-style-5 {
  margin-bottom: 40px;
}

.h-style-5 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 768px) {
  .collection_capsule .shops {
    margin-bottom: 0;
  }
  .collection.collection_capsule .style {
    margin-bottom: 25px;
  }
  .collection_capsule .shops .h-style-5,
  .collection.collection_capsule .style .shops__cts {
    margin-bottom: 25px;
  }
  .collection.collection_capsule .style .shops__cts:last-child {
    margin-bottom: 10px;
  }
  .collection_capsule .shops .shops__cts__title,
  .collection_capsule .shops .shops__cts__txt {
    margin-bottom: 5px;
  }
}

.collection.collection_capsule .designer {
  margin-bottom: 80px;
}
.collection.collection_capsule .designer .h-style-5 {
  margin-bottom: 45px;
}
.collection.collection_capsule .designer .designer__cts {
  font-size: 0;
  letter-spacing: normal;
}
.collection.collection_capsule .designer .designer__cts__img,
.collection.collection_capsule .designer .designer__cts__pro {
  display: inline-block;
}
.collection.collection_capsule .designer .designer__cts__img {
  width: 160px;
  vertical-align: top;
}
.collection.collection_capsule .designer .designer__cts__pro {
  width: calc(100% - 160px);
  padding-left: 30px;
}
.collection.collection_capsule .designer .designer__cts__pro .name {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}
.collection.collection_capsule .designer .designer__cts__pro .profile p {
  font-size: 12px;
}
.collection.collection_capsule .designer .designer__cts__pro .profile p ~ p {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .collection.collection_capsule .designer {
    margin-bottom: 45px;
  }
  .collection.collection_capsule .designer .h-style-5 {
    margin-bottom: 20px;
  }
  .collection.collection_capsule .designer .designer__cts__img,
  .collection.collection_capsule .designer .designer__cts__pro {
    display: block;
  }
  .collection.collection_capsule .designer .designer__cts__img {
    margin: 0 auto 25px;
  }
  .collection.collection_capsule .designer .designer__cts__pro {
    width: calc(100%);
    padding-left: 0;
  }
}

.collection.collection_capsule .present {
  text-align: center;
  margin-bottom: 45px;
}
.collection.collection_capsule .present .h-style-5 {
  margin-bottom: 45px;
}
.collection.collection_capsule .present__cts .present__cts__title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .collection.collection_capsule .present .h-style-5 {
    margin-bottom: 20px;
  }
}


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


.collection .style .display li,.collection .style .display p {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 18px;
  margin-bottom: 8px;
  vertical-align: top;
}

.collection .style .display .item {
  margin-right: 4px;
}

.collection .style .display .price {
  margin-right: 10px;
}

.collection .style .display a {
  display: inline-block;
}

.collection .style .display a:after {
  content: "";
  display: block;
  width: calc(100% - 18px);
  height: 1px;
  background: #000;
  margin: -2px 0 0 auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.adaj .style .display a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  margin: -2px 0 0 auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.collection .style .display a img {
  width: 15px;
  margin-right: 3px;
}

.collection .style .display a:hover,
.adaj .style .display a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.collection .style .display a:hover:after,
.adaj .style .display a:hover:after {
  width: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.brand-lead.fixed-clear {
  position: relative;
}

.brand-lead.fixed-clear .bg {
  position: absolute;
  bottom: 0;
  left: 0;
}

.brand-lead .bg {
  position: fixed;
  top: 0;
  left: 0;
  background: url(/static/full/danskin/images/brand/mv_2021fw_pc.jpg) no-repeat center top/cover;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

.brand-lead .bg .black {
  opacity: 0;
}

.brand-lead .bg .black:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}

.brand-lead .head {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  z-index: 100;
}

.brand-lead .ttl {
  font-size: 27px;
  letter-spacing: 0.37em;
  margin-bottom: 13px;
}

.brand-lead .ttl img {
  width: 279px;
}

.brand-lead .lead {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.brand-lead .sentence {
  position: relative;
  z-index: 10;
  color: #FFFFFF;
  margin-top: calc(100vh - 140px);
  text-align: center;
  height: 100vh;
  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;
}

.brand-lead .sentence p {
  font-size: 15px;
  line-height: 34px;
  margin-bottom: 30px;
}

.brand-collection {
  background: #efeff0;
  padding: 58px 0 27px;
}

.brand-collection .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 49px 0 52px;
  letter-spacing: 0.05em;
}

.brand-collection .item.right-img {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.brand-collection a.item:hover p {
  text-decoration: none;
}

.brand-collection a.item:hover .text-1 strong:after {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.brand-collection .img {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.brand-collection .img:before {
  display: block;
  content: "";
  padding-top: 100%;
}

.brand-collection .img img {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.brand-collection .contents {
  width: 50%;
  text-align: center;
  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;
  background: #FFFFFF;
}

.brand-collection .text-1 {
  line-height: 26px;
  display: inline-block;
  width: auto;
}

.brand-collection .text-1 span {
  font-size: 12px;
}

.brand-collection .text-1 strong {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
}

.brand-collection .text-1 strong:after {
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background: #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.brand-collection .text-2 {
  font-weight: bold;
  color: #919399;
  margin-top: 14px;
}

@media all and (orientation: landscape) {
  body,html {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .product-module .slick-prev {
    left: 0;
  }

  .product-module .slick-next {
    right: 0;
  }
}

@media (max-width: 960px) {
  .header-wrap.fixed .header-user-info {
    padding: 10px 50px 10px 0;
  }

  .header-wrap.fixed .header-btn-block {
    margin: 0 20px 0 0;
  }
}

@media (max-width: 935px) {
  .header-user-list-item a {
    padding: 0 8px;
  }

  .header-btn-list > li {
    margin: 0 20px 0 0;
  }
}

@media (max-width: 930px) {
  .header-wrap.fixed .header-user-info {
    padding: 10px 45px 10px 0;
  }

  .header-wrap.fixed .header-btn-block {
    margin: 0 15px 0 0;
  }

  .header-wrap.fixed .header-btn-list > li {
    margin: 0 15px 0 0;
  }

  .header-wrap.fixed .header-btn-list-item strong {
    font-size: 11px;
    line-height: 1.3;
  }

  .header-wrap.fixed .header-search {
    right: 45px;
  }
}

@media (max-width: 900px) {
  .header-search input[type="text"] {
    width: 185px;
  }
}

@media (max-width: 875px) {
  .header-btn-list > li {
    margin: 0 15px 0 0;
  }
}

@media (max-width: 870px) {
  .header-search input[type="text"] {
    width: 180px;
  }
}

@media (max-width: 860px) {
  .header-wrap.fixed .header-user-info {
    padding: 10px 22px 10px 0;
  }

  .header-wrap.fixed .header-btn-block {
    margin: 0 5px 0 0;
  }

  .header-wrap.fixed .header-btn-list > li {
    margin: 0 10px 0 0;
  }

  .header-wrap.fixed .header-search {
    right: 35px;
  }

  .header-wrap.fixed .header-search input[type="text"] {
    width: 235px;
  }
}

@media (max-width: 835px) {
  .header-user-list-item a {
    padding: 0 5px;
  }

  .header-btn-list > li {
    margin: 0 10px 0 0;
  }

  .header-btn-list-item > a > strong {
    font-size: 12px;
  }

  .header-btn-list-item > a {
    font-size: 10px;
  }
}

@media (max-width: 800px) {
  .header-user-list li {
    font-size: 10px;
  }

  .header-search input[type="text"] {
    width: 175px;
  }

  .header-wrap.fixed .header-user-list li {
    font-size: 10px;
  }

  .header-wrap.fixed .header-btn-block {
    margin: 0;
  }

  .header-wrap.fixed .header-user-list-item a {
    padding: 0 10px;
  }

  .header-wrap.fixed .header-search input[type="text"] {
    width: 220px;
  }

  .footer-nav-list > li > a {
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  a:hover {
    opacity: 1;
  }

  a:hover p {
    text-decoration: none;
  }
  .cart-title {
    display: none;
  }
  .pc-dn {
    display: block !important;
  }

  .sp-dn {
    display: none !important;
  }

  .nav-contents-list .online-item {
    border-bottom: none;
  }

  .nav-contents-list .online-item dt .ttl {
    padding: 0 20px;
    margin: 0;
  }

  .nav-contents-list .online-item dd {
    padding-bottom: 0;
  }

  .nav-contents-list dt strong {
    font-weight: normal;
  }

  .header-btn-list-item {
    position: relative;
  }

  .header-btn-list-item > a.header-btn-list-item-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    display: block;
    width: 60px;
  }

  .heading-1 {
    margin-bottom: 20px;
  }

  .heading-1 .tag {
    margin-bottom: 22px;
  }

  .heading-1 .h-style-1 {
    margin-bottom: 5px;
  }

  .heading-1 .day {
    font-size: 11px;
  }

  .h-style-2 {
    font-size: 15px;
    margin-bottom: 30px;
    text-align: center;
  }

  .h-style-3 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .hover-animation:hover .img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .animation-2 {
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }

  .info:nth-child(3n-1) {
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }

  .info:nth-child(3n) {
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }

  .top-news {
    padding: 40px 0 50px;
  }

  .top-news-main {
    margin-bottom: 40px;
  }

  .top-news-inner li {
    width: 100%;
  }

  .top-news-inner li:nth-of-type(n) {
    margin: 0;
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }

  .top-news-inner li:nth-of-type(n+2) {
    margin-top: 20px;
  }

  .top-news-inner li .text {
    margin: 8px 0 0;
  }

  .top-collection .inner {
    padding: 0;
  }

  .top-collection .contents.col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .top-collection .contents.col3 {
    width: 780px;
    position: relative;
    padding: 0 20px;
  }

  .top-collection .item {
    margin-bottom: 5px;
  }

  .top-collection .item.col1:before {
    padding-top: 100%;
  }

  .top-collection .item.col2 {
    width: 49%;
  }

  .top-collection .item.col3 {
    width: 240px;
    margin-right: 10px;
  }

  .top-collection .item.col3:last-child {
    margin-right: 0;
  }

  .top-collection .item > a:hover .img:after {
    background: transparent;
  }

  .top-collection .item > a:hover .text-l:after {
    width: 0;
  }

  .top-collection .item .text-l {
    font-size: 16px;
  }

  .top-collection .contents-col3-wrap {
    overflow-x: scroll;
    padding: 26px 0;
  }

  .instagram {
    padding-bottom: 40px;
  }

  .instagram-more {
    top: 0;
    right: 20px;
  }

  #instafeed3 li {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 10px;
  }

  #instafeed3 li:nth-child(even) {
    margin-right: 0;
  }

  .shop-navi .inner {
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }

  .shop-navi-item {
    width: 100%;
    margin-bottom: 5px;
    height: auto;
    position: relative;
  }

  .shop-navi-item:before {
    display: block;
    content: "";
    padding-top: 50%;
  }

  .shop-navi-item a {
    position: absolute;
    top: 0;
    left: 0;
  }

  .shop-navi-item a:hover .img:after {
    background: transparent;
  }

  .shop-navi-item a:hover .text:after {
    width: 0;
  }

  .brand-navi {
    padding: 30px 0;
    margin-bottom: 35px;
    font-size: 12px;
  }

  .brand-navi .page {
    margin: 0 20px;
  }

  .brand-navi .page:first-child {
    margin-left: 0;
  }

  .brand-navi .page:last-child {
    margin-right: 0;
  }

  .brand-navi .page:hover:after {
    width: 0;
  }

  .history {
    padding: 30px 0 0;
  }

  .history-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 28px;
  }

  .history-block.right-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .history-block .image {
    width: calc(100% + 40px);
    margin: 0 0 22px -20px;
  }

  .history-block .sentence {
    width: 100%;
  }

  .people {
    padding: 25px 0 40px;
  }

  .people-main:first-of-type {
    padding-top: 0;
  }

  .people-item-1,.people-item-2 {
    margin-bottom: 27px;
    line-height: 16px;
  }

  .people-item-1 .event,.people-item-2 .event {
    font-size: 10px;
  }

  .people-item-1 .name,.people-item-2 .name {
    font-size: 12px;
  }

  .people-item-1 {
    width: 48.5%;
    margin-right: 3%;
  }

  .people-item-1:nth-child(even) {
    margin-right: 0;
  }

  .people-item-2 {
    width: calc(94%/3);
    margin-right: 3%;
  }

  .people-item-2:nth-child(3n) {
    margin-right: 0;
  }

  .people-more {
    padding-bottom: 30px;
  }

  .people-more-list {
    width: 50%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .people-more-list a {
    font-size: 12px;
  }

  .people-detail-main {
    padding: 25px 0 40px;
    margin-bottom: 28px;
  }

  .people-detail {
    padding: 0;
    margin-bottom: 40px;
  }

  .people-detail .img {
    float: none;
    width: calc(100% + 40px);
    max-width: 768px;
    margin-left: -20px;
    margin-bottom: 30px;
  }

  .people-detail .intro {
    float: none;
    width: 100%;
    max-width: 678px;
  }

  .people-detail .intro .name {
    margin-bottom: 32px;
  }

  .people-detail .intro .name strong {
    font-size: 20px;
  }

  .people-detail .intro dl {
    margin-bottom: 32px;
  }

  .information {
    padding: 25px 0 40px;
  }

  .info {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    float: none;
  }

  .info:nth-child(n) {
    clear: none;
  }

  .info.bottom {
    width: 100%;
    max-width: 768px;
  }

  .info.bottom:nth-child(even) {
    float: none;
  }

  .info.bottom:nth-child(odd) {
    float: none;
  }

  .info.shopblog {
    margin-bottom: 10px;
  }

  .info.shopblog a {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .info .img {
    margin-bottom: 12px;
  }

  .info #instafeed li {
    width: 48.5%;
    margin-right: 3%;
  }

  .info #instafeed li:nth-child(even) {
    margin-right: 0;
  }

  .collection {
    padding: 27px 0 50px;
  }

  .collection .style {
    margin-bottom: 16px;
  }

  .collection .style.col2 {
    width: 100%;
    max-width: none;
  }

  .collection .style .img {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .collection .style .display a {
    display: block;
    text-decoration: underline;
  }

  .collection .style .display a:after {
    display: none;
  }

  .brand-lead .bg {
    background: url(/static/full/danskin/images/brand/mv_2021fw_sp.jpg) no-repeat center bottom/cover;
  }

  .brand-lead {
    margin-bottom: 4px;
  }

  .brand-lead .head {
    top: 28%;
  }

  .brand-lead .ttl img {
    width: 80%;
  }

  .brand-lead .sentence p {
    font-size: 13px;
    line-height: 28px;
  }

  .brand-collection {
    margin-top: 7px;
    padding: 25px 0 40px;
  }

  .brand-collection .item {
    margin: 10px 0 10px;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: block;
  }

  .brand-collection .item:first-child {
    margin-top: 26px;
  }

  .brand-collection .item.right-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .brand-collection a.item:hover .text-1 strong:after {
    width: 0;
  }

  .brand-collection .img {
    width: 100%;
  }

  .brand-collection .contents {
    width: 100%;
    padding: 18px 0 18px;
  }

  .brand-collection .text-2 {
    margin-top: 6px;
    margin-bottom: 4px;
  }
}

@media (max-width: 768px) {
  .centering-contents,.inner {
    max-width: inherit;
    margin: 0 auto;
    padding: 0 20px;
  }

  .main-content-header + .main-content-inner {
    margin-top: 20px;
  }

  .centering-contents-narrow {
    max-width: inherit;
    margin: 0 auto;
    padding: 10px 20px 0;
  }

  body.nav-open,html.nav-open {
    position: fixed;
    height: 100%;
    overflow: hidden;
  }

  .header-wrap {
    position: relative;
    height: auto;
    background: none;
  }

  .header-wrap.nav-open {
    height: 100%;
  }

  .header {
    padding: 0;
  }

  .header-sp-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    height: 75px;
    z-index: 9999;
  }

  .header-logo {
    left: 20px;
    width: 28.4%;
    max-width: 107px;
  }

  .header-nav-wrap {
    position: fixed;
    top: 75px;
    width: 100%;
    height: auto;
    border-top: solid 1px #ccc;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  .header-nav-wrap.nav-open {
    height: 100%;
    padding: 0 0 75px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .header-inner-block {
    height: auto;
    position: relative;
    padding: 21px 0 0;
    overflow-y: scroll;
  }

  .header-user-info {
    position: relative;
    float: none;
    padding: 0 20px;
  }

  .header-user-info .header-point {
    display: block;
    width: 180px;
    margin: 0;
    font-size: 13px;
  }

  .header-user-info.login .header-point {
    display: none;
  }

  .header-user-list {
    float: none;
    margin: 30px 0 0;
    text-align: center;
  }

  .header-user-info.login .header-user-list {
    margin: 50px 0 0;
  }

  .header-user-list li {
    display: inline-block;
    position: relative;
    font-size: 13px;
  }

  .header-user-list-item a {
    padding: 0 16px;
    text-decoration: underline;
  }

  .header-user-list-item::after {
    display: none;
  }

  .header-user-list-item.my-page {
    position: absolute;
    top: -6px;
    right: 20px;
    width: 80px;
    height: 35px;
    border-radius: 5px;
  }

  .header-user-list-item.my-page a {
    display: block;
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
  }

  .header-user-list-item.logout {
    position: absolute;
    top: 1px;
    right: 95px;
  }

  .header-user-list-item.login {
    position: absolute;
    top: -57px;
    left: 20px;
    width: calc(100% - 40px);
    height: 35px;
  }

  .header-user-list-item.login a {
    background: #425a6c;
    color: #fff;
    line-height: 35px;
    border-radius: 5px;
    text-decoration: none;
  }

  .header-cart {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 70px;
    width: 25px;
    height: 18px;
    margin: auto;
  }

  .header-cart-icn {
    width: auto;
    margin: 0;
  }

  .cart-item {
    top: -6px;
    right: -8px;
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
  }

  .header-btn-block {
    float: none;
    margin: 85px 0 0;
  }

  .header-btn-list {
    position: relative;
  }

  .header-btn-list > li {
    float: none;
    margin: 0 0 1px;
    padding: 0;
  }

  .header-btn-list > li > a {
    height: 64px;
    padding: 0 20px;
    line-height: 66px;
  }

  .header-btn-list-item > a::before {
    display: none;
  }

  .header-btn-list-item > a {
    position: relative;
    font-size: 13px;
  }

  .header-btn-list-item > a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    width: 12px;
    height: 12px;
    margin: auto;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  .header-btn-list-item.on > a::after {
    top: 5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .header-btn-list-item.shoplist > a::after {
    display: none;
  }

  .header-btn-list-item > a > strong {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
  }

  .header-user-info .header-search {
    position: absolute;
    bottom: -59px;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 20px;
  }

  .header-search input[type="text"] {
    width: 100%;
    height: 35px;
  }

  .header-search input[type="image"] {
    top: 8px;
    right: 41px;
    width: 21px;
    height: 21px;
  }

  .header-wrap.fixed-sp {
    height: auto;
  }

  .header-wrap.fixed-sp .header-nav-wrap {
    top: 50px;
  }

  .header-wrap.fixed-sp .header-sp-fixed {
    height: 50px;
  }
  /*正方形ロゴ用*/
  /*.header-wrap.fixed-sp .header-logo {
  width: 16.4%;
  }*/  .header-wrap.fixed-sp .header-logo {
  width: 17.3333333333%;
}

.header-wrap.fixed-sp .header-cart {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  width: 25px;
  height: 18px;
  margin: auto;
}

.nav-contents {
  position: relative;
  top: 0;
  left: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.nav-contents.contents-open {
  max-height: 9999px;
}

.nav-contents .inner {
  padding: 0;
}

.header-wrap.fixed .nav-contents {
  top: 0;
}

.nav-contents.open {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.nav-contents-list {
  margin: 0;
}

.nav-contents-list > li {
  float: none;
  margin: 0;
}

.nav-contents-list > li:nth-last-child(2) .nav-inner-menu li:last-child {
  border-bottom: solid 1px #818c95;
}

.nav-contents-list.col-2 > li {
  width: 100%;
}

.nav-contents-list.col-3 > li {
  width: 100%;
}

.nav-contents-list.col-4 > li {
  width: 100%;
}

.nav-contents-list a:hover,.nav-contents-list a:hover span {
  text-decoration: none;
}

.nav-contents dl {
  margin: 1px 0 0;
}

.nav-contents-list dt .img {
  display: none;
}

.nav-contents-list dt .ttl {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  font-size: 13px;
  line-height: 64px;
}

.nav-contents-list dt.sp-open .ttl::before,.nav-contents-list dt.sp-open .ttl::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  width: 13px;
  height: 2px;
  margin: auto;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.nav-contents-list dt.sp-open .ttl::after {
  top: 0;
  right: 28px;
  width: 2px;
  height: 13px;
}

.nav-contents-list dt.active .ttl::before {
  display: none;
}

.nav-contents-list dt.active .ttl::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.nav-contents-list dt strong {
  display: inline;
  margin: 0 5px 0 0;
  font-size: 13px;
  line-height: 1.0;
}

.nav-contents-list dd {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.nav-contents-list .search-block dd {
  max-height: inherit;
}

.nav-contents-list dd.contents-list-open {
  max-height: 9999px;
}

.nav-inner-menu li {
  padding: 0;
  border-bottom: solid 1px #818c95;
  font-size: 12px;
  line-height: 1.75;
}

.nav-inner-menu li:last-child {
  border-bottom: none;
}

.nav-inner-menu a {
  display: block;
  height: 50px;
  padding: 0 20px;
  color: #435b6d;
  line-height: 50px;
}

.nav-bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 23px;
  height: 18px;
  margin: auto;
}

.nav-bar span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
}

.nav-bar span:nth-of-type(1) {
  top: 0;
}

.nav-bar span:nth-of-type(2) {
  top: 8px;
}

.nav-bar span:nth-of-type(3) {
  bottom: 0;
}

.nav-bar.nav-open span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  -ms-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

.nav-bar.nav-open span:nth-of-type(2) {
  opacity: 0;
}

.nav-bar.nav-open span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  -ms-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

.footer-inner {
  padding: 23px 0 30px;
  margin: 0 auto;
}

.footer-brand-info {
  margin: 20px auto 27px;
}

.footer-brand-info > div {
  margin: 0 20px;
  padding: 0 0 20px;
  border-bottom: solid 1px #fff;
}



.footer-brand-info ul {
  margin: 0 -1.492537313% 22px;
  padding: 40px 0 0;
}

.footer-brand-info li {
  position: relative;
  width: 30.434782608%;
  height: 42px;
  float: left;
  margin: 0 1.449275362% 15px;
}

.footer-brand-info li.speedo {
  width: 30.434782608%;
  margin: 0 1.449275362% 15px;
}

.footer-brand-info li.aps {
  margin: 0 1.449275362% 15px;
}

.footer-brand-info li.nw {
  margin: 0 1.449275362%;
}

.footer-nav-list > li {
  display: block;
  margin: 0 0 16px;
}

.footer-nav-list > li + li::before {
  display: none;
}

.footer-nav-list > li > a {
  font-size: 13px;
  line-height: 1.5;
}

.footer-info {
  margin: 30px 0 0;
}

.trace-box {
  max-width: inherit;
  margin: 0;
  padding: 0 0 20px 20px;
  font-size: 11px;
  line-height: 1.3;
}

.trace-box a {
  padding: 0 20px 0 0;
  text-decoration: none;
}

.trace-box a::before {
  width: 9px;
  height: 9px;
  margin: auto;
}

.trace-box strong {
  display: inline-block;
  font-weight: normal;
}

.trace-box strong.block {
  display: block;
  margin: 12px 0 0;
}

.main {
  padding-top: 75px;
  padding-bottom: 20px;
}

.main-content .inner {
  padding: 35px 20px;
}

.main-content-inner + .main-content-inner {
  margin-top: 6px;
}

.main-content + .main-content .inner::before {
  left: 20px;
  width: calc(100% - 40px);
}

.arrow::after {
  width: 8px;
  height: 8px;
}

.h-style-1 {
  margin: 0 0 22px;
}

.h-style-1 strong {
  font-size: 20px;
  line-height: 1.3;
}

.more-txt a::after {
  position: relative;
  top: -3px;
}

.slick-slide {
  height: auto;
}

.normal-slider .slick-dotted.slick-slider {
  margin-bottom: 21px;
}

.normal-slider .slick-dots {
  bottom: -21px;
}

.normal-slider .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
}

.normal-slider .slick-dots li button {
  width: 6px;
  height: 6px;
}

.normal-slider .slick-dots li button:before {
  width: 6px;
  height: 6px;
}

.normal-slider .slick-dots li.slick-active button:before {
  width: 6px;
  height: 6px;
}

.slick-prev,.slick-next {
  width: 11px;
  height: 19px;
}

.normal-slider .slick-prev {
  left: 10px;
}

.normal-slider .slick-next {
  right: 10px;
}

.normal-slider .slick-prev:before,.normal-slider .slick-next:before {
  display: block;
  content: "";
  width: 11px;
  height: 19px;
  background-size: 11px auto;
}

.product-module .inner {
  padding: 30px 25px 35px;
}

.product-module ul {
  max-width: inherit;
  margin: 0 auto;
}

.product-module li {
  margin: 0 8px;
}

.product-module .slick-prev {
  margin-top: -38px;
  left: -18px;
}

.product-module .slick-next {
  margin-top: -29px;
  right: -18px;
}

.product-module .slick-prev:before,.product-module .slick-next:before {
  width: 11px;
  height: 19px;
  background-size: 11px auto;
}

.carousel-lists .img {
  margin: 0 0 12px;
}

.news-module .date {
  margin: 0 0 8px;
}

.news-col-3 {
  margin: 0 0 29px;
}

.news-col-3 li {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}

.news-col-3 .thumbnail {
  width: 17.910447761%;
}

.news-col-3 .news-txt {
  width: 78.656716417%;
}

.btn-list li a {
  display: block;
  height: 60px;
  background: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 60px;
  text-align: center;
}

.btn-list .arrow::after {
  right: 10px;
}

.btn-col-2 {
  margin: 0 0;
}

.btn-col-2 li {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}

.sns-icn-list li {
  font-size: 12px;
  text-align: center;
}

.sns-icn-list li span {
  margin: 0 auto 17px;
}

.sns-icn ul {
  width: 100%;
  margin: 0;
  text-align: left;
}

.sns-icn li {
  width: 31.940298507% !important;
  margin: 0 0.597014925% 28px !important;
}

.header-sp-fixed {
  background: rgba(255, 255, 255, 0.9);
}

.header-nav-wrap {
  background: #fff;
}

.header-btn-list > li > a {
  background: #636468;
  color: #fff;
}

.header-btn-list-item.information > a::after {
  display: none;
  }/*マイページ*/  .header-user-list-item.my-page {
    background: #636468;
  }

  .header-user-list-item.login a {
    background: #000;
  }

  .header-wrap.fixed-sp .header-logo {
    width: 21.333333%;
  }

  .nav-contents {
    background: #fff;
  }

  .nav-contents-list dt .ttl {
    background: #a1a2a6;
    color: #fff;
  }

  .nav-inner-menu a {
    color: #000;
  }

  .nav-bar span {
    background: #000;
  }
}

@media screen and (max-width: 599px) {
  .top-collection .item.col2 {
    width: 100%;
  }
}

.main-read {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 768px) {
  .main-read {
    margin-top: 50px;
  }
  .main-read br {
    display: none;
  }
}

@media (max-width: 360px) {
  .sns-icn-list li {
    font-size: 10px;
    text-align: center;
  }
}

@media (max-width: 320px) {
  .header-user-info .header-point {
    width: 152px;
    font-size: 12px;
  }

  .header-user-list li {
    font-size: 11px;
  }

  .header-user-list-item a {
    padding: 0 10px;
  }

  .header-user-list-item.my-page {
    width: 65px;
  }

  .header-user-list-item.my-page a {
    font-size: 11px;
  }

  .header-user-list-item.logout {
    top: 2px;
    right: 80px;
  }

  .search-box.price dl dt {
    width: 70.470588235%;
  }

  .checkbox + .checkbox-icon {
    display: block;
    position: relative;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    cursor: pointer;
  }

  .checkbox + .checkbox-icon:before,.checkbox + .checkbox-icon:after {
    top: 11px;
    left: 23px;
    height: 25px;
  }

  .checkbox + .checkbox-icon:before {
    top: 20px;
    left: 12px;
    height: 14px;
  }

  .btn-list li a {
    font-size: 13px;
  }
}


.half_block {
  flex: 1;
}
.text_center__inner {
  max-width: 370px;
  margin: 0 auto;
}

.half_block__ttl {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 70px;
}
.half_block__list__item {
  font-size: 16px;
  margin-bottom: 20px;
}
.half_block__list__item:last-child {
  margin-bottom: 0;
}
.list_no_border {
  display: inline-block;
  padding-right: 65px;
  position: relative;
}
.list_no_border:before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: 25px;
  height: 1px;
  width: 35px;
  background: #000;
}

@media (max-width: 768px) {
  .half_block__ttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .text_center__inner {
    padding: 35px 20px;
  }
  .half_block__list__item {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.col2_item {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 20px;
}
.col2_item__inner {
  transition: .4s;
}
.col2_item__img {
  margin-bottom: 18px;
}
.col2_item__img:before {
  position: absolute;
  content: "";
  display: block;
  padding-top: 100%;
}
.col2_item__detail {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 18px;
  text-align: center;
}
.col2_item__detail .detail--ttl {
  display: block;
  font-weight: bold;
}
.col2_item__detail .detail--item {

}
.col2_item__detail .detail--price {

}
.col2_item__inner {
  position: relative;
  max-width: 310px;
  width: 48%;
  margin-bottom: 40px;
}
.col2_item__inner a:hover {
  opacity: 1;
}
.col2_item__inner:hover img {
  opacity: .7;
}
.col2_item__hover {
  font-size: 11px;
  letter-spacing: 0.55px;
}
.col2_item__hover a {
  z-index: 100;
}
.col2_item__hover img {
  width: 15px;
  margin-right: 3px;
}
.col2_item__hover img:hover {
  opacity: .7;
}

.col2_item__inner .col2_item__hover {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 10;
  transition: .3s;
}

@media (max-width: 768px) {
  .col2_item__inner .col2_item__hover {
    display: none;
  }
}
.col2_item__inner:hover .col2_item__hover {
  opacity: 1;
}
.col2_item__hover .detail--cart {
  position: relative;
  display: inline-block;
}
.col2_item__hover .detail--cart:before {
  content: '';
  width: 0;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: width;
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  background-color: #000;
}
.col2_item__inner:hover .detail--cart:before {
  width: 100%;
}
.col2_item__detail .col2_item__hover {
  display: none;
}
@media (max-width: 768px) {
  .col2_item__detail .col2_item__hover {
    display: block;
    position: relative;
    top: 0;
    left: auto;
    display: block;
    transform: translate(0,0);
    opacity: 1;
  }
  .col2_item__inner .detail--cart:before {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------
2018 summer
-------------------------------------------------------------------------------*/


.imgLblock {}
.imgLblock__img {
  width: 470px;
}
.imgLblock__cts {
  max-width: calc(100% - 470px);
  padding-left: 60px;
}
.imgRblock__cts {
  max-width: calc(100% - 470px);
  padding: 0 60px 0 0;
}
.imgLblock__cts__ttl {
  font-size: 32px;
  font-weight: bold;
}
.ico-for {
  position: relative;
  padding-left: 48px;
  margin-bottom: 30px;
}
.ico-for:before {
  content: 'FOR';
  display: block;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  bottom: 17px;
  left: 0;
}
.ico-for:after {
  content: '';
  display: block;
  border: 1px solid #000;
  width: 40px;
  position: absolute;
  bottom: 13px;
  left: 0;
}
.imgLblock__cts__txt {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 45px;
}
.imgRblock .imgLblock__cts {
  padding: 0 60px 0 0;
}
@media (max-width: 980px) {
  .slideBlock {
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .slideBlock {
    padding: 0;
  }
  .imgLblock__img {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 30px;
  }
  .imgLblock__cts,
  .imgRblock__cts  {
    max-width: calc(100%);
    padding: 0;
  }
  .imgLblock__cts__ttl {
    font-size: 26px;
  }
  .ico-for {
    position: relative;
    padding-left: 48px;
    margin-bottom: 20px;
  }
  .ico-for:before {
    content: 'FOR';
    display: block;
    font-size: 13px;
    position: absolute;
    bottom: 14px;
    left: 0;
  }
  .ico-for:after {
    content: '';
    display: block;
    border: 1px solid #000;
    width: 40px;
    position: absolute;
    bottom: 11px;
    left: 0;
  }
  .imgLblock__cts__txt {
    margin-bottom: 25px;
  }
  .imgLblock__cts .style .display a {
    display: inline-block;
  }
}
.col3_item ul {
  letter-spacing: normal;
  font-size: 0;
}
.col3_item__list {
  position: relative;
  width: 33.3333%;
  display: inline-block;
}

.col3_item__list .hover-detail-item__images {
  opacity: 1;
  transition: .4s;
}

.hover-detail-item__content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 92%;
  text-align: center;
  opacity: 0;
  transition-delay: 0s;
  transition-timing-function: linear;
  transition-duration: 0.2s;
  transition-property: opacity;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hover-detail-item__text {
    font-size: 11px;
}
.hover-detail-item__text img {
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 11px;
    vertical-align: middle;
}
.hover-detail-item__text span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.col3_item__list:hover .hover-detail-item__content {
  opacity: 1;
}
.col3_item__list:hover .hover-detail-item__images {
  opacity: .7;
}
.hover-detail-item__text span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: "";
  width: 0;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: width;
}
.col3_item__list:hover .hover-detail-item__text span:after {
  content: '';
  display: block;
  width: 100%;
}
.box-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
}
.slideBlock {
  margin: 45px 0 60px 0;
}
.slideBlock .slick-prev:before {
  content: '';
  display: block;
  left: 3px;
  width: 22px;
  height: 22px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);

}
.slideBlock .slick-next:before {
  content: '';
  display: block;
  left: 3px;
  width: 22px;
  height: 22px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}

.box-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .slideBlock {
    margin: 25px 0 30px 0;
  }
  .slideBlock .slick-prev {
    left: -8px;
  }
  .slideBlock .slick-next {
    right: -5px;
  }
  .slideBlock .slick-prev:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;

  }
  .slideBlock .slick-next:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
  }
  .imgRblock .imgLblock__cts {
      padding: 0;
  }
}
/*-------------------------------------------------------------------------------
adaj
-------------------------------------------------------------------------------*/

.adaj-container {
  max-width: 980px;
  margin: 60px auto 100px;
  font-size: 0;
  letter-spacing: normal;
  position: relative;
}
.adaj-container-left {
  float: left;
  max-width: 440px;
  display: inline-block;
  padding-right: 50px;
  vertical-align: top;
}
.adaj-container-left.fixed {
  position: fixed;
  display: inline-block;
  top: 70px;
}
.adaj-container-left.absolute {
  position: absolute;
  bottom: 0;
}
.adaj-container-right {
  float: right;
  max-width: calc(100% - 440px);
  display: inline-block;
  vertical-align: top;
}
.adaj-container-left-myfavorite-logo {
  width: 100%;
  max-width: 280px;
  margin: 30px 0;
}
.adaj-container-left-ttl {
  font-size: 38px;
  font-weight: bold;
  margin: 30px 0;
  line-height: 1.2em;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.adaj-container-left-ttl.type-small {
  font-size: 22px;
}
.adaj-container-left-txt {
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 25px;
}
.adaj-container-left-list {
  margin-bottom: 25px;
}
.adaj-container-left-list li {
  font-size: 17px;
  line-height: 1.8em;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}
.adaj-container-left-list li:before {
  content: '';
  background: url(/static/full/danskin/images/svg/ico-line.svg);
  background-size: cover;
  display: block;
  width: 12px;
  height: 1px;
  top: 50%;
  position: absolute;
  left: 0;
  margin-top: -1px;
}
.adaj-container-left-bnr {
  max-width: 240px;
  position: relative;
  z-index: 1
}
.adaj-container-left-bnr a:hover p {
  opacity: 1;
  text-decoration: none;
}
.adaj-container-left-bnr:before {
  content: '';
  display: block;
  padding-top: 31.25%;
}
.adaj-container-left-bnr-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.adaj-container-left-bnr-inner p {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transform: translate(-50% ,-50%);
  transform: translate(-50% ,-50%);
  z-index: 10;
  width: 126px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  line-height: 23px;
}
.ico-online {
  position: relative;
  padding-left: 20px;
}
.ico-online:before {
  content: '';
  background: url(/static/full/danskin/images/svg/icn_cart_02.svg);
  display: block;
  width: 15px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.adaj-container-left-bnr a {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-align: center;
}
.adaj-container-left-bnr .img:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.adaj-container-left-bnr a:hover .img:after {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.adaj-container-left-bnr .text-l:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  content: "";
  display: block;
  height: 1px;
  background: #FFFFFF;
}
.adaj-container-left-bnr a:hover .text-l:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}

.adaj-container-left-btn {
  position: relative;
  z-index: 1
}
.adaj-container-left-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 280px;
  height: 56px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #6C6D71;
}
.adaj-container-left-btn a:hover {
  background: #454646;
  opacity: 1;
}

.adaj-container-right-item {
  margin-bottom: 75px;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
}
.adaj-container-right-item.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.adaj-container-right-item .right-item {
  margin-bottom: 15px;
}
.adaj-container-right-item:last-child {
  margin-bottom: 0;
}
.adaj-container-right-item-cts h2 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}
.adaj-container-right-item-cts ul li:first-child {
  margin-top: 0;
}
.adaj-container-right-item-cts ul li {
  margin-top: 8px;
  font-size: 11px;
}
.adaj-container-right-item-cts ul li a {
  display: inline-block;
}
.adaj-container-right-item-cts ul li a.ico-online:before {
  content: '';
  background: url(/static/full/danskin/images/svg/icn_cart.svg) no-repeat;
  background-size: cover;
  left: 2px;
}
@media (max-width: 768px) {
  .adaj-container  {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .adaj-container-left,
  .adaj-container-right {
    display: block;
    max-width: 100%;
    float: none;
  }
  .adaj-container-left {
    padding-right: 0;
  }
  .adaj-container-left-myfavorite-logo {
    max-width: 240px;
    margin: 30px auto 20px;
  }
  .adaj-container-left-ttl {
    text-align: center;
    font-size: 30px;
    margin:0 auto 20px;
  }
  .adaj-container-left-ttl.type-small {
    font-size: 16px;
  }
  .adaj-container-left p,
  .adaj-container-left ul,
  .adaj-container-right-item-cts {
    padding: 0 20px;
  }
  .adaj-container-left-txt {
    font-size: 13px;
    margin-bottom: 20px;
    word-break: break-all;
  }
  .adaj-container-left-txt.type-sp-center {
    text-align: center;
  }
  .adaj-container-left-bnr {
    max-width: 100%;
  }
  .adaj-container-left-list li {
    font-size: 15px;
  }

  .adaj-container-left-btn a {
    margin: 0 auto;
  }
  .adaj-container-left-btn a:hover {
    background: #6C6D71;
}

  .adaj-container-right-item-cts h2 {
    font-size: 15px;
  }
  .adaj-container-right-item-cts ul li {
    display: block;
  }
  .adaj-container-right-item-cts .txt {
    display: block;
  }
  .adaj-container-right-item {
    margin-bottom: 25px;
  }
  .adaj-container-right-item:last-child {
    margin-bottom: 45px;
  }
  .adaj-container-left-bnr {
    margin: 0 20px;
  }
  .adaj .style .display a:hover:after {
    width: 100%;
  }

}

/* 2018workout */
.workout .headInner,
.workout .headInner--2  {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
.workout .heading-1 {
  margin-bottom: 80px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 2.0;
  letter-spacing: 0.05em;
}
.workout .heading-1 p {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", 'Yu Gothic' , "メイリオ", "Meiryo", "Avenir Next","Avenir", Helvetica, Arial, sans-serif;
}
.collection.collection_capsule.workout .style .detail {
  display: inline-block;
}
.collection.collection_capsule.workout .capsuleMain {
  margin-bottom: 70px;
  background: url(/static/full/danskin/images/info/2018workout/ph_2018workout.jpg) no-repeat center center;
  background-size: cover;
}
.collection.collection_capsule.workout .capsuleMain .heading-2 {
  width: 33%;
  top: 50%;
  left: 7%;
}
.collection.collection_capsule.workout .capsuleMain .day {
  font-size: 21px;
  margin-bottom: 10px;
  letter-spacing: 0.055em;
}
.collection.collection_capsule.workout .capsuleMain .sub {
  position: relative;
  display: inline-block;
  font-size: 30px;
  margin-right: 10px;
  color: #FFF;
  vertical-align: middle;
  margin-bottom: 8px;
}
.collection.collection_capsule.workout .capsuleMain .sub:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #FFF;
}
.collection.collection_capsule.workout .capsuleMain .h-style-1 {
  display: inline-block;
  font-size: 52px;
  margin-bottom: 0;
  vertical-align: middle;
}
.workout .info {
  text-align: center;
}
.workout .info:hover a {
  opacity: 0.7;
}
.workout .info .detail {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 18px;
}
.workout .info .detail--ttl {
  display: block;
  font-weight: bold;
}
.workout .info .online--store {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 10;
}
.workout .info a {
  z-index: 100;
}
.workout .info .online--store {
  font-size: 11px;
  letter-spacing: 0.55px;
}
.workout .info:hover .online--store {
  opacity: 1;
}

.workout .info .online--store .detail--cart:before {
  content: '';
  width: 0;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: width;
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  background-color: #000;
}
.workout .info .online--store .detail--cart {
  position: relative;
}
.workout .info:hover .online--store .detail--cart:before {
  width: 100%;
}
.workout .info .online--store img {
  width: 15px;
  margin-right: 3px;
}
.workout .info .img:before {
  display: none;
}

.collection.workout .style .display .item strong {
  font-weight: bold;
}
.workout .top-collection .item.col1:before {
  padding-top: 41.42%;
}
.collection.collection_capsule.workout .style .img:hover:after {
  background: none;
}
/* ------------------ */

/* 2018ss 2018workout */
.collection .top-collection {
  margin-bottom: 0;
}
.collection .top-collection .contents.col1 {
  padding-bottom: 0;
}
.collection .top-collection .item {
  position: relative;
  margin-bottom: 0;
  margin-top: 40px;
}
/* ------------------ */
/*.collection.workout .style .display a {
  display: block;
}*/
@media (max-width: 768px) {
  .workout .info {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .workout .info .detail {
    margin-bottom: 5px;
  }
  .workout .headInner,
  .workout .headInner--2 {
    max-width: inherit;
    margin: 0 auto;
    padding: 0 20px;
  }
  .workout .headInner--2
  {
    background-color: #efeff0;
  }
  .collection.collection_capsule.workout .capsuleMain {
    margin-bottom: 40px;
    background: url(/static/full/danskin/images/info/2018workout/ph_2018workout_sp.jpg) no-repeat center center;
    background-size: cover;
  }
  .collection.collection_capsule.workout .capsuleMain .heading-2 {
    width: 70%;
    top: 50%;
    left: 15%;
  }
  .collection.collection_capsule.workout .capsuleMain .day {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .collection.collection_capsule.workout .capsuleMain .sub {
    font-size: 21px;
  }
  .collection.collection_capsule.workout .capsuleMain .sub:after {
      border-bottom: 2px solid #FFF;
  }
  .collection.collection_capsule.workout .capsuleMain .h-style-1 {
    font-size: 37px;
  }
  .workout .heading-1 {
    margin-bottom: 50px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .workout .info {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .workout .cf {
    font-size: 0;
    letter-spacing: normal;
  }
  .workout .info:nth-child(2n-1) {
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }
  .workout .info:nth-child(2n) {
    -webkit-transition: all 1400ms;
    transition: all 1400ms;
  }
  .workout .info .online--store {
    position: static;
    display: block;
    -webkit-transform: none;
    transform: none;
  }
  .workout .info .online--store {
    font-size: 11px;
    opacity: 1;
  }
  .workout .info .online--store .detail--cart:before {
    content: '';
    width: 100%;
    bottom: 1px;
  }
  .collection.workout .headInner--2 .style .display a {
    display: inline-block;
  }
  .workout .top-collection .item {
    margin-top: 20px;
  }
  .collection .top-collection .inner {
    padding: 0 20px;
  }
  .workout .top-collection .item.col1:before {
    padding-top: 100%;
  }
}


/* beautiful things */
.beautifulthings .capsuleMain {
  position: relative;
  background: url(/static/full/danskin/images/info/beautifulthings/mv.jpg) center center;
  background-size: cover;
}
.beautifulthings .capsuleMain:before {
  content: '';
  display: block;
  padding-top: 50%;
}
.beautifulthings .capsuleMain:after {
  content: '';
  display: block;
  background: rgba(56,40,4,.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.beautifulthings__logo {
  max-width: 350px;
  margin-top: 80px;
}
.beautifulthings .capsuleMain .heading-2 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.anchorbg-gray {
  background: #eee;
}
.beautifulthings .brand-navi {
  padding: 25px 0;
  font-size: 16px;
  font-weight: bold;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;  /* 慣性スクロール */
}
.beautifulthings__catch {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  margin-top: 80px;
  white-space: nowrap;
}
.beautifulthings__block {
  margin-bottom: 100px;
}
.beautifulthings__block.other {
    background: #f8f8f8;
    padding: 60px 0;
}
.beautifulthings__block__ttl {
  text-align: center;
  font-size: 20px;
  letter-spacing: .1em;
  font-weight: bold;
  margin-bottom: 25px;
}
.beautifulthings__block__det {
  width: 60%;
  margin: 20px auto 0;
  line-height: 1.7;
  padding: 0 10px;
}
.beautifulthings__det__ttl {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
}
.beautifulthings__det__txt .map {
  position: relative;
}
.beautifulthings__det__txt .map:after {
  content: '';
  border-bottom: 1px solid #000;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .4s;
}
.beautifulthings__det__txt .map:hover:after {
  width: 0;
}

.beautifulthings__block__det a {
  display: inline-block;
  margin-left: 5px;
}
.sp-scrollx {
  overflow: hidden;
  width: 100%;
}
.sp-scrollx__inner {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sp-scrollx__inner ul {
  display: table;
  max-width: 100%;
  margin: 0 auto;
}
.sp-scrollx__inner li {
  display: table-cell;
  white-space: nowrap;
  padding: 0 30px;
}
/*::-webkit-scrollbar{
  display: none;
}*/
.beautifulthings__block .normal-slider .slick-prev {
  cursor: pointer;
  left: 50px;
  height: 25px;
}
.beautifulthings__block .normal-slider .slick-next {
  cursor: pointer;
  right: 50px;
  height: 50px;
}
.beautifulthings__block .normal-slider .slick-prev:before,
.beautifulthings__block .normal-slider .slick-next:before {
  content: '';
  display: block;
  background-image: url(/static/full/danskin/images/icn_arrow_01.png);
  background-position-y: center;
  width: 50px;
  height: 50px;
  padding: 11px;
  background-color: #000;
  opacity: .5;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .beautifulthings__block__ttl {
    font-size: 18px;
  }
  .beautifulthings__det__txt .map:hover:after {
    width: 100%;
  }
  .beautifulthings .capsuleMain:before {
    padding-top: 100%;
  }
  .beautifulthings__logo {
    width: 70vw;
  }
  .beautifulthings__catch {
    padding: 0 20px;
    margin-top: 40px;
    font-size: 13px;
    font-weight: normal;
    white-space:  normal;
  }
  .beautifulthings__catch br {
    display: none;
  }
  .beautifulthings__block {
    margin-bottom: 60px;
  }
  .beautifulthings__block__det {
    width: 100%;
    margin: 20px auto 0;
    line-height: 1.7;
    padding: 0 20px;
  }
  .sp-scrollx__inner li {
    padding: 0 15px;
  }
  .beautifulthings .brand-navi {
    font-size: 14px;
    padding: 18px 0;
  }
  .beautifulthings__block .normal-slider.slid_sidecut .slick-prev {
    left: 40px;
  }
  .beautifulthings__block .normal-slider.slid_sidecut .slick-next {
    right: 40px;
  }
  .beautifulthings__block.other {
    padding: 40px 0;
  }
  .beautifulthings__block .normal-slider .slick-next,
  .beautifulthings__block .normal-slider .slick-prev {
    height: 23px;
  }
  .beautifulthings__block .normal-slider .slick-prev:before,
  .beautifulthings__block .normal-slider .slick-next:before {
    width: 35px;
    height: 35px;
  }
}
/*-------------------------------------------------------------------------------
2018istanstore
-------------------------------------------------------------------------------*/
.isetanstore_2018 {
  text-align: center;
}
.isetanstore_2018 .isetanstore_2018__img {
  width: 90%;
}
.isetanstore_2018 .infoTpl-5__cts {
  text-align: left;
}
@media (max-width: 768px) {
  .isetanstore_2018 .isetanstore_2018__img {
    width: 100%;
  }
  .isetanstore_2018 .infoTpl-5__cts__ttl {
    margin: 0 0 20px 0;
  }
  .isetanstore_2018 .infoTpl-5__cts {
    text-align: left;
  }
  .isetanstore_2018__ttl {
    margin-top: 5px;
    line-height: 1;
  }
}

.d-container.slide-container {
  max-width: 1000px;
  width: auto;
  margin: 0 auto;
}


/*-------------------------------------------------------------------------------
run
-------------------------------------------------------------------------------*/
.slideBlock.js-carousel-7 {
  margin: 0;
}
.js-carousel-7 .info {
  margin: 0;
  margin-top: 10px;
  transition: none;
  opacity: 1;
}
.js-carousel-7 .info .detail {
  font-size: 12px;
  margin-top: 15px;
}
.js-carousel-7 .info.slick-slide img {
  display: inline-block;
}
.js-carousel-7 .slick-prev {
  z-index: 1000;
  left: 0;
}
.js-carousel-7 .slick-next {
  z-index: 1000;
  right: 0;
}

@media screen and (max-width: 768px) {
  .slideBlock.js-carousel-7 {
    margin: 0 10px;
  }
}


/*-------------------------------------------------------------------------------
fancybox
-------------------------------------------------------------------------------*/
.fancybox-content {
  margin: 44px 0 44px !important;
  width: 80% !important;
  max-width: calc(100% - 100px) !important;
}
.fancy-movie {
  position: relative;
}
.movie-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 768px) {
  .fancybox-content {
    width: 100%!important;
    max-width: calc(100% - 60px);
  }
  .fancybox-slide {
    padding: 0;
  }
  .movie-btn {
    width: 60px;
    height: 60px;
  }
}

/* figure.img 打ち消し */
.brand-collection .fancy-movie .img {
  width: 100%;
}
.brand-collection .fancy-movie .img:before {
  padding-top: 50%;
}
@media screen and (max-width: 768px) {
  .brand-collection .movie .img:before {
    padding-top: 100%;
  }
  .brand-collection .fancy-movie .img:before {
    padding-top: 100%;
  }
}

/*-------------------------------------------------------------------------------
Collection Mainvisual
-------------------------------------------------------------------------------*/
.collection_mainvisual {
  position: relative;
  z-index: 1;
}
.collection_mainvisual.animation-f {
  transform: none;
}
.collection_mainvisual-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.collection_mainvisual-sub_title {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 0 6px;
}
.collection_mainvisual-heading {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.collection_mainvisual + .collection {
  padding-top: 130px;
}
@media screen and (max-width: 768px) {
  .collection_mainvisual-sub_title {
    font-size: 13px;
  }
  .collection_mainvisual-heading {
    font-size: 22px;
  }
  .collection_mainvisual + .collection {
    padding-top: 60px;
  }
}

/*-------------------------------------------------------------------------------
Collection Itemlist
-------------------------------------------------------------------------------*/
.collection .contents ~ .collection_itemlist {
  margin-top: 150px;
}
.collection_itemlist-header {
  text-align: center;
  margin: 0 0 70px;
}
.collection_itemlist-heading {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.collection_itemlist-items {
  display: flex;
  flex-wrap: wrap;
}
.collection_itemlist-items.type-4column .collection_itemlist-item {
  width: calc((100% - 60px) / 4);
}
.collection_itemlist-items.type-4column .collection_itemlist-item:not(:nth-of-type(4n+1)) {
  margin-left: 20px;
}
.collection_itemlist-items.type-4column .collection_itemlist-item:nth-of-type(n+5) {
  margin-top: 40px;
}
.collection_itemlist-image a {
  display: block;
}
.collection_itemlist-detail {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 15px 0 0;
}
.collection_itemlist-detail .item {
  display: block;
  font-weight: bold;
}
.collection_itemlist-detail .price {
  display: block;
  margin: 2px 0 0;
}
.collection_itemlist-detail a {
  display: inline-block;
  margin: 14px 0 0;
}
.collection_itemlist-detail a:after {
  content: "";
  display: block;
  width: calc(100% - 18px);
  height: 1px;
  background: #000;
  margin: -2px 0 0 auto;
  transition: 0.4s;
}
.collection_itemlist-detail a:hover {
  opacity: 1;
}
.collection_itemlist-detail a:hover:after {
  width: 0;
  transition: 0.4s;
}
.collection_itemlist-detail a img {
  width: 15px;
  margin-right: 3px;
}
@media screen and (max-width: 768px) {
  .collection .contents ~ .collection_itemlist {
    margin-top: 70px;
  }
  .collection_itemlist-header {
    margin: 0 0 40px;
  }
  .collection_itemlist-heading {
    font-size: 17px;
  }
  .collection_itemlist-items.type-4column .collection_itemlist-item {
    width: calc((100% - 11px) / 2);
  }
  .collection_itemlist-items.type-4column .collection_itemlist-item:nth-of-type(n) {
    margin: 0;
  }
  .collection_itemlist-items.type-4column .collection_itemlist-item:not(:nth-of-type(2n+1)) {
    margin-left: 11px;
  }
  .collection_itemlist-items.type-4column .collection_itemlist-item:nth-of-type(n+3) {
    margin-top: 34px;
  }
  .collection_itemlist-detail a {
    display: block;
    text-decoration: underline;
  }
  .collection_itemlist-detail a:after {
    display: none;
  }
}

/*-------------------------------------------------------------------------------
Top Attention
-------------------------------------------------------------------------------*/
.top-attention-content {
  text-align: center;
  padding: 18px 0;
  margin: 30px 0 0;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}
.top-attention-heading {
  font-size: 13px;
  margin: 0 0 4px;
}
.top-attention-link + .top-attention-link {
  margin-top: 4px;
}
.top-attention-link a {
  display: block;
  font-size: 13px;
}
.top-attention-link a span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 14px 0 0;
  position: relative;
  z-index: 1;
}
.top-attention-link a span:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 0 0 7px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-25%,-50%) rotate(45deg) translateZ(0);
}
@media screen and (min-width: 769px) {
  .top-attention-content {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: 5px 0;
    margin: 40px 0 0;
  }
  .top-attention-heading {
    background: #F4F4F4;
    padding: 15px;
    margin: 0;
    flex: 0 0 auto;
  }
  .top-attention-detail {
    padding: 5px 0;
    flex: 1 1 auto;
  }
  .top-attention-link + .top-attention-link {
    margin-top: 0;
  }
  .top-attention-link a {
    padding: 10px 15px;
  }
}

/*-------------------------------------------------------------------------------
Top Badge
-------------------------------------------------------------------------------*/
.top-badge {
  margin: 40px 0 50px;
}
.top-badge-content {
  color: #CC5353;
  text-align: center;
  padding: 16px 8px;
  border-top: 1px solid #D6AAAA;
  border-bottom: 1px solid #D6AAAA;
}
.top-badge-text {
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .top-badge {
    margin: 80px 0;
  }
}

/*-------------------------------------------------------------------------------
Top Styling
-------------------------------------------------------------------------------*/
.style-module {
  padding: 0 0 81px;
  position: relative;
}

.style-module .inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

.viewmore {
  position: absolute;
  top: 2px;
  right: 12px;
}

.viewmore:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}

.viewmore:hover {
  border-bottom: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.viewmore:hover:after {
  width: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#styling_container:before,#styling_container:after {
  content: "";
  display: table;
}

#styling_container:after {
  clear: both;
}

#styling_container li {
  position: relative;
  overflow: hidden;
  width: calc((100% - 64px) /5);
  float: left;
  margin-right: 16px;
}


#styling_container li:nth-child(5) {
  margin-right: 0;
}

#styling_container li a {
  display:block;
  width:100%;
  height: auto;
}

#styling_container .item_photoArea{
  margin-bottom:10px;
}

/*-------------------------------------------------------------------------------
EC header / footer @ 2019.06.
-------------------------------------------------------------------------------*/
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes translate{0%,to{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(100%);transform:translate(100%)}}@-webkit-keyframes move-right{0%{left:-100%}to{left:100%}}@-webkit-keyframes square-fill{0%,25%,to{height:0}50%,75%{height:100%}}@-webkit-keyframes square-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%,50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0}[class^=ui-],[class^=ui-]:after,[class^=ui-]:before{-webkit-box-sizing:content-box;box-sizing:content-box}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;font-weight:400}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;color:#333;font-weight:600;background:#e9e9e9}.ui-widget-header a{color:#333}.ui-widget-overlay{background:#aaa;opacity:.3;position:fixed;top:0;left:0;width:100%;height:100%}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;color:#454545;font-weight:400}.ui-state-default,.ui-state-default:active,.ui-state-default:focus,.ui-state-default:hover,.ui-state-default a,.ui-state-default a:active,.ui-state-default a:focus,.ui-state-default a:hover,.ui-widget-content .ui-state-default,.ui-widget-content .ui-state-default:active,.ui-widget-content .ui-state-default:focus,.ui-widget-content .ui-state-default:hover,.ui-widget-content .ui-state-default a,.ui-widget-content .ui-state-default a:active,.ui-widget-content .ui-state-default a:focus,.ui-widget-content .ui-state-default a:hover,.ui-widget-header .ui-state-default,.ui-widget-header .ui-state-default:active,.ui-widget-header .ui-state-default:focus,.ui-widget-header .ui-state-default:hover,.ui-widget-header .ui-state-default a,.ui-widget-header .ui-state-default a:active,.ui-widget-header .ui-state-default a:focus,.ui-widget-header .ui-state-default a:hover{color:#454545;text-decoration:none}.ui-state-default-text,.ui-widget-content .ui-state-default-text,.ui-widget-header .ui-state-default-text{color:#454545}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;color:#2b2b2b;font-weight:400}.ui-state-hover,.ui-state-hover:active,.ui-state-hover:focus,.ui-state-hover:hover,.ui-state-hover a,.ui-state-hover a:active,.ui-state-hover a:focus,.ui-state-hover a:hover,.ui-widget-content .ui-state-hover,.ui-widget-content .ui-state-hover:active,.ui-widget-content .ui-state-hover:focus,.ui-widget-content .ui-state-hover:hover,.ui-widget-content .ui-state-hover a,.ui-widget-content .ui-state-hover a:active,.ui-widget-content .ui-state-hover a:focus,.ui-widget-content .ui-state-hover a:hover,.ui-widget-header .ui-state-hover,.ui-widget-header .ui-state-hover:active,.ui-widget-header .ui-state-hover:focus,.ui-widget-header .ui-state-hover:hover,.ui-widget-header .ui-state-hover a,.ui-widget-header .ui-state-hover a:active,.ui-widget-header .ui-state-hover a:focus,.ui-widget-header .ui-state-hover a:hover{color:#2b2b2b;text-decoration:none}.ui-state-hover-text,.ui-widget-content .ui-state-hover-text,.ui-widget-header .ui-state-hover-text{color:#2b2b2b}.ui-state-focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;color:#2b2b2b;font-weight:400}.ui-state-focus,.ui-state-focus:active,.ui-state-focus:focus,.ui-state-focus:hover,.ui-state-focus a,.ui-state-focus a:active,.ui-state-focus a:focus,.ui-state-focus a:hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-focus:active,.ui-widget-content .ui-state-focus:focus,.ui-widget-content .ui-state-focus:hover,.ui-widget-content .ui-state-focus a,.ui-widget-content .ui-state-focus a:active,.ui-widget-content .ui-state-focus a:focus,.ui-widget-content .ui-state-focus a:hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-focus:active,.ui-widget-header .ui-state-focus:focus,.ui-widget-header .ui-state-focus:hover,.ui-widget-header .ui-state-focus a,.ui-widget-header .ui-state-focus a:active,.ui-widget-header .ui-state-focus a:focus,.ui-widget-header .ui-state-focus a:hover{color:#2b2b2b;text-decoration:none}.ui-state-focus-text,.ui-widget-content .ui-state-focus-text,.ui-widget-header .ui-state-focus-text{color:#2b2b2b}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620;font-weight:400}.ui-state-highlight,.ui-state-highlight:active,.ui-state-highlight:focus,.ui-state-highlight:hover,.ui-state-highlight a,.ui-state-highlight a:active,.ui-state-highlight a:focus,.ui-state-highlight a:hover,.ui-widget-content .ui-state-highlight,.ui-widget-content .ui-state-highlight:active,.ui-widget-content .ui-state-highlight:focus,.ui-widget-content .ui-state-highlight:hover,.ui-widget-content .ui-state-highlight a,.ui-widget-content .ui-state-highlight a:active,.ui-widget-content .ui-state-highlight a:focus,.ui-widget-content .ui-state-highlight a:hover,.ui-widget-header .ui-state-highlight,.ui-widget-header .ui-state-highlight:active,.ui-widget-header .ui-state-highlight:focus,.ui-widget-header .ui-state-highlight:hover,.ui-widget-header .ui-state-highlight a,.ui-widget-header .ui-state-highlight a:active,.ui-widget-header .ui-state-highlight a:focus,.ui-widget-header .ui-state-highlight a:hover{color:#777620;text-decoration:none}.ui-state-highlight-text,.ui-widget-content .ui-state-highlight-text,.ui-widget-header .ui-state-highlight-text{color:#777620}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;color:#fff;font-weight:400}.ui-state-active,.ui-state-active:active,.ui-state-active:focus,.ui-state-active:hover,.ui-state-active a,.ui-state-active a:active,.ui-state-active a:focus,.ui-state-active a:hover,.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-active:active,.ui-widget-content .ui-state-active:focus,.ui-widget-content .ui-state-active:hover,.ui-widget-content .ui-state-active a,.ui-widget-content .ui-state-active a:active,.ui-widget-content .ui-state-active a:focus,.ui-widget-content .ui-state-active a:hover,.ui-widget-header .ui-state-active,.ui-widget-header .ui-state-active:active,.ui-widget-header .ui-state-active:focus,.ui-widget-header .ui-state-active:hover,.ui-widget-header .ui-state-active a,.ui-widget-header .ui-state-active a:active,.ui-widget-header .ui-state-active a:focus,.ui-widget-header .ui-state-active a:hover{color:#fff;text-decoration:none}.ui-state-active-text,.ui-widget-content .ui-state-active-text,.ui-widget-header .ui-state-active-text{color:#fff}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f;font-weight:400}.ui-state-error,.ui-state-error:active,.ui-state-error:focus,.ui-state-error:hover,.ui-state-error a,.ui-state-error a:active,.ui-state-error a:focus,.ui-state-error a:hover,.ui-widget-content .ui-state-error,.ui-widget-content .ui-state-error:active,.ui-widget-content .ui-state-error:focus,.ui-widget-content .ui-state-error:hover,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error a:active,.ui-widget-content .ui-state-error a:focus,.ui-widget-content .ui-state-error a:hover,.ui-widget-header .ui-state-error,.ui-widget-header .ui-state-error:active,.ui-widget-header .ui-state-error:focus,.ui-widget-header .ui-state-error:hover,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error a:active,.ui-widget-header .ui-state-error a:focus,.ui-widget-header .ui-state-error a:hover{color:#5f3f3f;text-decoration:none}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.5;font-weight:400}@font-face{font-family:jquery-ui;src:url(../fonts/jquery-ui.eot?jquf1.4.1);src:url(../fonts/jquery-ui.eot?#iefixjquf1.4.1) format("embedded-opentype"),url(../fonts/jquery-ui.woff?jquf1.4.1) format("woff"),url(../fonts/jquery-ui.ttf?jquf1.4.1) format("truetype"),url(../fonts/jquery-ui.svg?jquf1.4.1#jquery-ui) format("svg");font-style:normal;font-variant:normal;font-weight:400}.ui-busy-icon,.ui-icon{display:inline;background:transparent none no-repeat scroll 0 0!important;font:normal normal normal 14px/16px jquery-ui,sans-serif;overflow:hidden;padding:0;margin:0;position:relative;line-height:inherit;text-transform:none;-webkit-transform:translate(0);transform:translate(0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0}.ui-busy-icon:before,.ui-icon:before{display:inline;content:"";font-size:16px}.ui-icon-arrow-1-n:before,.ui-icon-arrow-u:before{content:"\e600"}.ui-icon-arrow-1-ne:before,.ui-icon-arrow-u-r:before{content:"\e601"}.ui-icon-arrow-1-e:before,.ui-icon-arrow-r:before{content:"\e602"}.ui-icon-arrow-1-se:before,.ui-icon-arrow-d-r:before{content:"\e603"}.ui-icon-arrow-1-s:before,.ui-icon-arrow-d:before{content:"\e604"}.ui-icon-arrow-1-sw:before,.ui-icon-arrow-d-l:before{content:"\e605"}.ui-icon-arrow-1-w:before,.ui-icon-arrow-l:before{content:"\e606"}.ui-icon-arrow-1-nw:before,.ui-icon-arrow-u-l:before{content:"\e607"}.ui-icon-arrowstop-1-n:before{content:"\e608"}.ui-icon-arrowstop-1-e:before{content:"\e609"}.ui-icon-arrowstop-1-s:before{content:"\e60a"}.ui-icon-arrowstop-1-w:before{content:"\e60b"}.ui-icon-arrowreturn-1-n:before{content:"\e60c"}.ui-icon-arrowreturn-1-e:before,.ui-icon-forward:before{content:"\e60d"}.ui-icon-arrowreturn-1-s:before{content:"\e60e"}.ui-icon-arrowreturn-1-w:before,.ui-icon-back:before{content:"\e60f"}.ui-icon-arrowrefresh-1-n:before{content:"\e610"}.ui-icon-arrowrefresh-1-e:before{content:"\e611"}.ui-icon-arrowrefresh-1-s:before{content:"\e612"}.ui-icon-arrowrefresh-1-w:before{content:"\e613"}.ui-icon-arrow-2-n-s:before{content:"\e614"}.ui-icon-arrow-2-ne-sw:before{content:"\e615"}.ui-icon-arrow-2-e-w:before{content:"\e616"}.ui-icon-arrow-2-se-nw:before{content:"\e617"}.ui-icon-arrow-4:before,.ui-icon-move:before{content:"\e618"}.ui-icon-arrow-4-diag:before,.ui-icon-fullscreen:before{content:"\e619"}.ui-icon-arrowthick-1-n:before{content:"\e61a"}.ui-icon-arrowthick-1-ne:before{content:"\e61b"}.ui-icon-arrowthick-1-e:before{content:"\e61c"}.ui-icon-arrowthick-1-se:before{content:"\e61d"}.ui-icon-arrowthick-1-s:before{content:"\e61e"}.ui-icon-arrowthick-1-sw:before{content:"\e61f"}.ui-icon-arrowthick-1-w:before{content:"\e620"}.ui-icon-arrowthick-1-nw:before{content:"\e621"}.ui-icon-arrowthickstop-1-n:before{content:"\e622"}.ui-icon-arrowthickstop-1-e:before{content:"\e623"}.ui-icon-arrowthickstop-1-s:before{content:"\e624"}.ui-icon-arrowthickstop-1-w:before{content:"\e625"}.ui-icon-arrowreturnthick-1-n:before{content:"\e626"}.ui-icon-arrowreturnthick-1-e:before{content:"\e627"}.ui-icon-arrowreturnthick-1-s:before{content:"\e628"}.ui-icon-arrowreturnthick-1-w:before{content:"\e629"}.ui-icon-arrowthick-2-n-s:before{content:"\e62a"}.ui-icon-arrowthick-2-ne-sw:before{content:"\e62b"}.ui-icon-arrowthick-2-e-w:before{content:"\e62c"}.ui-icon-arrowthick-2-se-nw:before{content:"\e62d"}.ui-icon-circle-arrow-n:before{content:"\e62e"}.ui-icon-circle-arrow-e:before{content:"\e62f"}.ui-icon-circle-arrow-s:before{content:"\e630"}.ui-icon-circle-arrow-w:before{content:"\e631"}.ui-icon-circle-b-arrow-n:before{content:"\e632"}.ui-icon-circle-b-arrow-e:before{content:"\e633"}.ui-icon-circle-b-arrow-s:before{content:"\e634"}.ui-icon-circle-b-arrow-w:before{content:"\e635"}.ui-icon-carat-1-n:before,.ui-icon-caret-u:before{content:"\e636"}.ui-icon-carat-1-ne:before{content:"\e637"}.ui-icon-carat-1-e:before,.ui-icon-caret-r:before{content:"\e638"}.ui-icon-carat-1-se:before{content:"\e639"}.ui-icon-carat-1-s:before,.ui-icon-caret-d:before{content:"\e63a"}.ui-icon-carat-1-sw:before{content:"\e63b"}.ui-icon-carat-1-w:before,.ui-icon-caret-l:before{content:"\e63c"}.ui-icon-carat-1-nw:before{content:"\e63d"}.ui-icon-carat-2-n:before{content:"\e63e"}.ui-icon-carat-2-e:before{content:"\e63f"}.ui-icon-carat-2-s:before{content:"\e640"}.ui-icon-carat-2-w:before{content:"\e641"}.ui-icon-carat-2-n-s:before{content:"\e642"}.ui-icon-carat-2-e-w:before{content:"\e643"}.ui-icon-triangle-1-n:before{content:"\e644"}.ui-icon-triangle-1-ne:before{content:"\e645"}.ui-icon-triangle-1-e:before{content:"\e646"}.ui-icon-triangle-1-se:before{content:"\e647"}.ui-icon-triangle-1-s:before{content:"\e648"}.ui-icon-triangle-1-sw:before{content:"\e649"}.ui-icon-triangle-1-w:before{content:"\e64a"}.ui-icon-triangle-1-nw:before{content:"\e64b"}.ui-icon-triangle-1-n-stop:before{content:"\e64c"}.ui-icon-seek-end:before,.ui-icon-triangle-1-e-stop:before{content:"\e64d"}.ui-icon-triangle-1-s-stop:before{content:"\e64e"}.ui-icon-seek-first:before,.ui-icon-triangle-1-w-stop:before{content:"\e64f"}.ui-icon-seek-next:before,.ui-icon-triangle-2-e:before{content:"\e650"}.ui-icon-seek-prev:before,.ui-icon-triangle-2-w:before{content:"\e651"}.ui-icon-triangle-2-n-s:before{content:"\e652"}.ui-icon-triangle-2-e-w:before{content:"\e653"}.ui-icon-circle-triangle-n:before{content:"\e654"}.ui-icon-circle-triangle-e:before{content:"\e655"}.ui-icon-circle-triangle-s:before{content:"\e656"}.ui-icon-circle-triangle-w:before{content:"\e657"}.ui-icon-circle-b-triangle-n:before{content:"\e658"}.ui-icon-circle-b-triangle-e:before{content:"\e659"}.ui-icon-circle-b-triangle-s:before{content:"\e65a"}.ui-icon-circle-b-triangle-w:before{content:"\e65b"}.ui-icon-bullet:before{content:"\e65c"}.ui-icon-circle:before,.ui-icon-radio-off:before{content:"\e65d"}.ui-icon-alert:before{content:"\e65e"}.ui-icon-alert-b:before{content:"\e65f"}.ui-icon-help-plain:before{content:"\e660"}.ui-icon-circle-help:before,.ui-icon-help:before{content:"\e661"}.ui-icon-circle-b-help:before{content:"\e662"}.ui-icon-info-plain:before{content:"\e663"}.ui-icon-circle-info:before,.ui-icon-info:before{content:"\e664"}.ui-icon-circle-b-info:before{content:"\e665"}.ui-icon-notice-plain:before{content:"\e666"}.ui-icon-circle-notice:before,.ui-icon-notice:before{content:"\e667"}.ui-icon-circle-b-notice:before{content:"\e668"}.ui-icon-grip-diagonal-se:before{content:"\e669"}.ui-icon-gripsmall-diagonal-se:before{content:"\e66a"}.ui-icon-grip-solid-horizontal:before{content:"\e66b"}.ui-icon-grip-dotted-horizontal:before{content:"\e66c"}.ui-icon-grip-solid-vertical:before{content:"\e66d"}.ui-icon-grip-dotted-vertical:before{content:"\e66e"}.ui-icon-check:before{content:"\e66f"}.ui-icon-circle-check:before{content:"\e670"}.ui-icon-circle-b-check:before{content:"\e671"}.ui-icon-check-off:before{content:"\e672"}.ui-icon-check-on:before{content:"\e673"}.ui-icon-cancel:before,.ui-icon-forbidden:before{content:"\e674"}.ui-icon-close:before,.ui-icon-delete:before{content:"\e675"}.ui-icon-circle-close:before{content:"\e676"}.ui-icon-circle-b-close:before{content:"\e677"}.ui-icon-closethick:before{content:"\e678"}.ui-icon-squaresmall-close:before{content:"\e679"}.ui-icon-circlesmall-close:before{content:"\e67a"}.ui-icon-minus:before{content:"\e67b"}.ui-icon-circle-minus:before{content:"\e67c"}.ui-icon-circle-b-minus:before{content:"\e67d"}.ui-icon-minusthick:before{content:"\e67e"}.ui-icon-squaresmall-minus:before{content:"\e67f"}.ui-icon-circlesmall-minus:before{content:"\e680"}.ui-icon-plus:before{content:"\e681"}.ui-icon-circle-plus:before{content:"\e682"}.ui-icon-circle-b-plus:before{content:"\e683"}.ui-icon-plusthick:before{content:"\e684"}.ui-icon-squaresmall-plus:before{content:"\e685"}.ui-icon-circlesmall-plus:before{content:"\e686"}.ui-icon-edit:before,.ui-icon-pencil:before{content:"\e687"}.ui-icon-copy:before,.ui-icon-files:before{content:"\e688"}.ui-icon-cut:before,.ui-icon-scissors:before{content:"\e689"}.ui-icon-clipboard:before,.ui-icon-paste:before{content:"\e68a"}.ui-icon-disk:before,.ui-icon-save:before{content:"\e68b"}.ui-icon-undo:before{content:"\e68c"}.ui-icon-redo:before{content:"\e68d"}.ui-icon-rename:before{content:"\e68e"}.ui-icon-recycle:before,.ui-icon-trash:before{content:"\e68f"}.ui-icon-print:before{content:"\e690"}.ui-icon-print-b:before{content:"\e691"}.ui-icon-note:before{content:"\e692"}.ui-icon-table:before{content:"\e693"}.ui-icon-tag:before{content:"\e694"}.ui-icon-ticket:before{content:"\e695"}.ui-icon-folder-collapsed:before,.ui-icon-folder:before{content:"\e696"}.ui-icon-folder-expanded:before,.ui-icon-folder-open:before{content:"\e697"}.ui-icon-document:before,.ui-icon-file:before{content:"\e698"}.ui-icon-document-b:before,.ui-icon-file-b:before{content:"\e699"}.ui-icon-audio:before,.ui-icon-music:before{content:"\e69a"}.ui-icon-film:before,.ui-icon-movie:before{content:"\e69b"}.ui-icon-video:before{content:"\e69c"}.ui-icon-image:before,.ui-icon-picture:before{content:"\e69d"}.ui-icon-script:before{content:"\e69e"}.ui-icon-file-pdf:before{content:"\e69f"}.ui-icon-file-rtf:before{content:"\e6a0"}.ui-icon-file-spreadsheet:before,.ui-icon-file-xls:before{content:"\e6a1"}.ui-icon-file-text:before,.ui-icon-file-txt:before{content:"\e6a2"}.ui-icon-file-word:before{content:"\e6a3"}.ui-icon-file-zip:before{content:"\e6a4"}.ui-icon-play:before{content:"\e6a5"}.ui-icon-pause:before{content:"\e6a6"}.ui-icon-stop:before{content:"\e6a7"}.ui-icon-mute:before,.ui-icon-volume-mute:before,.ui-icon-volume-off:before{content:"\e6a8"}.ui-icon-volume-high:before,.ui-icon-volume-on:before{content:"\e6a9"}.ui-icon-volume-low:before,.ui-icon-volume-on-b:before{content:"\e6aa"}.ui-icon-shuffle:before{content:"\e6ab"}.ui-icon-retweet:before{content:"\e6ac"}.ui-icon-eject:before{content:"\e6ad"}.ui-icon-link:before{content:"\e6ae"}.ui-icon-action:before,.ui-icon-extlink:before,.ui-icon-linkext:before{content:"\e6af"}.ui-icon-link-broken:before{content:"\e6b0"}.ui-icon-locked:before{content:"\e6b1"}.ui-icon-unlocked:before{content:"\e6b2"}.ui-icon-window:before{content:"\e6b3"}.ui-icon-dialog:before,.ui-icon-newwin:before,.ui-icon-popup:before{content:"\e6b4"}.ui-icon-window-sidebar:before{content:"\e6b5"}.ui-icon-bars:before,.ui-icon-menu:before{content:"\e6b6"}.ui-icon-home:before{content:"\e6b7"}.ui-icon-bookmark:before{content:"\e6b8"}.ui-icon-bookmark-b:before{content:"\e6b9"}.ui-icon-star:before{content:"\e6ba"}.ui-icon-star-b:before{content:"\e6bb"}.ui-icon-addon:before,.ui-icon-puzzle:before{content:"\e6bc"}.ui-icon-plugin:before{content:"\e6bd"}.ui-icon-package:before{content:"\e6be"}.ui-icon-power:before,.ui-icon-switch:before{content:"\e6bf"}.ui-icon-refresh:before{content:"\e6c0"}.ui-icon-group:before,.ui-icon-users:before{content:"\e6c1"}.ui-icon-person:before,.ui-icon-user:before{content:"\e6c2"}.ui-icon-heart:before{content:"\e6c3"}.ui-icon-heart-b:before{content:"\e6c4"}.ui-icon-heart-beat:before{content:"\e6c5"}.ui-icon-key:before{content:"\e6c6"}.ui-icon-lightbulb:before{content:"\e6c7"}.ui-icon-cart:before,.ui-icon-shop:before{content:"\e6c8"}.ui-icon-cart-b:before{content:"\e6c9"}.ui-icon-clock:before{content:"\e6ca"}.ui-icon-clock-b:before{content:"\e6cb"}.ui-icon-cloud:before{content:"\e6cc"}.ui-icon-cloud-b:before{content:"\e6cd"}.ui-icon-cloud-download:before{content:"\e6ce"}.ui-icon-cloud-upload:before{content:"\e6cf"}.ui-icon-comment:before{content:"\e6d0"}.ui-icon-comments:before{content:"\e6d1"}.ui-icon-globe:before{content:"\e6d2"}.ui-icon-globe-b:before{content:"\e6d3"}.ui-icon-location:before{content:"\e6d4"}.ui-icon-navigation:before{content:"\e6d5"}.ui-icon-gear:before{content:"\e6d6"}.ui-icon-gears:before{content:"\e6d7"}.ui-icon-camera:before{content:"\e6d8"}.ui-icon-flag:before{content:"\e6d9"}.ui-icon-eye:before{content:"\e6da"}.ui-icon-box:before{content:"\e6db"}.ui-icon-transfer-e-w:before{content:"\e6dc"}.ui-icon-transferthick-e-w:before{content:"\e6dd"}.ui-icon-login:before,.ui-icon-sign-in:before{content:"\e6de"}.ui-icon-logoff:before,.ui-icon-logout:before,.ui-icon-sign-out:before{content:"\e6df"}.ui-icon-toggle-off:before{content:"\e6e0"}.ui-icon-toggle-on:before{content:"\e6e1"}.ui-icon-search:before{content:"\e6e2"}.ui-icon-wrench:before{content:"\e6e3"}.ui-icon-settings:before{content:"\e6e4"}.ui-icon-radio-on:before{content:"\e6e5"}.ui-icon-selectbox:before{content:"\e6e6"}.ui-icon-suitcase:before{content:"\e6e7"}.ui-icon-truck:before{content:"\e6e8"}.ui-icon-database:before{content:"\e6e9"}.ui-icon-databases:before{content:"\e6ea"}.ui-icon-book:before{content:"\e6eb"}.ui-icon-book-b:before{content:"\e6ec"}.ui-icon-calculator:before{content:"\e6ed"}.ui-icon-calculator-b:before{content:"\e6ee"}.ui-icon-calendar:before{content:"\e6ef"}.ui-icon-calendar-b:before{content:"\e6f0"}.ui-icon-calendar-day:before{content:"\e6f1"}.ui-icon-address:before{content:"\e6f2"}.ui-icon-contact:before{content:"\e6f3"}.ui-icon-phone:before{content:"\e6f4"}.ui-icon-circle-phone:before{content:"\e6f5"}.ui-icon-mail-closed:before,.ui-icon-mail:before{content:"\e6f6"}.ui-icon-mail-open:before{content:"\e6f7"}.ui-icon-mail-reply:before{content:"\e6f8"}.ui-icon-mail-replyall:before{content:"\e6f9"}.ui-icon-mail-forward:before{content:"\e6fa"}.ui-icon-mail-send:before{content:"\e6fb"}.ui-icon-newsletter:before,.ui-icon-newspaper:before{content:"\e6fc"}.ui-icon-pin-s:before{content:"\e6fd"}.ui-icon-pin-w:before{content:"\e6fe"}.ui-icon-zoomin:before{content:"\e6ff"}.ui-icon-circle-zoomin:before{content:"\e700"}.ui-icon-zoomout:before{content:"\e701"}.ui-icon-circle-zoomout:before{content:"\e702"}.ui-icon-desktop:before,.ui-icon-screen-display:before{content:"\e703"}.ui-icon-screen-laptop:before{content:"\e704"}.ui-icon-mobile:before,.ui-icon-screen-mobile:before{content:"\e705"}.ui-icon-view-icons:before{content:"\e706"}.ui-icon-grid:before,.ui-icon-view-icons-b:before{content:"\e707"}.ui-icon-list:before,.ui-icon-view-list:before{content:"\e708"}.ui-icon-sorting:before{content:"\e709"}.ui-icon-sorting-asc:before{content:"\e70a"}.ui-icon-sorting-desc:before{content:"\e70b"}.ui-icon-battery-0:before{content:"\e70c"}.ui-icon-battery-1:before{content:"\e70d"}.ui-icon-battery-2:before{content:"\e70e"}.ui-icon-battery-3:before{content:"\e70f"}.ui-icon-signal:before{content:"\e710"}.ui-icon-signal-diag:before{content:"\e711"}.ui-icon-window-minimize:before{content:"\e717"}.ui-loading-icon.ui-icon-balls:before{content:"\e712"}.ui-loading-icon.ui-icon-circle:before{content:"\e713"}.ui-loading-icon.ui-icon-comet:before{content:"\e714"}.ui-loading-icon.ui-icon-lines:before{content:"\e715"}.ui-loading-icon.ui-icon-planet:before{content:"\e716"}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes bounce{0%,to{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes translate{0%,to{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes move-right{0%{left:-100%}to{left:100%}}@keyframes square-fill{0%,25%,to{height:0}50%,75%{height:100%}}@keyframes square-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%,50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ui-animate.anti-clockwise .ui-icon,.ui-animate.clockwise .ui-icon{-webkit-animation:clockwise 1s linear infinite;animation:clockwise 1s linear infinite}.ui-animate.anti-clockwise .ui-icon{animation-direction:reverse}.ui-animate.bounce .ui-icon:before{-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite}.ui-loading-icon.ui-icon-circle,.ui-loading-icon.ui-icon-comet,.ui-loading-icon.ui-icon-planet{-webkit-animation:clockwise 1s linear infinite;animation:clockwise 1s linear infinite}.ui-loading-icon.ui-icon-balls,.ui-loading-icon.ui-icon-lines{-webkit-animation:clockwise 1s ease-in-out infinite;animation:clockwise 1s ease-in-out infinite}.ui-corner-all{border-radius:4px}.ui-corner-top{border-top-right-radius:4px;border-top-left-radius:4px}.ui-corner-right{border-bottom-right-radius:4px;border-top-right-radius:4px}.ui-corner-bottom{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-tr{border-top-right-radius:4px}.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-br{border-bottom-right-radius:4px}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:16px;height:20px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #333}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion{margin-bottom:20px}.ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:6px 12px;font-size:16px;line-height:1.5;font-weight:400}.ui-accordion-content{padding:15px;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;z-index:700!important}.ui-button{display:inline-block;position:relative;padding:6px 12px;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;-ms-touch-action:manipulation;touch-action:manipulation;font-size:16px;line-height:1.5;font-weight:400}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only .ui-button-text{display:none}.ui-buttonset:after,.ui-buttonset:before{content:"";display:table;border-collapse:collapse}.ui-buttonset:after{clear:both}.ui-buttonset .ui-button{float:left;margin-right:-1px}.ui-buttonset .ui-button.ui-state-active,.ui-buttonset .ui-button.ui-state-focus,.ui-buttonset .ui-button.ui-state-hover{z-index:100}.ui-datepicker{width:300px;padding:6px;display:none;z-index:500!important;overflow:visible;margin-bottom:20px}.ui-datepicker-header{position:relative;padding:6px;margin:0;border-color:#ddd;border-width:1px;border-radius:4px;background:#e9e9e9;color:#333}.ui-datepicker-next,.ui-datepicker-prev{position:absolute;border:1px solid transparent;top:calc(50% - 12px);width:24px;height:24px;line-height:24px;cursor:pointer}.ui-datepicker-next span,.ui-datepicker-prev span{display:block;position:absolute;left:0;right:0;text-align:center;color:#333;top:calc(50% - 12px)}.ui-datepicker-prev{left:3px}.ui-datepicker-next{right:3px}.ui-datepicker-title{text-align:center;font-size:16px;line-height:1.5;font-weight:400}.ui-datepicker-title select{font-size:16px;margin:1px 0;color:#333}.ui-datepicker-month,.ui-datepicker-year{width:calc(50% - 42px);font-weight:400}.ui-datepicker-month+.ui-datepicker-year{margin-left:6px}.ui-datepicker table{width:100%;font-size:14px;margin:0 0 6px;border-collapse:collapse;table-layout:fixed}.ui-datepicker th{padding:12px 5px;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px;text-align:center}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:6px 2px;text-decoration:none}.ui-datepicker-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;padding:6px 0 0;margin:0}.ui-datepicker-buttonpane:after,.ui-datepicker-buttonpane:before{content:"";display:table;border-collapse:collapse}.ui-datepicker-buttonpane:after{clear:both}.ui-datepicker-buttonpane button{float:right;cursor:pointer;padding:6px 12px}.ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker>:last-child{margin-bottom:0}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin-left:auto;margin-right:auto}.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header{border-radius:0}.ui-datepicker-multi .ui-datepicker-group:first-child .ui-datepicker-header{border-bottom-left-radius:4px;border-top-left-radius:4px}.ui-datepicker-multi .ui-datepicker-group:nth-last-child(3) .ui-datepicker-header{border-bottom-right-radius:4px;border-top-right-radius:4px}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:6px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:6px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:6px;outline:0;z-index:800!important}.ui-dialog-titlebar{padding:6px 12px;position:relative;border-radius:4px;border-width:1px;background:#e9e9e9;margin:0;color:#333;border-color:#ddd}.ui-dialog-titlebar-close{position:absolute;right:6px;top:calc(50% - 11px);width:20px;height:20px;padding:1px}.ui-dialog-title{float:left;width:calc(100% - 32px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-dialog-content{position:relative;border:0;padding:15px;background:none;overflow:auto}.ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;padding:6px 0 0}.ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog-buttonpane button{cursor:pointer}.ui-dialog-buttonpane button:not(:last-child){margin-right:10px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;margin:0 0 20px;display:block;outline:none;min-width:150px;padding:0;border-radius:0;border-color:#ddd;border-width:1px}.ui-menu .ui-menu{position:absolute;z-index:700}.ui-menu-item{margin:0;cursor:pointer;position:relative;padding:6px 12px;border:1px solid transparent}.ui-menu-item.ui-state-active,.ui-menu-item.ui-state-focus{border-color:transparent;background:#007fff;outline:none}.ui-menu-item.ui-state-active,.ui-menu-item.ui-state-active:active,.ui-menu-item.ui-state-active:focus,.ui-menu-item.ui-state-active:hover,.ui-menu-item.ui-state-active a,.ui-menu-item.ui-state-active a:active,.ui-menu-item.ui-state-active a:focus,.ui-menu-item.ui-state-active a:hover,.ui-menu-item.ui-state-focus,.ui-menu-item.ui-state-focus:active,.ui-menu-item.ui-state-focus:focus,.ui-menu-item.ui-state-focus:hover,.ui-menu-item.ui-state-focus a,.ui-menu-item.ui-state-focus a:active,.ui-menu-item.ui-state-focus a:focus,.ui-menu-item.ui-state-focus a:hover{color:#fff;text-decoration:none}.ui-menu-divider{margin:10px 0;border:0;border-bottom:1px solid #ddd}.ui-menu-icon{float:right}.ui-progressbar{height:20px;text-align:left;overflow:hidden;margin-bottom:20px;background:#fff;border:1px solid #ddd}.ui-progressbar-value{margin:-1px;background:#e9e9e9;border:1px solid #ddd;height:100%}.ui-progressbar-overlay{height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{display:none;position:absolute;z-index:700!important}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;margin:0}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:16px;font-weight:700;line-height:1.5;padding:6px 12px;height:auto;margin:-2px 0 10px;color:#333}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer;padding:6px 12px;line-height:1.5}.ui-selectmenu-button span.ui-icon{float:right}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left;background:#fff;border:1px solid #ddd}.ui-slider-handle{position:absolute;z-index:2;width:24px;height:24px;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider-range{position:absolute;z-index:1;font-size:14px;display:block;background:#e9e9e9;border:1px solid #ddd}.ui-slider-horizontal{height:20px}.ui-slider-horizontal .ui-slider-handle{top:calc(50% - 13px);margin-left:-12px}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:20px;height:200px}.ui-slider-vertical .ui-slider-handle{left:calc(50% - 13px);margin-left:0;margin-bottom:-12px}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{display:inline-block;padding:0;border:none}.ui-spinner,.ui-spinner-input{position:relative;vertical-align:middle}.ui-spinner-input{background:#fff;height:auto;color:inherit;margin:0;padding:6px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 20px);z-index:20;border:1px solid #ddd;font-size:16px;line-height:1.5;font-weight:400;border-bottom-left-radius:4px;border-top-left-radius:4px}.ui-spinner-input:focus{outline:0;border-color:#0038e6}.ui-spinner-button{width:20px;height:calc(50% - 2px);font-size:6px;padding:0;margin:0;text-align:center;position:absolute;cursor:pointer;display:block;overflow:hidden;right:0}.ui-spinner .ui-icon{position:absolute;left:0;right:0}.ui-spinner-up{top:0}.ui-spinner-up .ui-icon{top:-3px}.ui-spinner-down{bottom:0;border-top:0;padding-top:1px}.ui-spinner-down .ui-icon{top:-3px}.ui-tabs{position:relative;padding:6px;border:1px solid #ddd;margin-bottom:20px}.ui-tabs-nav{margin:0;padding:6px 6px 0;border-color:#ddd;border-width:1px;border-radius:4px;background:#e9e9e9}.ui-tabs-nav .ui-tabs-anchor{float:left;padding:6px 12px;text-decoration:none}.ui-tabs-nav>li{list-style:none;float:left;display:block;position:relative;top:0;margin:1px 6px -1px 0;padding:0}.ui-tabs-nav>li.ui-state-disabled .ui-tabs-anchor,.ui-tabs-nav>li.ui-tabs-active .ui-tabs-anchor,.ui-tabs-nav>li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs-panel{display:block;border-width:0;padding:6px 12px;background:none}.ui-tooltip{padding:10px;position:absolute;z-index:600!important;max-width:300px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333}.webstore{display:none!important}@media (max-width:768px){.np-keyword-suggest.np-keyword-suggest_overlay{position:relative}.np-keyword-suggest.np-keyword-suggest_overlay button.submitButton{position:absolute;top:50%;right:20px;bottom:auto;height:41.7px;width:41.7px;border-radius:41.7px;border:none;background-image:none;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.np-keyword-suggest.np-keyword-suggest_overlay button.submitButton:before{content:"";display:block;height:100%;width:100%;border-radius:100%;background:#221916}.np-keyword-suggest.np-keyword-suggest_overlay button.submitButton:after{position:absolute;top:0;left:0;content:"";display:block;height:100%;width:100%;background-image:url(/ec/images_common/search.svg);background-size:21.7px;background-position:50%;background-repeat:no-repeat}.np-keyword-suggest.np-keyword-suggest_overlay button.cancelButton{position:absolute;top:50%;left:20px;border:none;background-color:initial;background-size:15px;background-position:50%;z-index:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea{position:relative;padding:0;background-color:#fff;border-bottom:1px solid #898f9a}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span{padding:0 0 0 50px;margin:0 82px 0 0;height:80px}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]{height:100%;font-size:16px}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]:focus{outline:none}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]+a{top:50%!important;height:17.7px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);font-size:0!important}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]+a:after,.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]+a:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";height:17.7px;width:2px;background-color:#000}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]+a:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.np-keyword-suggest.np-keyword-suggest_overlay .inputArea span input[type=text]+a:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#appBody .header-wrap{height:75px!important}#appBody .header-wrap.fixed{height:auto!important}#appBody .header-wrap.fixed .header-sp-fixed{height:50px}#appBody .header-wrap,#appBody .header-wrap.fixed,header.header-wrap,header.header-wrap.fixed{width:100%;min-width:100%}#appBody .header-wrap.fixed .inner,#appBody .header-wrap .inner,header.header-wrap.fixed .inner,header.header-wrap .inner{width:100%}#appBody .header-wrap.fixed .headerSearchArea,#appBody .header-wrap .headerSearchArea,header.header-wrap.fixed .headerSearchArea,header.header-wrap .headerSearchArea{position:absolute;top:0;bottom:0;right:114px;height:20.7px;width:20.7px;margin:auto}#appBody .header-wrap.fixed .headerSearchArea input,#appBody .header-wrap .headerSearchArea input,header.header-wrap.fixed .headerSearchArea input,header.header-wrap .headerSearchArea input{position:absolute;display:block;top:0;left:0;height:100%;width:100%;opacity:0}#appBody .header-wrap.fixed .headerSearchArea input.hidden,#appBody .header-wrap .headerSearchArea input.hidden,header.header-wrap.fixed .headerSearchArea input.hidden,header.header-wrap .headerSearchArea input.hidden{display:none}#appBody .header-wrap.fixed .headerSearchArea svg,#appBody .header-wrap .headerSearchArea svg,header.header-wrap.fixed .headerSearchArea svg,header.header-wrap .headerSearchArea svg{height:20.7px;width:100%}#appBody .header-wrap.fixed .headerSearchArea svg path,#appBody .header-wrap .headerSearchArea svg path,header.header-wrap.fixed .headerSearchArea svg path,header.header-wrap .headerSearchArea svg path{fill:#000}#appBody .header-wrap.fixed .header-cart,#appBody .header-wrap .header-cart,header.header-wrap.fixed .header-cart,header.header-wrap .header-cart{right:67px!important;height:22.3px!important;width:24.3px}#appBody .header-wrap.fixed .header-cart svg,#appBody .header-wrap .header-cart svg,header.header-wrap.fixed .header-cart svg,header.header-wrap .header-cart svg{height:22.3px;width:100%}#appBody .header-wrap.fixed .nav-bar span,#appBody .header-wrap .nav-bar span,header.header-wrap.fixed .nav-bar span,header.header-wrap .nav-bar span{background-color:#898f9a}#appBody .header-wrap.fixed .header-nav-wrap,#appBody .header-wrap .header-nav-wrap,header.header-wrap.fixed .header-nav-wrap,header.header-wrap .header-nav-wrap{top:100px;margin-top:-25px;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block,#appBody .header-wrap .header-nav-wrap .header-inner-block,header.header-wrap.fixed .header-nav-wrap .header-inner-block,header.header-wrap .header-nav-wrap .header-inner-block{padding:20px 0 70px;width:100%}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info{display:block;padding:0 20px}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-point,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-point,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-point,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-point{height:40px;width:100%;line-height:40px;font-size:12px;color:#000;border-bottom:1px solid #898f9a}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-point span,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-point span,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-point span,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-point span{font-size:16px;font-weight:700}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list{margin-top:0}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item{position:relative;display:block;top:auto;right:auto;color:#000;border-bottom:1px solid #898f9a}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a{position:relative;padding:0;font-size:12px;color:#000;line-height:40px;text-align:left;text-decoration:none}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a:after,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a:after,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a:after,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item a:after{display:block;content:"";position:absolute;top:50%;right:15.7px;width:6px;height:6px;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:translate3d(0,-50%,0) rotate(45deg);transform:translate3d(0,-50%,0) rotate(45deg)}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item.my-page,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item.my-page,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item.my-page,header.header-wrap .header-nav-wrap .header-inner-block .header-user-info .header-user-list .header-user-list-item.my-page{bottom:auto;left:auto;height:100%;width:100%;background:initial;border-radius:0}#appBody .header-wrap.fixed .header-nav-wrap .header-inner-block .header-btn-block,#appBody .header-wrap .header-nav-wrap .header-inner-block .header-btn-block,header.header-wrap.fixed .header-nav-wrap .header-inner-block .header-btn-block,header.header-wrap .header-nav-wrap .header-inner-block .header-btn-block{margin-top:45px}#appBody .header-wrap.fixed .header-nav,#appBody .header-wrap .header-nav,header.header-wrap.fixed .header-nav,header.header-wrap .header-nav{padding:0 20px}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item,header.header-wrap .header-nav .header-nav-list .header-nav-list-item{padding:25px 0 12.5px;border-bottom:1px solid #898f9a}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item a,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item a,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item a,header.header-wrap .header-nav .header-nav-list .header-nav-list-item a{padding:0;color:#000}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title{margin-bottom:20px;font-size:12px;color:#000}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title strong,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title strong,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title strong,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-list-title strong{margin-bottom:10px;display:block;font-size:18px}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li{height:40px;line-height:40px;border-bottom:none}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more{position:relative;height:53px;line-height:53px;font-weight:700}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more a,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more a,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more a,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more a{line-height:53px}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon{position:absolute;top:50%;right:15.7px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:12.3px}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon svg,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon svg,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon svg,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li.show-more .icon svg{width:100%}#appBody .header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li a,#appBody .header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li a,header.header-wrap.fixed .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li a,header.header-wrap .header-nav .header-nav-list .header-nav-list-item .header-nav-contents-list .nav-inner-menu li a{height:40px;line-height:40px;background:none}#footer .footer,footer.footer{min-width:0;background:#f0f3f5;color:#000;z-index:0}#footer .footer .footer-inner,footer.footer .footer-inner{padding:50px 0 30px;width:100%;max-width:none}#footer .footer .footer-title,footer.footer .footer-title{margin-bottom:40px;font-size:20px;padding:0 20px}#footer .footer .footer-btn-block,footer.footer .footer-btn-block{padding-bottom:50px;margin-bottom:40px;border-bottom:1px solid #898f9a}#footer .footer .footer-btn-list-item-title,footer.footer .footer-btn-list-item-title{color:rgba(34,25,22,.6)}#footer .footer .footer-btn-list-item-title strong,footer.footer .footer-btn-list-item-title strong{color:#221916}#footer .footer .footer-brand-info,footer.footer .footer-brand-info{margin:0 0 35px}#footer .footer .footer-brand-info>div,footer.footer .footer-brand-info>div{border-color:#000}#footer .footer .footer-brand-info .footer-brand-info-btn,footer.footer .footer-brand-info .footer-brand-info-btn{height:40px;width:285px}#footer .footer .footer-brand-info .footer-brand-info-btn a,footer.footer .footer-brand-info .footer-brand-info-btn a{height:40px;line-height:40px;border:1px solid #1f2736;border-radius:4px;font-size:15px;color:#1f2736}#footer .footer .footer-brand-info .more-txt a,footer.footer .footer-brand-info .more-txt a{color:#000}#footer .footer .footer-brand-info .more-txt a:after,footer.footer .footer-brand-info .more-txt a:after{background:#413b39}#footer .footer .footer-sitemap nav,footer.footer .footer-sitemap nav{margin-bottom:60px}#footer .footer .footer-sitemap nav .footer-nav-list li,footer.footer .footer-sitemap nav .footer-nav-list li{margin:0;height:40px;line-height:40px}#footer .footer .footer-sitemap nav .footer-nav-list li a,footer.footer .footer-sitemap nav .footer-nav-list li a{line-height:40px;font-size:16px;color:#000}#footer .footer .footer-info .footer-info-inner,footer.footer .footer-info .footer-info-inner{padding:0;height:auto;font-size:16px;color:#898f9a}#footer .footer .footer-btn-list,footer.footer .footer-btn-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}#footer .footer .footer-btn-list .footer-btn-list-item,footer.footer .footer-btn-list .footer-btn-list-item{margin:0 0 50px;width:50%}#footer .footer .footer-btn-list .footer-btn-list-item:last-child,#footer .footer .footer-btn-list .footer-btn-list-item:nth-last-child(2),footer.footer .footer-btn-list .footer-btn-list-item:last-child,footer.footer .footer-btn-list .footer-btn-list-item:nth-last-child(2){margin-bottom:0}#footer .footer .footer-btn-list .footer-btn-list-item .nav-contents-list,footer.footer .footer-btn-list .footer-btn-list-item .nav-contents-list{background:none;text-indent:0}#footer .footer .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title,footer.footer .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title{margin-bottom:10px;font-size:12px}#footer .footer .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title strong,footer.footer .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title strong{margin-bottom:10px;display:block;font-size:18px}#footer .footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li,footer.footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li{position:relative;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;height:40px;padding-right:1em;border:none}#footer .footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li.show-more .text,footer.footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li.show-more .text{text-decoration:underline}#footer .footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li.show-more a:after,footer.footer .footer-btn-list .footer-btn-list-item .nav-inner-menu li.show-more a:after{display:none}#footer .footer .footer-btn-list .footer-btn-list-item .nav-inner-menu a,footer.footer .footer-btn-list .footer-btn-list-item .nav-inner-menu a{position:relative;display:block;padding:0;height:auto;font-size:14px;line-height:1.2em;background:none;color:#1f2736}#appBody .breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#appBody .breadcrumb a{font-size:10.7px;color:#1f2736}#appBody .breadcrumb a:before{top:50%;height:6px;width:6px;-webkit-transform:translate3d(0,-50%,0) rotate(45deg);transform:translate3d(0,-50%,0) rotate(45deg)}#appBody .breadcrumb strong{line-height:auto}#itemArea form[name=sort_limit]{padding-bottom:20px;border-bottom:1px solid #f1f5f7}#itemArea .h-style-3{margin-bottom:13.333px}#itemArea .category-nav-wrapper{position:relative;margin-bottom:16.666px;color:#1f2736}#itemArea .category-nav-wrapper .category-nav-cur{position:relative;padding-left:16.666px;height:50px;width:100%;line-height:50px;font-size:18px;font-weight:700;letter-spacing:.6px;border-radius:4px;border:1px solid #cbd2de;background:#fff;text-align:left}#itemArea .category-nav-wrapper .category-nav-cur:after{display:block;content:"";position:absolute;top:50%;right:15.7px;width:6px;height:6px;margin:auto;border-top:1px solid #1f2736;border-right:1px solid #1f2736;-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg)}#itemArea .category-nav-wrapper .category-nav{position:absolute;padding:0 20px 50px;top:50px;left:0;width:100%;background:#fff;-webkit-box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .category-nav-wrapper .category-nav.active{opacity:1}#itemArea .category-nav-wrapper .category-nav.pd-open{opacity:1;-webkit-box-shadow:none;box-shadow:none}#itemArea .category-nav-wrapper .category-nav.pd-open .pd{display:none}#itemArea .category-nav-wrapper .category-nav.pd-open .pd.parent,#itemArea .category-nav-wrapper .category-nav.pd-open .pd.parent .pd{display:block}#itemArea .category-nav-wrapper .category-nav .category-nav-title{position:relative;padding-left:25px;height:53px;width:100%;line-height:53px;font-size:14.7px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;border-bottom:1px solid #1f2736}#itemArea .category-nav-wrapper .category-nav .category-nav-title:before{display:block;content:"";position:absolute;top:50%;left:3px;width:6px;height:6px;margin:auto;border-top:1px solid #1f2736;border-right:1px solid #1f2736;-webkit-transform:translate3d(0,-50%,0) rotate(-135deg);transform:translate3d(0,-50%,0) rotate(-135deg)}#itemArea .category-nav-wrapper .category-nav>.category-nav-title:before{left:5px}#itemArea .category-nav-wrapper .category-nav>.category-nav-title:after{display:block;content:"";position:absolute;top:50%;left:-2px;width:6px;height:6px;margin:auto;border-top:1px solid #1f2736;border-right:1px solid #1f2736;-webkit-transform:translate3d(0,-50%,0) rotate(45deg);transform:translate3d(0,-50%,0) rotate(45deg)}#itemArea .category-nav-wrapper .category-nav ul{max-height:50vh;overflow:hidden scroll}#itemArea .category-nav-wrapper .category-nav ul li{padding-left:13.3px;height:53px;line-height:53px;font-size:14.7px;border-bottom:1px solid #cbd2de}#itemArea .category-nav-wrapper .category-nav ul li.active{padding-left:0;color:#000;font-weight:700}#itemArea .category-nav-wrapper .category-nav ul li.pd.active{padding-left:13.3px}#itemArea .category-nav-wrapper .category-nav ul li.pd.title{height:auto;padding:10px 0}#itemArea .category-nav-wrapper .category-nav ul li.pd.title:not(:first-child){margin-top:15px}#itemArea .category-nav-wrapper .category-nav ul li.parent .pd a:after{display:none}#itemArea .category-nav-wrapper .category-nav ul li.parent .parent a:after{display:block}#itemArea .category-nav-wrapper .category-nav ul li.parent .parent .pd a:after{display:none}#itemArea .category-nav-wrapper .category-nav ul li.parent a{display:block;position:relative;font-weight:400}#itemArea .category-nav-wrapper .category-nav ul li.parent a:after{display:block;content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;margin:auto;border-top:1px solid #1f2736;border-right:1px solid #1f2736;-webkit-transform:translate3d(0,-50%,0) rotate(45deg);transform:translate3d(0,-50%,0) rotate(45deg)}#itemArea .category-nav-wrapper .category-nav ul li a{color:#1f2736}#itemArea .category-nav-wrapper .category-nav ul li .child-ul{position:absolute;padding:0 20px 50px;top:0;left:0;width:100%;background:#fff;opacity:0;-webkit-box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .category-nav-wrapper .category-nav ul li .child-ul.active{opacity:1}#itemArea .category-wrapper{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#itemArea .category-wrapper .category{height:34px;width:25%;line-height:34px;font-size:12px;letter-spacing:1.33px;text-align:center;border-radius:34px;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .category-wrapper .category.active{color:#fff;background-color:#221916}#itemArea .tab-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#itemArea .tab-wrapper .tab{position:relative;height:34px;width:48.725%;line-height:34px;border-radius:34px;background-color:#f1f5f7;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;text-align:center}#itemArea .tab-wrapper .tab.active{background-color:#000;color:#fff}#itemArea .tab-wrapper .tab.active:after{border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:translate3d(0,-50%,0) rotate(-45deg);transform:translate3d(0,-50%,0) rotate(-45deg)}#itemArea .tab-wrapper .tab:after{display:block;content:"";position:absolute;top:50%;right:15.7px;width:6px;height:6px;margin:auto;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg)}#itemArea .tab-wrapper .change-view-area,#itemArea .tab-wrapper .filter-area{position:absolute;padding:0 20px 37.7px;top:34px;left:0;width:100%;opacity:0;background-color:#fff;-webkit-box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);box-shadow:0 3.3px 11.7px rgba(65,100,147,.4);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:0;visibility:hidden;pointer-events:none}#itemArea .tab-wrapper .change-view-area.active,#itemArea .tab-wrapper .filter-area.active{opacity:1;z-index:1;pointer-events:all}#itemArea .tab-wrapper .change-view-area .input,#itemArea .tab-wrapper .filter-area .input{position:relative}#itemArea .tab-wrapper .change-view-area .input .free,#itemArea .tab-wrapper .filter-area .input .free{padding-left:55px;height:41.3px;width:100%;line-height:40.5px;border-radius:4px;border:1px solid #cbd2de;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-appearance:button;-moz-appearance:button;appearance:button}#itemArea .tab-wrapper .change-view-area .input .free::-webkit-search-decoration,#itemArea .tab-wrapper .filter-area .input .free::-webkit-search-decoration{display:none}#itemArea .tab-wrapper .change-view-area .input .free::focus,#itemArea .tab-wrapper .filter-area .input .free::focus{outline-offset:-2px}#itemArea .tab-wrapper .change-view-area .input svg,#itemArea .tab-wrapper .filter-area .input svg{position:absolute;top:50%;left:12.7px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:20.7px}#itemArea .tab-wrapper .change-view-area .filter,#itemArea .tab-wrapper .filter-area .filter{padding:25px 0 30px;border-bottom:1px solid #f1f5f7}#itemArea .tab-wrapper .change-view-area .filter.price,#itemArea .tab-wrapper .filter-area .filter.price{margin-bottom:26px}#itemArea .tab-wrapper .change-view-area .filter .filter-title,#itemArea .tab-wrapper .filter-area .filter .filter-title{margin-bottom:20px;font-size:14.7px}#itemArea .tab-wrapper .change-view-area .filter .radio-wrapper,#itemArea .tab-wrapper .filter-area .filter .radio-wrapper{position:relative;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}#itemArea .tab-wrapper .change-view-area .filter .radio-box,#itemArea .tab-wrapper .filter-area .filter .radio-box{width:50%}#itemArea .tab-wrapper .change-view-area .filter .radio-input,#itemArea .tab-wrapper .filter-area .filter .radio-input{display:none}#itemArea .tab-wrapper .change-view-area .filter .radio-input+label,#itemArea .tab-wrapper .filter-area .filter .radio-input+label{position:relative;display:block;padding-left:37.3px;height:24px;line-height:24px;font-size:14.7px;color:#1f2736}#itemArea .tab-wrapper .change-view-area .filter .radio-input+label[for=product-state-outlet],#itemArea .tab-wrapper .filter-area .filter .radio-input+label[for=product-state-outlet]{display:none}#itemArea .tab-wrapper .change-view-area .filter .radio-input+label:last-child,#itemArea .tab-wrapper .filter-area .filter .radio-input+label:last-child{margin-right:0}#itemArea .tab-wrapper .change-view-area .filter .radio-input+label:before,#itemArea .tab-wrapper .filter-area .filter .radio-input+label:before{content:"";display:block;position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #898f9a;border-radius:50%}#itemArea .tab-wrapper .change-view-area .filter .radio-input:checked+label:before,#itemArea .tab-wrapper .filter-area .filter .radio-input:checked+label:before{border:1px solid #1f2736}#itemArea .tab-wrapper .change-view-area .filter .radio-input:checked+label:after,#itemArea .tab-wrapper .filter-area .filter .radio-input:checked+label:after{content:"";display:block;position:absolute;top:12px;left:12px;width:12px;height:12px;border:1px solid #1f2736;background:#1f2736;border-radius:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}#itemArea .tab-wrapper .change-view-area .filter #range-slider,#itemArea .tab-wrapper .filter-area .filter #range-slider{margin:0 auto 26px;height:1px;width:calc(100% - 25px);border:none;background-color:#898f9a}#itemArea .tab-wrapper .change-view-area .filter #range-slider .ui-slider-handle,#itemArea .tab-wrapper .filter-area .filter #range-slider .ui-slider-handle{top:50%;width:23.3px;height:23.3px;border:1px solid #000;background-color:#eff3f5;border-radius:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#itemArea .tab-wrapper .change-view-area .filter #range-slider .ui-slider-handle:focus,#itemArea .tab-wrapper .filter-area .filter #range-slider .ui-slider-handle:focus{outline:none}#itemArea .tab-wrapper .change-view-area .filter #range-slider .ui-slider-range,#itemArea .tab-wrapper .filter-area .filter #range-slider .ui-slider-range{background-color:transparent;border:none}#itemArea .tab-wrapper .change-view-area .filter .checkbox-input,#itemArea .tab-wrapper .filter-area .filter .checkbox-input{display:none}#itemArea .tab-wrapper .change-view-area .filter .checkbox-parts,#itemArea .tab-wrapper .filter-area .filter .checkbox-parts{padding-left:37.3px;position:relative;font-size:14.7px;color:#1f2736}#itemArea .tab-wrapper .change-view-area .filter .checkbox-parts:before,#itemArea .tab-wrapper .filter-area .filter .checkbox-parts:before{content:"";display:block;position:absolute;top:50%;left:0;width:24px;height:24px;border:1px solid #898f9a;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#itemArea .tab-wrapper .change-view-area .filter .checkbox-input:checked+.checkbox-parts:after,#itemArea .tab-wrapper .filter-area .filter .checkbox-input:checked+.checkbox-parts:after{content:"";display:block;position:absolute;top:-2px;left:8px;width:8px;height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-bottom:2px solid #1f2736;border-right:2px solid #1f2736}#itemArea .tab-wrapper .change-view-area .filter .sort-wrapper,#itemArea .tab-wrapper .filter-area .filter .sort-wrapper{position:relative;padding-left:13.3px;height:41.7px;width:100%;border:1px solid #f1f5f7;border-radius:4px;-webkit-box-sizing:box-sizing;box-sizing:box-sizing}#itemArea .tab-wrapper .change-view-area .filter .sort-wrapper:after,#itemArea .tab-wrapper .filter-area .filter .sort-wrapper:after{display:block;content:"";position:absolute;top:50%;right:15.7px;width:6px;height:6px;margin:auto;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg)}#itemArea .tab-wrapper .change-view-area .filter .sort-wrapper select,#itemArea .tab-wrapper .filter-area .filter .sort-wrapper select{height:100%;width:100%;border:none;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper{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}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50px;width:48.725%;border-radius:50px;background-color:#f1f5f7;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn.active,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn.active{background-color:#221916}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn.active a,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn.active a{color:#fff}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn.active .img img:first-child,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn.active .img img:first-child{opacity:0}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn.active .img img:nth-child(2),#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn.active .img img:nth-child(2){opacity:1}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn a,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14.7px;color:#1f2736;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn a .img,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn a .img{position:relative}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn a .img img,#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn a .img img{margin-right:13.3px;width:24px;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .tab-wrapper .change-view-area .filter .rowIcn-wrapper .rowIcn a .img img:nth-child(2),#itemArea .tab-wrapper .filter-area .filter .rowIcn-wrapper .rowIcn a .img img:nth-child(2){position:absolute;top:0;left:0;opacity:0}#itemArea .tab-wrapper .change-view-area .filter #amount,#itemArea .tab-wrapper .filter-area .filter #amount{font-size:14.7px}#itemArea .tab-wrapper .change-view-area .btn-wrapper,#itemArea .tab-wrapper .filter-area .btn-wrapper{padding-top:33px}#itemArea .tab-wrapper .change-view-area .btn-wrapper .btn,#itemArea .tab-wrapper .filter-area .btn-wrapper .btn{margin:0 0 20px;padding:0;height:50px;width:100%;line-height:50px;border-radius:50px;font-size:14.7px;text-align:center;background-color:#f1f5f7;border:none;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}#itemArea .tab-wrapper .change-view-area .btn-wrapper .btn.btn-submit,#itemArea .tab-wrapper .filter-area .btn-wrapper .btn.btn-submit{color:#221916;border:1px solid #221916;background:transparent}#itemArea .tab-wrapper .change-view-area .btn-wrapper .btn:last-child,#itemArea .tab-wrapper .filter-area .btn-wrapper .btn:last-child{margin-bottom:0}div#topicpath_style{padding-top:20px}}.webstore{display:none}.webstore-dn{display:block}@media (min-width:769px){footer.footer{background:#f0f3f5;color:#000}footer.footer .footer-inner{max-width:940px;width:100%}footer.footer .footer-inner .footer-above{margin-bottom:30px}footer.footer .footer-inner .footer-title{margin:0 40px 10px 0;font-size:16px}footer.footer .footer-inner .footer-btn-list{display:-webkit-box;display:-ms-flexbox;display:flex}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item{margin-right:90px}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item:last-child{margin-right:0}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title{margin-bottom:10px;font-size:10px;pointer-events:none;color:rgba(34,25,22,.6)!important}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item .footer-btn-list-item-title strong{display:block;color:#221916!important;font-weight:700;font-size:12px}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li{padding-left:0;margin-bottom:5px}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li:last-child{margin-bottom:0}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li.show-more a{font-size:10px}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li.show-more a:after{display:block;content:"";position:absolute;top:43%;right:-15px;width:6px;height:6px;margin:auto;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg)}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li a{position:relative;display:inline-block;font-size:12px;color:#000!important}footer.footer .footer-inner .footer-btn-list .footer-btn-list-item ul li a:hover{text-decoration:none;color:#d91327!important}footer.footer .footer-inner .footer-brand-info{margin-top:100px}footer.footer .footer-inner .footer-brand-info>div{border-bottom:1px solid #000;padding:0 8% 40px}footer.footer .footer-inner .footer-brand-info .footer-brand-info-btn a{font-size:10px;color:#1f2736!important;border:1px solid #58606e}footer.footer .footer-inner .footer-brand-info .brand-open ul li a img{opacity:1}footer.footer .footer-inner .footer-brand-info .brand-open .more-txt a{color:#000!important}footer.footer .footer-inner .footer-brand-info .brand-open .more-txt a:after{background:#000}footer.footer .footer-inner .footer-brand-info .brand-open .more-txt a:hover{color:#d91327}footer.footer .footer-inner .footer-sitemap .footer-nav-list li a{font-size:10px;color:#000!important}footer.footer .footer-inner .footer-sitemap .footer-nav-list li+li:before{content:"|";display:block;position:absolute;top:3px;left:0;color:#000}footer.footer .footer-inner .footer-info p{color:#898f9a}#BrandMainContentsArea .BrandLeftArea{position:relative;width:236px;z-index:1}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi a,#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi dd .heading2 a,#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul.innerList li.pd a,#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li a{padding:15px 0 14px 10px;font-size:11px}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li{border-bottom:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li:first-child,.LeftCategoryNavi .heading2{border-top:1px solid #b4b9bb}.LeftCategoryNavi .open.heading2 a{color:#000;background:rgba(203,210,222,.2)}.LeftCategoryNavi .heading2:hover a{color:#d91327;background:rgba(203,210,222,.2)}.LeftCategoryNavi .heading{font-size:14px}.LeftCategoryNavi .heading .bold{font-size:19px}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi:nth-child(2) ul li:first-child{border-top:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .heading2.open{border-bottom:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd{margin-left:2em}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd:first-child{border-top:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a{padding-left:.5em}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a.active:not(.open),#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a.open{border-bottom:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a.active,#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a.open,#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi .naviInner .pd a:hover{color:#d91327;background:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li a:after{display:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd{position:relative}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd:hover>a{color:#d91327;background:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd.active{background:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd.parent a:after{display:block;content:"";position:absolute;top:0;bottom:0;right:10px;margin:auto;width:5px;height:5px;border-top:1px solid #1f2736;border-right:1px solid #1f2736;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul{position:absolute;top:0;left:100%;padding:20px 0;width:230px;opacity:0;background-color:#fff;pointer-events:none;-webkit-box-shadow:0 10px 35px rgba(65,100,147,.4);box-shadow:0 10px 35px rgba(65,100,147,.4);-webkit-transition:all .3s ease;transition:all .3s ease}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul a:after{display:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li{padding:0 20px;border:none!important}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li a{border-bottom:1px solid #b4b9bb;background-color:transparent}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li.parent a:after{display:block}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:hover a{background-color:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:hover a+ul a{background-color:transparent}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li.pd.active{background:transparent}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li.pd.active>a{background:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:first-child>a{border-top:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:last-child>a{border-bottom:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li .child-ul a:after{display:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul .child-ul{top:0;left:230px}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul .child-ul .pd:hover a{background-color:rgba(203,210,222,.2)}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul.active{opacity:1;pointer-events:auto}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li{border-bottom:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:first-child{border-top:1px solid #b4b9bb}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li:last-child{border-bottom:none}#BrandMainContentsArea .BrandLeftArea dl.LeftCategoryNavi ul li.pd .child-ul li a{padding:10px 0 9px 10px}#appBody{position:relative}#appBody .srDispCategoryTreeForm{position:relative;z-index:1}#itemArea .rowArea{display:none}#itemArea .h-style-3{margin:0 0 20px;max-width:100%;font-size:30px}#itemArea .h-style-3 small{font-size:12px;color:#898f9a}#itemArea .searchArea{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;width:100%;border-bottom:1px solid #c5c5c5}#itemArea .searchArea.above{padding-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#itemArea .searchArea.bottom{padding:15px 0 30px}#itemArea .searchArea .rowArea{position:relative;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}#itemArea .searchArea .checkbox-input{display:none}#itemArea .searchArea .checkbox-parts{padding-left:20px;position:relative;margin-right:15px;font-size:10px;color:#1f2736;cursor:pointer}#itemArea .searchArea .checkbox-parts:before{content:"";display:block;position:absolute;top:50%;left:0;width:12px;height:12px;border:1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#itemArea .searchArea .checkbox-input:checked+.checkbox-parts:after{content:"";display:block;position:absolute;top:1px;left:4px;width:4px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-bottom:1px solid #000;border-right:1px solid #000}#itemArea .searchArea .sortBtn{width:90px}#itemArea .searchArea .sortBtn .label{font-size:10px;z-index:0}#itemArea .searchArea .sortBtn .label .arrow:after{width:5px;height:5px;right:7px}#itemArea .searchArea .sortBtn .select{width:90px;height:100%;border-radius:3px;border:1px solid #1f2736}#itemArea .searchArea .rowIcn-wrapper .rowIcn{margin:0}#itemArea .searchArea .rowIcn-wrapper .rowIcn.active svg path{fill:#1f2736}#itemArea .searchArea .rowIcn-wrapper .rowIcn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4.5px}#itemArea .searchArea .rowIcn-wrapper .rowIcn a svg path{fill:#898f9a;-webkit-transition:all .3s ease;transition:all .3s ease}#itemArea .searchArea .left,#itemArea .searchArea .right{width:50%}#itemArea .searchArea .bottom{width:100%}#itemArea .searchArea .bottom .btn-wrapper{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#itemArea .searchArea .bottom .btn-wrapper .btn{margin:0;padding:0;width:330px;height:30px;line-height:30px;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}#itemArea .searchArea .bottom .btn-wrapper .btn.btn-submit{color:#221916;background-color:#fff;border:1px solid #221916}#itemArea .searchArea .bottom .btn-wrapper .btn.btn-clear{background-color:#f1f5f7;border:none}#itemArea .searchArea .bottom .btn-wrapper .btn:hover{opacity:.7}#itemArea .searchArea .left{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}#itemArea .searchArea .searchArea-label{margin-bottom:2.5px;font-size:10px;color:#818181}#itemArea .searchArea .category-wrapper{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}#itemArea .searchArea .category-wrapper .category{height:25px;width:70px;border-radius:50px;line-height:25px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:10px;text-align:center}#itemArea .searchArea .category-wrapper .category.active{background-color:#221916;color:#fff}#itemArea .searchArea .category-wrapper .category:hover,#itemArea .searchArea .category-wrapper .category:hover p{text-decoration:none}#itemArea .searchBox{position:relative}#itemArea .searchBox.keywords{margin:0}#itemArea .searchBox.keywords input[type=text]{padding-left:10px;height:25px;width:220px;border-radius:3px;border:1px solid #cbd2de;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}#itemArea .searchBox.keywords .button{margin:0}#itemArea .searchBox.keywords input[type=button],#itemArea .searchBox.keywords svg{position:absolute;top:50%;right:3.75px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#itemArea .searchBox.keywords input[type=button]{height:12.5px;width:12.5px;background:transparent;border:none;cursor:pointer;z-index:1}#itemArea .searchBox.keywords svg{height:12.5px;width:12.5px}#itemArea .searchBox.brand,#itemArea .searchBox.price,#itemArea .searchBox.status{margin:0 0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:flex;flex-wrap:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#itemArea .searchBox label[for=product-state-outlet]{display:none}#itemArea .searchBox #range-slider{height:1px;width:245px;border:none;background-color:#898f9a}#itemArea .searchBox #range-slider .ui-slider-handle{top:50%;width:12px;height:12px;border:1px solid #000;background-color:#eff3f5;border-radius:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);z-index:0}#itemArea .searchBox #range-slider .ui-slider-handle:focus{outline:none}#itemArea .searchBox #range-slider .ui-slider-range{background-color:transparent;border:none}#itemArea .searchBox.brand .sortBtn{width:257px}#itemArea .searchBox.brand .sortBtn select{width:100%}#itemArea .searchBox .ttl{margin:0;font-size:10px;color:#1f2736}#itemArea .searchBox .radio{width:257px}#itemArea .searchBox .radio-input{display:none}#itemArea .searchBox .radio-input+label{position:relative;padding-left:17px;margin-right:8.5px;color:#1f2736;cursor:pointer}#itemArea .searchBox .radio-input+label:last-child{margin-right:0}#itemArea .searchBox .radio-input+label:before{content:"";display:block;position:absolute;top:0;left:0;width:12px;height:12px;border:1px solid #898f9a;border-radius:50%}#itemArea .searchBox .radio-input:checked+label:before{border:1px solid #000}#itemArea .searchBox .radio-input:checked+label:after{content:"";display:block;position:absolute;top:3px;left:3px;width:6px;height:6px;border:1px solid #000;background:#000;border-radius:50%}#itemArea #amount{padding-left:68px;font-size:10px;color:#1f2736}#itemArea #amount+.searchBox{margin:5px 0 0}.np-item-suggest-v2,.np-keyword-suggest{font-size:12px}}.category-wrapper .category.category-kids{display:none}