@charset "UTF-8";

.main-area {
  /********************
レイアウト
********************/
  /* ナビ全般 */
  /*リスト*/
  /*パンクズ*/
  /*タブレット・スマホ*/
  /********************
テキスト
*********************/
  /*ページタイトル*/
  /* コンテンツタイトル */
  /******************************
ヘッダー
******************************/
  /******************************
フッター
******************************/
  /* ページトップ */
  /********************
ボタン
********************/
  /********************
サブナビ
*********************/
  /********************
サイドエリア
*********************/
  /*新着一覧*/
  /*パーツ 詳細検索 */
  /**************************************************
トップページ
**************************************************/
  /* grandtop-main */
  /* new-item */
  /* checked-item */
  /* ranking */
  /*-----------------------------------------------
 item list layout
-----------------------------------------------*/
  /*
 letter settings
*/
  /*
 util -pager
*/
  /********************
詳細検索
********************/
  /********************
フロー
********************/
  /*******
SideNavi
********/
  /********************
カート
********************/
  /*ポイント入力部*/
  /*snapline*/
  /** crossplus.css **/
  /* .dropdown-inner .dropdown-inlist > .child-category > li:nth-child(6) {
  display: none;
} */
  /* .dropdown .dropdown-inner .dropdown-menu.brand li:nth-child(7n + 1) {
  clear: both;
  margin-left: 0;
} */
  /*#creates li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}*/
  /*****
shoptop

*****/
  /* #sidebar .side-caption.leftin {
  float: left;
  clear: both;
}
#sidebar .select-price {
  float: right;
  width: calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
} */
  /*ranking_index　recommend_index*/
  /* DH_FRONT_DEPT-4412 */
  /* DH_FRONT_DEPT-4444 */
  /* DH_FRONT_DEPT-4654 */
  /* DH_FRONT_DEPT-4852 */
  /* DH_FRONT_DEPT-5474 */
  /* DH_FRONT_DEPT-4761 */
  /*DH_FRONT_DEPT-5225*/
  /* DH_FRONT_DEPT-5334 */
  /* DH_FRONT_DEPT-5334 */
  /* DH_FRONT_DEPT-5445 */
  /* DH_FRONT_DEPT-5710 */
  /* DH_FRONT_DEPT-6148 */
  /* DH_FRONT_DEPT-6198 */
  /* DH_FRONT_DEPT-6415 */
  /* DH_FRONT_DEPT-6936 */
  /* DH_FRONT_DEPT-6931 / DH_FRONT_DEPT-6930 */
  /* DH_FRONT_DEPT-7218 */;
}

.main-area body,
  .main-area input,
  .main-area button,
  .main-area select,
  .main-area textarea {
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	font-size: 12px;
}

.main-area label,
  .main-area input,
  .main-area button,
  .main-area select,
  .main-area textarea {
	font-size: 12px;
	outline: none !important;
}

.main-area h1 {
	font-size: 18px;
}

.main-area h2 {
	font-size: 16px;
}

.main-area h3 {
	font-size: 14px;
}

.main-area .icon .label {
	padding: 1px 8px;
	font-size: 10px;
	letter-spacing: 1px;
	margin-right: 1px;
	float: left;
}

.main-area .label-new {
	background-color: #ec6600;
}

.main-area .label-sale {
	background-color: #b7183f;
}

.main-area .label-bundling {
	background-color: #d81a34;
	font-size: 85%;
}

.main-area .label-outerpoint {
	background-color: #8aa9ac;
	font-size: 85%;
}

.main-area .label-discount_rate {
	background: #b7183f;
}

.main-area .label-rearrival {
	background: #31a1c8;
}

.main-area .label-soldout {
	background: #b3afae;
}

.main-area .label-web {
	background: #dab300;
}

.main-area .label-pre {
	background: #DF017A;
}

.main-area .label-warm {
	background: #ff9933;
}

.main-area .label-cool {
	background: #80bfff;
}

.main-area .label-washable {
	background: #3d3dff;
}

.main-area .text-center {
	text-align: center !important;
}

.main-area a {
	color: #000;
}

.main-area a:hover {
	color: #777;
	text-decoration: none;
	opacity: 0.7;
}

.main-area a:focus {
	color: #777;
	outline: 0 !important;
	text-decoration: none;
}

.main-area a.border-link {
	color: #000;
	text-decoration: underline;
}

.main-area .column {
	margin-bottom: 70px;
}

.main-area a.popup:hover {
    /*color:#fff;*/
	text-decoration: none;
	opacity: 1;
}

.main-area .container,
  .main-area .navbar-static-top .container,
  .main-area .navbar-fixed-bottom .container,
  .main-area .span12 {
	width: 1200px;
}

.main-area .navbar-fixed-top .container {
	width: 1400px;
}

.main-area #brandNavi.navbar-fixed-top .container {
	width: 100%;
}

.main-area .navbar-inner {
	filter: none;
}

.main-area .navbar .nav {
	margin-right: 0;
}

.main-area .navbar .nav > li > a {
	text-shadow: none;
}

.main-area .navbar .nav li.dropdown.open > .dropdown-toggle {
	box-shadow: none;
	background-color: transparent;
}

.main-area .navbar .nav li.dropdown.active > .dropdown-toggle,
  .main-area .navbar .nav li.dropdown.open.active > .dropdown-toggle,
  .main-area .navbar .nav > .active > a,
  .main-area .navbar .nav > .active > a:hover,
  .main-area .navbar .nav > .active > a:focus {
	box-shadow: none;
	background-color: transparent;
	-moz-background-color: transparent;
	-webkit-background-color: transparent;
	-o-background-color: transparent;
	-ms-background-color: transparent;
}

.main-area ul.outside-slide,
  .main-area ol.outside-slide {
	margin-left: 25px;
}

.main-area li {
	list-style: none;
}

.main-area .breadcrumb {
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}

.main-area .breadcrumb li {
	height: 20px;
	line-height: 20px;
}

.main-area .breadcrumb li a {
	font-size: 10px;
}

.main-area .breadcrumb > .active {
	color: #000;
	font-size: 10px;
}

.main-area .item .breadcrumb {
	margin-bottom: 50px;
}

.main-area .caution {
	color: #f00;
	margin: 5px 0 0;
	display: block;
}

.main-area .tab-smart-area {
	display: none;
}

.main-area .title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	border-bottom: 1px #eae9e0 solid;
	padding-bottom: 1%;
	margin: 3% 0;
	line-height: 28px;
}

.main-area .title .subTitleRead {
	font-size: 14px;
	text-align: center;
	display: block;
	padding: 1% 0;
}

.main-area h2.top-page-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.main-area #page-title {
	text-align: center;
	border-bottom: #eae9e0 1px solid;
	margin-bottom: 50px;
}

.main-area #page-title h2 {
	margin-bottom: 10px;
}

.main-area #page-title p {
	font-size: 16px;
	margin-bottom: 10px;
}

.main-area h2.item-title {
	font-size: 26px;
	font-weight: bold;
	padding: 10px 0;
}

.main-area .side-caption {
	font-weight: bold;
	font-size: 14px;
}

.main-area .help-block {
	margin-top: 5px !important;
}

.main-area .red {
	color: #d91a35;
}

.main-area .underline {
	text-decoration: underline;
}

.main-area #head-bar {
	font-size: 14px;
	padding: 0;
}

.main-area #head-bar.fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.main-area #head-bar .hnav1 {
	float: left;
	margin-left: 40px;
	position: static;
}

.main-area #head-bar .hnav1 > li {
	float: left;
	padding-right: 30px;
	position: static;
}

.main-area #head-bar .hnav1 > li:last-child {
	padding-right: 0;
}

.main-area #head-bar .hnav1 > li > a {
	padding: 25px 0;
	cursor: pointer;
	letter-spacing: 0.05em;
	font-family: futura-pt, sans-serif;
	color: #000;
}

.main-area #head-bar .hnav1 > li > a:hover {
	text-decoration: underline;
}

.main-area #head-bar .hnav2,
  .main-area #head-bar .hnav3 {
	display: inline-block;
	float: right;
	height: 70px;
}

.main-area #head-bar .hnav3 {
	margin-left: 8px;
}

.main-area #head-bar .hnav2 li {
	float: left;
	padding: 27px 30px 10px 0;
}

.main-area #head-bar .hnav3 li {
	float: left;
	padding: 27px 20px 10px 0;
}

.main-area #head-bar .hnav3 li.cart a {
	position: relative;
}

.main-area #head-bar .hnav3 li.cart a > span {
	background-color: #fff;
	display: inline-block;
	padding: 1px 4px;
	width: 8px;
	line-height: 14px;
	border: 1px solid #000;
	border-radius: 50%;
	position: absolute;
	top: -13px;
	right: -9px;
	text-align: center;
}

.main-area #pagetop {
	position: fixed;
	bottom: 25px;
	right: 30px;
	z-index: 9999;
	width: 30px;
	height: 6px;
}

.main-area #page-footer {
	padding-top: 100px;
	background-color: #000;
	color: #b1b1b1;
}

.main-area #page-footer li a {
	color: #b1b1b1;
	padding: 0;
	text-shadow: none;
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: normal;
}

.main-area #page-footer .logo {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 40px 0 60px;
	clear: both;
}

.main-area #page-footer .logo a {
	margin-bottom: 30px;
	display: inline-block;
}

.main-area #page-footer .logo p {
	color: #9d9d9d;
	letter-spacing: 0.1em;
}

.main-area #page-footer .sns-nav {
	width: 230px;
	margin: 0 auto 75px;
	text-align: center;
}

.main-area #page-footer .sns-nav ul li {
	display: inline-block;
	margin-right: 38px;
}

.main-area #page-footer .sns-nav ul li:last-child {
	margin-right: 0;
}

.main-area .sns-nav ul li svg#facebook {
	width: 15px;
}

.main-area .sns-nav ul li svg#twitter {
	width: 28px;
	position: relative;
	top: -4px;
}

.main-area .sns-nav ul li svg#svg-instagram {
	width: 28px;
}

.main-area .sns-nav ul li svg#line {
	width: 30px;
}

.main-area #fnav h3,
  .main-area #fnav h3 > a {
	font-size: 13px;
	margin-bottom: 30px;
	color: #b1b1b1;
	font-weight: 600;
}

.main-area #fnav h3.tk-futura-pt {
	letter-spacing: 0.1em;
}

.main-area #fnav .flist {
	width: 200px;
	float: left;
	margin-right: 2%;
	width: 210px;
}

.main-area #fnav .brand.flist li a {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.1em;
}

.main-area #fnav .category.flist .has-child > a {
	display: none;
}

.main-area #fnav .category.flist .has-child .nav-list li:last-child {
	display: none;
}

.main-area #fnav .customer.flist ul {
	margin-bottom: 90px;
}

.main-area #fnav .flist {
	width: 200px;
	float: left;
	margin-right: 2%;
}

.main-area #fnav .mailmaga {
	background-color: #fff;
	text-align: center;
	margin: 0;
	border: 1px solid #4d4d4d;
	width: 290px;
	float: left;
}

.main-area #fnav svg#mailmagazine {
	width: 34px;
	margin-bottom: 5px;
}

.main-area #fnav .mailmaga a {
	display: block;
	padding: 20px 0 30px;
}

.main-area #fnav .mailmaga p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.main-area #fnav .mailmaga span {
	font-size: 13px;
}

.main-area #fnav .support {
	text-align: center;
	padding-top: 30px;
	width: 290px;
	float: left;
}

.main-area #fnav .support .contact span.tell {
	display: block;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.main-area #fnav .support .contact a {
	display: block;
	margin-top: 5px;
	text-decoration: underline;
	color: #b1b1b1;
}

.main-area #fnav .support .contact a:hover {
	text-decoration: none;
}

.main-area .btn {
	color: #484747;
	font-size: 12px;
	text-shadow: none;
	background: #e0e0e0;
	box-shadow: none;
	border: 0;
	border-bottom: solid 2px #d5d5d5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 6px 15px 4px;
}

.main-area .btn:hover,
  .main-area .btn:focus,
  .main-area .btn:active,
  .main-area .btn.active,
  .main-area .btn.disabled,
  .main-area .btn[disabled] {
	color: #484747;
	background: #e0e0e0;
	box-shadow: none;
}

.main-area input.btn {
	padding: 8px 17px 6px;
}

.main-area input.btn.btn-small {
	padding: 5px 14px 3px;
}

.main-area .btn-primary,
  .main-area .btn-primary:hover,
  .main-area .btn-primary:focus,
  .main-area .btn-primary:active,
  .main-area .btn-primary.active,
  .main-area .btn-primary.disabled,
  .main-area .btn-primary[disabled] {
	color: #fff;
	background: #626262;
	border-bottom: solid 2px #585858;
}

.main-area .btn-under {
	margin-top: 15px;
}

.main-area .btn-row {
	margin-right: 15px;
}

.main-area .form-actions {
	padding-left: 0;
	padding-right: 0;
	background: none;
	border: 0;
}

.main-area .form-horizontal .form-actions {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.main-area .form-actions .btn {
	min-width: 200px;
}

.main-area .form-actions .btn:hover {
	opacity: 0.7;
}

.main-area .link-view-all a {
	width: 500px;
	height: 50px;
	line-height: 50px;
	background-color: #eae9e0;
	display: block;
	margin: 40px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.main-area .subnav h2 {
	margin-bottom: 10px;
}

.main-area .nav-list {
	padding-left: 0;
	padding-right: 0;
}

.main-area .nav-list > li > a {
    /* border-bottom:solid 1px #ddd; */
    /* padding:5px 10px 5px 16px; */
	margin-left: 0;
	margin-right: 0;
}

.main-area .nav-list > li > a:hover,
  .main-area .nav-list > li > a:focus,
  .main-area .nav-list > .active > a,
  .main-area .nav-list > .active > a:hover,
  .main-area .nav-list > .active > a:focus {
	text-shadow: none;
	color: #000;
	background-color: transparent;
}

.main-area .nav-list > .active > a {
	font-weight: 600;
}

.main-area .affix-base {
	position: relative;
}

.main-area .affix-bottom {
	bottom: 0;
	position: absolute;
	top: auto;
}

.main-area .title-gray {
	font-weight: bold;
	font-size: large;
}

.main-area .newarrival-date p.side-caption {
	margin-bottom: 10px;
}

.main-area .side-detailsearch {
	margin-bottom: 40px;
}

.main-area .side-detailsearch .form-input input {
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	text-indent: 6px;
	padding: 0 0 8px;
	font-size: 12px;
	box-shadow: none;
	transition: none;
	text-indent: 10px;
	border: none;
	border-bottom: 1px solid #1a1a1a;
	background: url("/assets/images/common/ico_search.png") right 0px no-repeat;
	background-size: 16px;
}

.main-area #grandtop-main {
	max-width: 1017px;
}

.main-area #new-item span {
	display: block;
}

.main-area #new-item .icon span {
	display: inline-block;
}

.main-area figure {
	position: relative;
}

.main-area figure .icon {
	position: absolute;
	bottom: 0;
	left: 0;
}

.main-area #checked-items h2 {
	font-size: 16px;
	margin-bottom: 48px;
	text-align: center;
	letter-spacing: 0.15em;
}

.main-area #checked-items li {
	width: 7.7%;
	margin-left: 0;
	float: left;
}

.main-area #checked-items li:first-child {
	margin-left: 0;
}

.main-area #ranking .tab-nav {
	text-align: center;
}

.main-area #ranking .tab-nav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 20px 30px 40px 0;
}

.main-area #ranking .tab-nav li a {
	font-size: 12px;
	width: 95px;
	height: 32px;
	border: 1px solid #eee;
	line-height: 32px;
	display: block;
	box-sizing: border-box;
}

.main-area #ranking .tab-nav li.active a,
  .main-area #ranking .tab-nav li a:hover {
	background-color: #000;
	color: #fff;
}

.main-area #ranking .tab-box li {
	float: left;
	position: relative;
}

.main-area #ranking .tab-box li span.icn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #fff;
	z-index: 100;
}

.main-area .item-list #ranking {
	margin-bottom: 45px;
}

.main-area h1.list-title {
	font-size: 28px;
	margin-bottom: 60px;
}

.main-area .pager {
	overflow: hidden;
	margin: 10px 0 80px;
}

.main-area .pager li {
	display: block;
	float: left;
	border-right: 1px solid #fff;
}

.main-area .pager li:first-child {
	border-left: 1px solid #fff;
}

.main-area .pager li:last-child {
	border-right: none;
}

.main-area .pager li img {
	width: 6px;
}

.main-area .pager .itemNumber {
	padding-left: 15px;
	font-weight: bold;
	line-height: 30px;
}

.main-area .pager .pageNumber li > a,
  .main-area .pager .pageNumber li > span {
	display: inline-block;
	padding: 6px 14px;
	background-color: #e0e0e0;
	border: 0;
	color: #626262;
	font-weight: bold;
	padding: 0;
	width: 30px;
	line-height: 30px;
}

.main-area .pager .pageNumber li.pager_active > a,
  .main-area .pager .pageNumber li.pager_active > span {
	color: #ffffff;
	background-color: #d81a34;
	border: 0;
}

.main-area #searchDetailArea {
	float: none;
	margin: 0 auto;
}

.main-area #searchDetailArea input.span12,
  .main-area #searchDetailArea input.span9 {
	width: 100%;
	padding: 4px 0;
	text-indent: 10px;
	font-size: 12px;
}

.main-area #searchDetailArea .fillinArea {
	margin-bottom: 25px;
}

.main-area .field-name {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}

.main-area #searchDetailArea .select-color table {
	max-width: 100%;
}

.main-area .select-color table {
	width: 100%;
	table-layout: fixed;
}

.main-area .select-price ul.inline > li#first,
  .main-area .select-off_rate ul.inline > li#first {
	padding-left: 0px;
}

.main-area .select-color table {
	width: 100%;
	table-layout: fixed;
	max-width: 130px;
}

.main-area .select-color .color-name {
	color: #666;
}

.main-area .select-color .color-tip {
	display: block;
	float: right;
	width: 10px;
	height: 11px;
	margin: 4px 5px 0 0;
	border-radius: 50%;
}

.main-area .static.display .select-color .color-tip {
	float: left;
}

.main-area .select-color .tip-white {
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
}

.main-area .select-color .tip-blue {
	background-color: #4783bf;
}

.main-area .select-color .tip-black {
	background-color: #000000;
}

.main-area .select-color .tip-purple {
	background-color: #b15dc1;
}

.main-area .select-color .tip-gray {
	background-color: #707070;
}

.main-area .select-color .tip-yellow {
	background-color: #fae05c;
}

.main-area .select-color .tip-brown {
	background-color: #5f3515;
}

.main-area .select-color .tip-pink {
	background-color: #f7a3c5;
}

.main-area .select-color .tip-red {
	background-color: #de5252;
}

.main-area .select-color .tip-green {
	background-color: #54b172;
}

.main-area .select-color .tip-orange {
	background-color: #f89930;
}

.main-area .select-color .tip-other {
	background-color: #ffffff;
	border: solid 1px #000000;
	box-sizing: border-box;
}

.main-area .select-color .tip-beige {
	background-color: #e3d6b4;
}

.main-area .select-color .tip-clear {
	background-color: #d7eeff;
}

.main-area .select-color .tip-silver {
	background-color: #aaaaaa;
}

.main-area .select-color .tip-gold {
	background-color: #c39c33;
}

.main-area .action-steps {
	margin-bottom: 20px;
}

.main-area .action-steps li {
	background-color: #f4f4f4;
	padding-top: 6px;
	padding-bottom: 6px;
}

.main-area .action-steps li.active {
	background-color: #626262;
}

.main-area #color-search label {
	position: relative;
	width: 80%;
}

.main-area #color-search label:hover span {
	opacity: 0.7;
}

.main-area #color-search input#color {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: absolute;
	z-index: -1;
	padding-left: 20px;
	position: relative;
	margin: 0 20px 0 0;
}

.main-area #color-search input {
	position: relative;
	top: -7px;
	height: 0;
	margin: 0 1rem 0 0;
	cursor: pointer;
}

.main-area #color-search input:before {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	content: "";
	position: absolute;
	left: 0;
	z-index: 1;
	width: 0.6rem;
	height: 0.6rem;
	border: 1px solid #999;
}

.main-area #color-search input:checked:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: .5rem;
	border-color: #000;
	border-top-style: none;
	border-right-style: none;
}

.main-area #color-search input:after {
	content: "";
	position: absolute;
	top: -10px;
	left: -7px;
	width: 2rem;
	height: 2rem;
	background: #fff;
	cursor: pointer;
}

.main-area .side-detailsearch select {
	width: 100%;
}

.main-area .cart-area h2 {
	color: #666;
	font-weight: bold;
	margin-bottom: 10px;
}

.main-area .point-form table th {
	text-align: left;
	font-weight: normal;
}

.main-area .point-form table td {
	font-weight: bold;
	padding-left: 20px;
}

.main-area .snapline {
	max-width: 1300px;
	margin: 0 auto 40px;
	position: relative;
}

.main-area body {
	letter-spacing: 0.05em;
}

.main-area main {
	display: block;
}

.main-area #head-info {
	background-color: black;
	margin: 0;
}

.main-area #head-info li {
	margin: 0;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
}

.main-area #head-info li > a {
	color: #fff;
	display: block;
}

.main-area #head-bar {
	height: 70px;
	position: relative;
}

.main-area #head-bar .logo {
	float: left;
	margin: 0 0 0 20px;
	padding-top: 12px;
}

.main-area #head-bar .logo a {
	display: block;
}

.main-area .navDrawr {
	visibility: hidden;
	height: 0;
}

.main-area .dropdown.open .dropdown-inner {
	display: block;
	opacity: 1;
}

.main-area .dropdown-inner {
	position: absolute;
	left: 0;
	top: 62px;
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	text-align: center;
	display: none;
	z-index: 9999;
}

.main-area .dropdown .dropdown-inner .dropdown-menu {
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	background-color: transparent;
	display: inline-block;
	float: none;
	text-align: left;
	box-shadow: none;
	visibility: visible;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.sales_type,
  .main-area .dropdown .dropdown-inner .dropdown-menu.category {
	left: 30px;
}

.main-area .dropdown-inner .dropdown-inlist {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.main-area .dropdown-inner .dropdown-inlist a {
	font-size: 12px;
	display: inline-block;
	background-color: transparent;
}

.main-area .dropdown-inner .dropdown-inlist a:hover {
	background-color: transparent;
}

.main-area .dropdown-inlist.newarrivals {
	margin-right: 30px;
	letter-spacing: 0.1em;
	width: 10%;
	float: left;
}

.main-area .dropdown-inlist.category {
	float: left;
	width: calc(100% - 20%);
	width: -webkit-calc(100% - 20%);
}

.main-area .dropdown-inlist.newarrivals > p,
  .main-area .category > .nav-list > li > a {
	font-weight: 600;
	margin-bottom: 25px;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.1em;
}

.main-area .dropdown-inner .dropdown-inlist > .child-category > li {
	float: left;
	margin: 0 30px 30px 0;
}

.main-area #head-bar .hnav2 li a {
	font-size: 12px;
}

.main-area #head-bar .hnav3 li a {
	display: block;
}

.main-area #head-bar .hnav3 li.cart a > span {
	top: -5px;
}

.main-area #head-bar .hnav3 li svg {
	width: 20px;
}

.main-area #head-bar .hnav3 li.cart svg {
	width: 25px;
}

.main-area #head-bar .hnav3 li .hidden {
	width: 240px;
	background-color: #fff;
	z-index: 99999;
}

.main-area #head-bar .hnav3 li.open .hidden {
	display: block;
	visibility: visible;
	position: absolute;
	right: 0%;
	top: 60px;
	padding: 18px 30px 20px;
}

.main-area #head-bar .hnav3 li.open .hidden span {
	display: block;
}

.main-area #head-bar .hnav3 li.open .hidden span:first-child {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.main-area #head-bar .hnav3 li.open .hidden span.text-field {
	position: relative;
}

.main-area #head-bar .hnav3 li.open .hidden span input[type="text"] {
	width: 228px;
	margin: 0;
	border: none;
	height: 30px;
	border-bottom: 1px solid #000;
	font-size: 10px;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	letter-spacing: 0.2em;
}

.main-area #head-bar .hnav3 li.open .hidden span input[type="text"]::-ms-clear {
	visibility: hidden;
}

.main-area #head-bar .hnav3 li.open .hidden span.sentence {
	font-size: 12px;
}

.main-area #head-bar .hnav3 li.open .hidden span button {
	position: absolute;
	right: 0;
	top: 5px;
	border: none;
	background: transparent;
}

.main-area #head-bar .hnav3 li.open .hidden span:last-child {
	background-color: #000;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}

.main-area #head-bar .hnav3 li.open .hidden span:last-child a {
	color: #fff;
	display: block;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li {
	float: left;
	text-align: center;
	margin: 0 0 30px 2.2%;
	max-width: 150px;
	width: 10%;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li:nth-child(n+8) {
	order: 1;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li a {
	padding: 0;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li img {
	margin-bottom: 10px;
	width: 100%;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li svg {
	display: block;
	text-align: center;
	margin: 0 auto;
	height: 55px;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li .brand_txt {
	font-size: 12px;
	font-weight: 600;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li a:hover,
  .main-area .dropdown .dropdown-inner .dropdown-menu.brand li a:focus {
	background-color: transparent;
	background-image: none;
	color: #000;
}

.main-area svg#alphacubic {
	width: 110px;
}

.main-area svg#ac_alphacubic {
	width: 90px;
}

.main-area svg#decoy {
	width: 90px;
}

.main-area svg#petit {
	width: 90px;
}

.main-area svg#norc {
	width: 90px;
}

.main-area svg#norc_line {
	width: 90px;
}

.main-area svg#jsjunkoshimada {
	width: 90px;
}

.main-area .norc.anthem .brand_logo svg {
	width: 90px;
}

.main-area .atofficial .brand_logo {
	padding: 15px 0;
	display: block;
}

.main-area #brandNavi .atofficial .brand_logo {
	padding: 20px 0;
}

.main-area svg#atofficial {
	width: 50px;
}

.main-area svg#aturo {
	width: 90px;
}

.main-area svg#junko {
	width: 100px;
}

.main-area svg#junko_49av {
	width: 110px;
}

.main-area svg#blancplus {
	width: 100px;
}

.main-area svg#bizcos {
	width: 90px;
}

.main-area #wrapper {
	overflow: hidden;
}

.main-area #grandtop-main {
	margin-bottom: 90px;
}

.main-area #grandtop-main .swiper-slide {
	max-width: 100%;
}

.main-area #grandtop-main .swiper-slide img {
	width: 100%;
}

.main-area #grandtop-main .swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}

.main-area #grandtop-main .swiper-button-prev {
	background-image: url("/assets/images/common/icn__left.png");
	background-size: 13px 53px;
	background-color: #000;
	background-position: 95% center;
	opacity: 0.6;
	filter: alpha(opacity=60);
	width: 100%;
	height: 100%;
	position: absolute;
	left: -1017px;
	top: 0;
	margin: 0;
}

.main-area #grandtop-main .swiper-button-next {
	background-image: url("/assets/images/common/icn__right.png");
	background-size: 13px 53px;
	background-color: #000;
	background-position: 5% center;
	opacity: 0.6;
	filter: alpha(opacity=60);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 1017px;
	top: 0;
	margin: 0;
}

.main-area #grandtop-main .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: -34px;
}

.main-area #grandtop-main
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
	margin: 0 10px;
}

.main-area #grandtop-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #000;
}

.main-area #grandtop-main .swiper-container,
  .main-area #grandtop-main .swiper-button-prev,
  .main-area #grandtop-main .swiper-button-next {
    /* display: none; */
	float: left;
	height: calc( 100vw / 1.914);
	min-height: 1px;
	max-height: 530px;
}

@media (max-width: 767px) {
	.main-area #grandtop-main .swiper-container,
    .main-area #grandtop-main .swiper-button-prev,
    .main-area #grandtop-main .swiper-button-next {
		height: 100%;
		max-height: 767px;
	}
}

.main-area #grandtop-main .swiper-container.swiper-container-horizontal,
  .main-area #grandtop-main .swiper-container.swiper-container-horizontal .swiper-button-prev,
  .main-area #grandtop-main .swiper-container.swiper-container-horizontal .swiper-button-next {
	display: block;
}

.main-area #middle_banner {
	margin-bottom: 30px;
}

.main-area #middle_banner img {
	width: auto;
}

.main-area .blueback {
	background-color: #f3f6fa;
	padding: 75px 0 80px;
}

.main-area .whiteback {
	background-color: #fff;
	padding: 75px 0 80px;
	display: inline-block;
	width: 100%;
}

.main-area #page-body h2.ttl {
	margin-bottom: 35px;
	text-align: center;
	font-size: 32px;
	letter-spacing: 0.1em;
}

.main-area #page-body h2.ttl .sub {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
	letter-spacing: 0;
}

.main-area #creates .container {
	width: 1400px;
}

.main-area #creates li {
	float: left;
	margin: 0 0 2% 1.5%;
	width: 32%;
}

.main-area #creates li img {
	width: 100%;
}

.main-area #creates li:first-child,
  .main-area #ranking li:first-child {
	margin-left: 0;
}

.main-area .list-item-text {
	text-align: center;
	padding-top: 20px;
}

.main-area #ranking li .icn {
	padding: 0 0 20px;
	text-align: center;
	left: 50%;
	font-family: benton-modern-display-conden, serif;
	font-style: italic;
	font-size: 24px;
}

.main-area .brand-name {
	margin-bottom: 10px;
	font-family: futura-pt, sans-serif;
}

.main-area #ranking li .item-ttl {
	font-size: 14px;
	margin-bottom: 10px;
}

.main-area #topics li {
	width: 32%;
	float: left;
	margin-left: 2%;
}

.main-area #topics li:first-child,
  .main-area #topics li:nth-child(3) {
	margin-left: 0;
	clear: both;
}

.main-area #topics li:nth-child(-n + 2) {
	margin-bottom: 20px;
	width: 49%;
}

.main-area #ranking {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
}

.main-area #ranking .ranking_index {
	margin: 0 auto 100px;
}

.main-area .item-price {
	font-size: 12px;
}

.main-area .view_all {
	width: 300px;
	height: 35px;
	line-height: 35px;
	background-color: #000;
	margin: 40px auto 0;
}

.main-area .view_all a {
	display: block;
	color: #fff;
	text-align: center;
	letter-spacing: 0.15em;
}

.main-area #page-body #checked-items h2 {
	font-size: 16px;
}

.main-area #recommend-item {
	width: auto;
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	display: block;
}

.main-area .swiper-button-prev {
	width: 13px;
	height: 53px;
	background: url("/assets/images/common/icn_left.png");
	background-size: 13px 53px;
	background-repeat: no-repeat;
	left: 0;
	top: calc(50% - 53px);
	top: -webkit-calc(50% - 53px);
}

.main-area .swiper-button-next {
	width: 13px;
	height: 53px;
	background: url("/assets/images/common/icn_right.png");
	background-size: 13px 53px;
	background-repeat: no-repeat;
	right: 0;
	top: calc(50% - 53px);
	top: -webkit-calc(50% - 53px);
}

.main-area .snapline .swiper-button-prev,
  .main-area .snapline .swiper-button-next {
	top: calc(50% - 20%);
	top: -webkit-calc(50% - 20%);
}

.main-area .swiper-button-prev:focus,
  .main-area .swiper-button-next:focus {
	outline: none;
}

.main-area #instafeed {
	max-width: 660px;
}

.main-area .blancplus_insta #instafeed {
	max-width: 840px;
}

.main-area #instafeed li {
	float: left;
	margin-left: 13px;
	margin-bottom: 13px;
	position: relative;
	width: 211px;
	height: auto;
	overflow: hidden;
}

.main-area .blancplus_insta #instafeed li {
	margin-left: 0px;
	margin-bottom: 0px;
	width: 280px;
}

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

.main-area #instafeed li a {
	position: absolute;
	top: 0;
}

.main-area #instafeed li a img {
	width: 100%;
}

.main-area #instafeed li:nth-child(3n + 1) {
	margin-left: 0;
}

.main-area #brandNavi {
	clear: both;
	text-align: center;
}

.main-area #brandNavi li {
	display: inline-block;
	min-width: 8.5%;
	margin-left: 10px;
}

.main-area #brandNavi li > img,
  .main-area #brandNavi li > a > img,
  .main-area #brandNavi li .brand_txt {
	display: none !important;
}

.main-area #brandNavi li a:hover svg {
	opacity: 0.7;
}

.main-area #brandNavi li svg {
	display: block;
	text-align: center;
	margin: 0 auto;
	height: 65px;
	max-width: 120px;
}

.main-area #brandNavi li svg#atofficial {
	height: 65px;
	width: 60px;
}

.main-area #brandNavi li svg#junko {
	width: 110px;
}

.main-area .snapline .coordinates li {
	text-align: center;
	overflow: hidden;
}

.main-area .snapline .brand_name {
	padding: 30px 0;
	font-size: 12px;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.main-area .snapline .catch_copy {
	font-size: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	margin: 0;
}

.main-area #page-footer .logo svg {
	max-width: 105px;
}

.main-area #new-item ul,
  .main-area #comming ul {
	display: inline-block;
}

.main-area .crosshop #ranking {
	margin-bottom: 100px;
}

.main-area #new-item li,
  .main-area #comming li,
  .main-area .crosshop #ranking .tab-box li,
  .main-area #recommend li,
  .main-area .crosshop .snapline li {
	float: left;
	width: 18.4%;
	margin-left: 2%;
	margin-bottom: 40px;
}

.main-area #new-item li:nth-child(5n + 1),
  .main-area #comming li:nth-child(5n + 1),
  .main-area .crosshop #ranking .tab-box li:nth-child(5n + 1),
  .main-area #recommend li:nth-child(5n + 1),
  .main-area .crosshop .snapline li:nth-child(5n + 1) {
	margin-left: 0;
	clear: both;
}

.main-area .crosshop #ranking .tab-box {
	display: inline-block;
	width: 100%;
}

.main-area .crosshop #pickup {
	margin-bottom: 70px;
}

.main-area .crosshop #pickup .txt {
	padding-top: 10px;
}

.main-area .crosshop #pickup .date {
	margin: 0;
	padding: 25px 0 15px;
	font-size: 11px;
	font-family: futura-pt, sans-serif;
}

.main-area .crosshop .snapline li:nth-child(n + 6) {
	display: none;
}

.main-area .crosshop .snapline li .brand_name {
	padding: 15px 0 10px;
}

.main-area .crosshop .snapline .catch_copy {
	font-size: 12px;
}

.main-area .atofficial .breadcrumb,
  .main-area .junkoshimada .breadcrumb {
	margin-bottom: 50px;
}

.main-area #brand_logo {
	text-align: center;
	margin-bottom: 70px;
	font-size: 14px;
}

.main-area #brand_logo img,
  .main-area #brand_logo svg {
	margin-bottom: 38px;
	width: 20%;
}

.main-area #brand_logo svg#decoy {
	height: 80px;
}

.main-area #brand_logo svg#ac_alphacubic {
	width: 20%;
}

.main-area #brand_logo svg#alphacubic {
	width: 20%;
	margin-left: 30px;
}

.main-area #brand_logo svg#atofficial {
	width: 100%;
	height: 42px;
	position: relative;
	margin: 0;
	padding-left: 5px;
}

.main-area #brand_logo svg#aturo {
	height: 42px;
	margin-bottom: 0;
	width: auto;
	position: relative;
	left: -20px;
	max-width: 160px;
}

.main-area #brand_logo svg#junko,
  .main-area #brand_logo svg#junko_49av {
	height: 30px;
	width: auto;
}

.main-area #foot-banner {
	margin-bottom: 40px;
	margin-top: 40px;
}

.main-area #sns {
	margin-bottom: 80px;
}

.main-area #sns .boxer {
	width: 48%;
	height: 160px;
	border: 1px solid #e5eaf1;
	box-sizing: border-box;
	float: left;
	text-align: center;
}

.main-area #sns .boxer_blancplus .boxer {
	width: 100%;
	float: none;
}

.main-area #sns .boxer.sns_lefter {
	margin-right: 4%;
}

.main-area #sns .boxer.sns_lefter img {
	margin-bottom: 20px;
	width: 30px;
}

.main-area #sns .boxer.sns_lefter p {
	font-weight: bold;
}

.main-area #sns .boxer.sns_lefter span {
	font-size: 11px;
}

.main-area #sns .boxer.sns_lefter a {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	display: block;
	padding: 30px 0;
}

.main-area #sns .boxer.sns_righter ul {
	display: inline-block;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}

.main-area #sns .boxer.sns_righter li {
	width: 50%;
	text-align: center;
	display: inline-block;
	float: left;
}

.main-area #sns .boxer.sns_righter li a {
	display: block;
	font-family: futura-pt, sans-serif;
	font-size: 14px;
	letter-spacing: 0.15em;
}

.main-area #sns .boxer.sns_righter li p {
	margin: 0;
}

.main-area #sns .boxer.sns_righter li.face a {
	padding: 40px 0px 30px;
	text-indent: 46%;
	vertical-align: middle;
}

.main-area #sns .boxer.sns_righter li.face img {
	width: 15px;
	margin-bottom: 17px;
}

.main-area #sns .boxer.sns_righter li.tweet a {
	padding: 42px 0px 30px;
	text-indent: -120px;
}

.main-area #sns .boxer.sns_righter li.tweet img {
	width: 30px;
}

.main-area #sns .boxer.sns_righter li.insta a {
	padding: 32px 0px 30px;
	text-indent: -120px;
}

.main-area #sns .boxer.sns_righter img {
	margin-bottom: 20px;
}

.main-area #page-body #checked-items h2 {
	margin-bottom: 20px;
}

.main-area .crosshop .snapline .swiper-button-prev,
  .main-area .crosshop .snapline .swiper-button-next {
	display: none;
}

.main-area .crosshop .snapline .swiper-button-prev {
	top: calc(50% - 10px);
	top: -webkit-calc(50% - 10px);
	left: 0;
}

.main-area .crosshop .snapline .swiper-button-next {
	top: 50%;
	right: 0;
}

.main-area .crosshop #sns {
	clear: both;
}

.main-area .crosshop #sns .boxer.sns_righter li {
	width: 25%;
	flex-basis: 0;
	flex-grow: 1;
}

.main-area .crosshop #sns .boxer.sns_righter li.blog a {
	padding: 38px 0px 30px;
	vertical-align: middle;
	text-indent: 0px;
}

.main-area .crosshop #sns .boxer.sns_righter li.blog img {
	width: 30px;
}

.main-area .crosshop #sns .boxer.sns_righter li.face a {
	text-indent: 0px;
}

.main-area .crosshop #sns .boxer.sns_righter li.tweet a {
	text-indent: 0px;
}

.main-area .crosshop #sns .boxer.sns_righter li.insta img {
	width: 40px;
	margin-bottom: 16px;
}

.main-area .crosshop #sns .boxer.sns_righter li.insta a {
	text-indent: 0px;
}

.main-area .item #page-body {
    /* width: 100%; */
	border-bottom: 1px solid #e5eaf1;
}

.main-area .crosshop #banner {
	margin: 0 auto 40px;
	clear: both;
	text-align: center;
}

.main-area #sidebar {
	float: left;
	width: 15%;
}

.main-area #sidebar ul#side-nav {
	display: none;
}

.main-area #sidebar .has-child > a {
	display: block;
	position: relative;
}

.main-area #sidebar .has-child > a:after {
	position: absolute;
	top: 30%;
	right: 0;
	content: "";
	color: #000;
	border-top: 1px solid;
	border-right: 1px solid;
	display: block;
	width: 5px;
	height: 5px;
	right: 10px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.main-area #sidebar .has-child > a.open:after {
	position: absolute;
	top: 30%;
	right: 0;
	content: "";
	color: #000;
	border-top: 1px solid;
	border-right: 1px solid;
	display: block;
	width: 5px;
	height: 5px;
	right: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.main-area #sidebar .has-child > ul {
	display: none;
	margin: 5px 0 15px;
}

.main-area #sidebar [class*="list"] {
	margin-bottom: 35px;
}

.main-area #sidebar [class*="list"] li {
	margin-bottom: 6px;
}

.main-area #sidebar [class*="list"] li.active:not(.has-child) > a {
	font-weight: 600;
}

.main-area #sidebar .side-caption {
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}

.main-area #sidebar .side-caption.coordinate {
	margin-bottom: 30px;
}

.main-area #article {
	float: right;
	width: 82%;
	max-width: 980px;
}

.main-area #ranking .ranking_index li,
  .main-area #recommend-item .recommend_index li {
	float: left;
	width: 18.33333%;
	margin: 0 0 2% 2%;
}

.main-area #ranking .ranking_index li:nth-child(5n+1),
  .main-area #recommend-item .recommend_index li:nth-child(5n+1) {
	clear: both;
	margin-left: 0;
}

.main-area .listarea li {
	position: relative;
}

.main-area .listarea li:hover .second-photo {
	opacity: 1;
}

.main-area .listarea li:hover .first-photo {
	position: relative;
}

.main-area .listarea li:hover a {
	opacity: 1;
}

.main-area .listarea li .second-photo {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.main-area .listarea li .second-photo img {
	width: 100%;
}

.main-area #pagetop-area {
	margin: 0;
}

.main-area .register-legal-area .legal {
	height: 450px;
}

@media (max-width: 1200px) and (min-width: 980px) {
	.main-area span.brand_logo svg {
		width: 100%;
	}

	.main-area span.brand_logo svg.decoy_svg {
		width: 50%;
	}

	.main-area span.brand_logo svg.norc_svg,
    .main-area span.brand_logo svg.norc_line_svg {
		width: 65%;
	}

	.main-area span.brand_txt {
		font-size: 10px;
	}
}

@media (min-width: 767px) {
	.main-area #page-body + #checked-items ul {
		text-align: center;
		display: inline-block;
		transform: none;
	}

	.main-area #page-body + #checked-items li {
		float: none;
		display: inline-block;
	}
}

.main-area #creates ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main-area #creates .brand-list-5 li {
	float: none;
	flex-basis: calc( ( 80% - 8% ) / 5);
	max-width: calc( ( 80% - 8% ) / 5);
}

.main-area #creates .brand-list-6 li {
	float: none;
	flex-basis: calc( 100% / 8);
	max-width: calc( 100% / 8);
}

.main-area svg#atsofficial {
	width: 38px;
}

.main-area #brand_logo svg#atofficial {
	max-width: 168px;
	padding-left: 0;
}

.main-area #brandNavi li svg#atsofficial {
	width: 47px;
}

.main-area #brand_logo svg#atsofficial {
	width: 100%;
	height: 42px;
	position: relative;
	margin: 0;
	padding-left: 5px;
}

@media (max-width: 767px) {
	.main-area #creates ul.visible-phone {
		display: flex !important;
		justify-content: flex-start;
	}

	.main-area #creates li {
		float: none;
		flex-basis: calc( ( 100% - 2% ) / 2);
		max-width: calc( ( 100% - 2% ) / 2);
	}
}

.main-area .brandNavi_table ul:before {
	display: none;
}

.main-area .mall_pickup.crosshop #pickup {
	margin-top: 75px;
	margin-bottom: 80px;
}

.main-area .search_keyword_header_banner {
	margin-bottom: 20px;
	text-align: center;
}

.main-area .brandNavi_table {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	border-top: 1px solid #000;
	padding-top: 15px;
	position: relative;
}

.main-area .brandNavi_table p {
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -68px;
	background-color: #fff;
	padding: 0 10px;
	font-size: 14px;
}

.main-area .brandNavi_table ul {
	display: flex;
	flex-wrap: wrap;
}

.main-area .brandNavi_table ul li {
	flex-basis: calc( (100% - 60px) / 5);
	max-width: calc( (100% - 60px) / 5);
	box-sizing: border-box;
	border: 1px solid #000;
	margin-left: 15px;
	margin-bottom: 15px;
}

.main-area .brandNavi_table ul li:nth-of-type(5n+1) {
	margin-left: 0;
}

.main-area .brandNavi_table svg {
	display: block;
	text-align: center;
	margin: 0 auto;
	height: 55px;
}

@media (max-width: 1280px) {
	.main-area .brandNavi_table {
		margin: 20px 10px 10px 10px;
	}
}

@media (max-width: 767px) {
	.main-area .brandNavi_table p {
		font-size: 12px;
		margin-left: -50px;
	}

	.main-area .brandNavi_table ul li:nth-of-type(5n+1) {
		margin-left: 10px;
	}

	.main-area .brandNavi_table ul li {
		flex-basis: calc( (100% - 10px) / 2);
		max-width: calc( (100% - 10px) / 2);
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.main-area .brandNavi_table ul li:nth-of-type(odd) {
		margin-left: 0;
	}

	.main-area .mall_pickup.crosshop #pickup {
		margin-top: 35px;
		margin-bottom: 30px;
	}
}

.main-area li.secret_nav:last-child {
	position: relative;
}

.main-area li.secret_nav svg#secret_keys {
	width: 16px;
	height: 16px;
	margin-left: 5px;
	position: absolute;
	top: 41%;
	fill: #fff;
}

@media (max-width: 979px) {
	.main-area li.secret_nav svg#secret_keys {
		width: 16px;
		height: 16px;
		margin-left: 8px;
		position: absolute;
		top: 33%;
		fill: #000;
	}
}

.main-area .crosshop #displayCategoryRanking #ranking {
	background-color: #fff;
}

.main-area .summary_text {
	text-align: center;
}

.main-area .summary_text_top {
	margin-bottom: 30px;
}

.main-area .summary_text_list {
	margin-top: 30px;
}

.main-area #page-footer {
	padding-top: 40px;
}

.main-area #checked-items .itemlist {
	justify-content: center;
}

.main-area .agreement-privacy {
	margin-top: 15px;
}

.main-area .agreement-privacy span {
	padding-right: 10px;
}

.main-area .agreement-privacy span a {
	font-size: 14px;
	color: #08c;
	text-decoration: underline;
}

.main-area .register-legal-area .form-actions {
	padding: 10px 20px 20px;
	margin-top: 0px;
}

@media (max-width: 979px) {
	.main-area .summary_text_top {
		margin-bottom: 14px;
	}
}

@media (max-width: 767px) {
	.main-area .summary_text {
		font-size: 10px;
		text-align: left;
	}

	.main-area .summary_text_top {
		margin-bottom: 3px;
		padding: 0 20px;
	}

	.main-area .summary_text_top br {
		display: none;
	}
}

.main-area #brandNavi li {
	vertical-align: top;
}

.main-area #brandNavi li span.kangol img {
	width: 50px;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li span.kangol {
	display: block;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li span.kangol img {
	width: 40px;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li span.kangol + .brand_txt {
	display: block;
}

@media (min-width: 768px) {
	.main-area #brandNavi li {
		display: inline;
		margin-left: 50px;
	}

	.main-area #brandNavi li svg {
		display: inline;
	}

	.main-area #brandNavi li:first-of-type,
    .main-area #brandNavi li:nth-of-type(6) {
		margin-left: 0;
	}

	.main-area #brandNavi li:nth-of-type(5)::after {
		content: "\A";
		white-space: pre;
	}

	.main-area #brandNavi li.kangol_logo {
		display: inline-block;
		min-width: auto;
	}
}

.main-area body.shopnotfound meta[http-equiv=refresh] + div {
	width: 1200px;
	margin: 0 auto;
}

.main-area body.shopnotfound #sidebar + meta[http-equiv=refresh] + div {
	float: right;
	width: 82%;
	max-width: 980px;
}

@media (max-width: 1280px) {
	.main-area body.shopnotfound meta[http-equiv=refresh] + div {
		width: 100%;
	}

	.main-area #creates .container {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.main-area body.shopnotfound #sidebar + meta[http-equiv=refresh] + div {
		width: 100%;
	}
}

.main-area #sns .boxer.sns_righter ul {
	display: flex;
	justify-content: center;
}

.main-area .shop.index.kangolextracomfort #sns .boxer.sns_righter li {
	width: 50%;
}

.main-area #sns .boxer.sns_righter li.line a {
	padding: 29px 0px 30px;
	vertical-align: middle;
	text-indent: 0px;
}

.main-area #sns .boxer.sns_righter li.line svg {
	margin-bottom: 7px;
}

@media (max-width: 768px) {
	.main-area #sns .boxer.sns_righter li.line svg {
		margin-bottom: 0;
		width: 34px;
		height: auto;
		line-height: normal;
	}

	.main-area #sns .boxer.sns_righter li.line a {
		padding: 18px 0 0;
	}
}

.main-area #grandtop-main .swiper-button-next.disabled,
  .main-area #grandtop-main .swiper-button-prev.disabled {
	background-image: none;
}

.main-area #grandtop-main .swiper-pagination.disabled {
	display: none;
}

.main-area #page-footer .sns-nav {
	width: 100%;
}

@media (max-width: 767px) {
	.main-area #page-footer .sns-nav {
		width: 85%;
	}
}

.main-area #page-body .label-mens {
	background-color: #000080;
}

.main-area #fnav .category.flist .child-category > li.has-child:last-child > a {
	display: block;
}

.main-area #fnav .category.flist .child-category > li.has-child:last-child .child-category {
	display: none !important;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li img.cpshop {
	margin-bottom: 0px;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand .cpshop_logo a {
	white-space: normal;
}

@media (max-width: 979px) {
	.main-area #sp-gnav .main-nav li.brand_nav.has-child li span.cpshop img {
		display: block !important;
		width: 45px;
	}
}

.main-area #brand_logo.cpshop img {
	height: auto;
	width: 120px;
}

.main-area .cpshop #pickup.row {
	margin-left: 0;
}

.main-area .cpshop .row-fluid [class*=span]:nth-child(5) {
	margin-left: 0;
}

.main-area .cpshop .row-fluid [class*=span]:nth-child(n+5) {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.main-area .cpshop .row-fluid [class*=span]:nth-child(n+5) {
		margin-top: 0;
	}
}

.main-area #brand_logo li.junkoshimada {
	width: 320px;
}

.main-area svg#renorm {
	width: 90px;
}

.main-area svg#lesoukholiday {
	width: 90px;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main-area .dropdown .dropdown-inner .dropdown-menu.brand li {
	max-width: 170px;
}

.main-area #sns .boxer_bizcos {
	display: flex;
}

.main-area #sns .boxer_bizcos .boxer.sns_righter img {
	margin-bottom: 20px !important;
	width: 30px;
}

.main-area #sns .boxer_bizcos .boxer.sns_righter li {
	width: 100% !important;
}

.main-area #sns .boxer_bizcos span.hidden-phone {
	display: block;
}

.main-area .bizcos div#sns {
	margin-top: 80px;
}

@media (min-width: 768px) {
	.main-area #sns .boxer_bizcos .boxer p {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.main-area #sns .boxer_bizcos {
		flex-flow: column;
	}

	.main-area #sns .boxer_bizcos .boxer.sns_righter ul {
		height: 100%;
		align-items: center;
	}

	.main-area #sns .boxer_bizcos .boxer.sns_righter img {
		margin-bottom: 7px !important;
	}

	.main-area #sns .boxer_bizcos .sns_lefter img.mail_image {
		float: unset !important;
		left: 0;
		top: 0;
	}

	.main-area #sns .boxer_bizcos .boxer.sns_lefter a.mail_link {
		padding: 11px 0 8px;
	}

	.main-area .bizcos div#sns {
		margin-top: 50px;
	}

	.main-area .bizcos .boxer.sns_lefter {
		padding-bottom: 73px;
		padding-top: 2px;
	}
}