@charset "utf-8";

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

	共通 

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

/*	common overwrite
----------------------------------------------------*/
@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

	main img{
		width:100%;
		height:auto;
		vertical-align:top;
	}

	main article{
		font-size:3.73vw;
		line-height:1.6;
	}
		main article a{
			color:#035d8a;	
			text-decoration:none;
		}
		main article em{
			font-style:normal;
		}
	
		main aside *{
			box-sizing:content-box;
		}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

}

@media screen and (min-width: 569px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

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

main *{
	box-sizing:border-box;
	}

	main aside *{
		box-sizing:content-box;
		}
	
	main img{
		vertical-align:top;
		}

main article{
	font-size:116%;
	line-height:1.6;
}

	main article a{
		color:#035d8a;
		text-decoration:none;
		}

	main article a:hover{
		opacity:0.7;
		}

	main article a:hover h2{
		}

	main article a:hover h2{
		opacity:0.7;
		}

	main article em{
		font-style:normal;
		}

}

/*	h1
----------------------------------------------------*/
@media screen and (max-width: 568px) {
#title-area {
	background:none;
	border-top:none;
	border-bottom:3px solid #023893;
	padding:5.86vw 2.66vw 0 2.66vw;
}
#title-area h1 {
	height:auto;
	border-left:none;
	padding:0 0 4vw 0;
	color:#023893;
	font-size:6.4vw;
	text-align:center;
	line-height:1;
}
#title-area span.sub-title {
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	line-height:16px;
	padding-left:10px;
}
#title-area h1 img {
	height:16px;
}
#title-area ul#bread-clumb{
	margin-bottom:4px;
}
#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
	font-size:10px;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}

}

@media screen and (min-width: 569px) {
#title-area {
	height:auto;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
	background:none;
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #023893;
}
#title-area h1 {
	height:auto;
	margin:0;
	border-left:none;
	padding:10px 0 20px 0;
	color:#023893;
	font-size:28px;
	font-size:233.33%;
	text-align:center;
	line-height:1;
}


#title-area #title-area-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}


#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
#title-area ul#bread-clumb li a:hover{
	text-decoration:underline;
}
#title-area ul#bread-clumb li#home{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 0.2em no-repeat;
	padding-left:12px;
}

}


/*	h2 + toggle
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article h2{
	position:relative;
	height:13.33vw;
	margin:6.66vw 0  2.66vw 0;
	font-size:4.8vw;
	color:#fff;
	text-align:center;
	line-height:0.9;
	background:#023893;
	border-radius:1.06vw;
	padding:4.53vw;

}
	article h2 em{
		position:absolute;
		width:6.13vw;
		height:6.13vw;
		top:calc(6.665vw - 3.065vw);
		right:3.75vw;
		background:url(/sell/brand/images/arw_h2_brand.png) top right no-repeat;
		background-size:6.13vw 6.13vw;
	}

.mdl__toggle {
	background: #ffffff url(/sell/brand/images/icon_brand_open.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border: 1px solid #1e50a5;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #023893 url(/sell/brand/images/icon_brand_close.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}

	.mdl__toggle.opened h2 {
		color:#fff;
	}


}
@media screen and (min-width: 569px) {
article h2{
	position:relative;
	height:50px;
	margin:20px 0 ;
	font-size:22px;
	font-size:158%;
	color:#fff;
	text-align:center;
	line-height:1;
	background:#023893;
	border-radius:4px;
	padding:15px;

}
	article h2 em{
		position:absolute;
		width:26px;
		height:26px;
		top:12px;
		right:20px;
		background:url(/sell/brand/images/arw_h2_brand.png) top right no-repeat;
	}

.mdl__toggle {
	background: #ffffff url(/sell/brand/images/icon_brand_open.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border: 1px solid #1e50a5;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #023893 url(/sell/brand/images/icon_brand_close.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}


	.mdl__toggle.opened h2 {
		color:#fff;
	}

	.mdl__toggle:hover h2 {
		opacity: 0.7;
	}

	.mdl__toggle:hover{
		opacity:0.7;
	}



}


/*	kv
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.kv img{
	width:100%;
	height:auto;}
}
@media screen and (min-width: 569px) {
}

/*	column
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article .column{
	padding:0 2.66vw;
	margin-bottom:6.66vw;
}

article .column:last-of-type{
	margin-bottom:0;
}

}
@media screen and (min-width: 569px) {
article .column{
	margin-bottom:40px;
}

}


@media screen and (max-width: 568px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
/* サイドメニュー */
#aside-subnavi-setion{
	background-color:#FFF;
	border:1px solid #FFF;
	-webkit-box-shadow: 0px 0px 3px #aaa;
	-moz-box-shadow: 0px 0px 3px #aaa;
	box-shadow: 0px 0px 3px #aaa;
	margin:0 0 20px 0;
	position:relative;
}
.aside-subnavi{
	padding:0 5px;
}
.aside-subnavi.close{
	display:none;
}
.aside-subnavi li{
	border-top:1px dotted #666666;
	font-size:13px;
}
.aside-subnavi li:first-child{
	border-top:none;
}
.aside-subnavi li a{
	padding:5px 0 5px 19px;
	display:block;
	background: url("/common/images/ico-arrow-blue-sp-d.gif") 4px center no-repeat;
	background-size:9px 14px;
	-webkit-background-size:9px 14px;
	background: url("/common/images/ico-arrow-blue-sp.gif") 4px center no-repeat\9; /* for IE7,8 */
	text-decoration:none;
	color:#035D8A;
}
.aside-subnavi li.under {
	display: none;
}
h2.aside-h2{
	font-size:14px;
	position:relative;
	overflow:hidden;
	background: url("/common/images/acordion-btn-blue-bg-sp-d.gif") left top no-repeat #ded9d4;
	background-size:25px 150px;
	-webkit-background-size:25px 150px;
	background: url("/common/images/acordion-btn-blue-bg-sp.gif") left top no-repeat #ded9d4\9;
	border-bottom:1px solid #cfcac5;
	padding:7px 0 7px 34px;
	font-weight:normal;
}
h2.aside-h2.open{
	background: url("/common/images/acordion-btn-blue-bg-sp-d.gif") left -75px no-repeat #ded9d4;
	background-size:25px 150px;
	-webkit-background-size:25px 150px;
	background: url("/common/images/acordion-btn-blue-bg-sp.gif") left -75px no-repeat #ded9d4\9;
}
h2.aside-h2 a{
	display:block;
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
}
h3.aside-h3{
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#0d0d0d;
	background-color:#ded9d4;
	border-bottom:#cfcac5 1px solid;
	padding:7px 8px 5px;
}
h3.aside-h3.close{
	display:none;
}
/* ページトップボタン */
article p.page-top-btn{
	margin:0;
	padding:20px 0;
	clear:both;
	float:none;
	text-align:right;
}
/* boxshadow */
.sell-sec-boxshadow{
	background:#ffffff;
	box-shadow: 0 0 3px #aaa;
	margin-bottom: 20px;
	padding: 25px 20px 20px;
}

}
@media screen and (min-width: 569px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
main{
	padding:0;
}


#contents-wrap {
	background:none;
	border-top:solid 1px #FFF;
	padding:20px 0 50px 0;
	clear:both;
}



/* レイアウト */
#section-inner-full{
	clear:both;
}
article,
#section-inner-left{
	width:715px;
	float:left;
	position:relative;
}
aside{
	width:225px;
	float:right;
	position:relative;
}
/* サブタイトル */
h2.cmn-h2-ttl{
	border-left:5px #023893 solid;
	border-bottom:1px #c4c0bc solid;
	background:#FFF;
	font-size:133%;
	padding:10px 10px 7px;
	margin-bottom:20px;
}
h3.howto-h3-ttl{
	border-left:5px #023893 solid;
	font-size:117%;
	padding:5px 0 5px 10px;
	font-weight:bold;
}
h3.howto-h3-ttl a{
	color:#000000;
	text-decoration:none;
	display:block;
}
h3.howto-h3-ttl a:hover{
	text-decoration:underline;
}
h3.howto-h3-ttl span{
	font-size:86%;
	font-weight:bold;
}
h4 {
	background:#F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	border: 1px solid #D3D3D3;
	margin-top: 10px;
}
/* サイドメニュー */
h2.aside-h2 span{
	display:block;
	font-size:133%;
	color:#ffffff;
	background-color:#023893;
	border-bottom:#012259 1px solid;
	padding:9px 13px 7px;
}
h3.aside-h3 span{
	display:block;
	font-size:116%;
	color:#0d0d0d;
	background-color:#ded9d4;
	border-bottom:#cfcac5 1px solid;
	padding:10px 7px;
}
#aside-subnavi-setion{
	background-color:#FFF;
	padding:1px 1px 0;
	-webkit-box-shadow: 0px 0px 3px #aaa;
	-moz-box-shadow: 0px 0px 3px #aaa;
	box-shadow: 0px 0px 3px #aaa;
	margin:0 0 20px 0;
	position:relative;
	width:223px;
	clear:both;
}
.aside-subnavi li:first-child{
	border-top:none;
}
.aside-subnavi li{
	border-top: 1px solid #CCCCCC;
}
.aside-subnavi li a{
	color: #035d8a;
	text-decoration: none;
	display:block;
	padding: 8px 0 8px 30px;
	background: url("/common/images/ico-arrow-blue-square-pc.gif") no-repeat scroll 9px 9px transparent;
}
.aside-subnavi li a:hover{
	text-decoration:underline;
}
.aside-subnavi li.ac{
	background: url("/common/images/ico-arrow-gray-square-pc-back.gif") no-repeat scroll 9px 9px transparent;
	border-top: 1px solid #CCCCCC;
	padding: 8px 0 8px 30px;
}
.aside-subnavi li.ac:first-child{
	border-top:none;
}
.aside-subnavi li.ac span{
	color:#666666;
	font-weight:bold;
}
.aside-subnavi li.under {
	border-top: medium none;
}
.aside-subnavi li.under a {
	background: url("/common/images/aside-li-under-arrow-pc.gif") no-repeat scroll 30px center #fff;
	padding: 4px 4px 4px 45px;
}
.aside-subnavi li.under3.ac {
	background: url("/common/images/aside-li-under-arrow-pc-ac.gif") no-repeat scroll 29px center #fff;
	padding: 4px 4px 4px 45px;
	border-top:none;
}


.section-unit-shopseach{
	webkit-box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
	}

/* ページトップボタン */
p.page-top-btn{
	padding-top:10px;
}

/* boxshadow */
article .sell-sec-boxshadow {
	background:#ffffff;
	box-shadow: 0 0 3px #aaa;
	margin-bottom: 20px;
	padding: 15px 20px;
}


}



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

	ファッションTOP 

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

/*	navi4_2
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.navi4_2{
	display:flex;
	flex-wrap:wrap;

}
	.navi4_2 a{
		display:flex;
		flex-direction:column;
		width: calc(50% - 1.33vw);
		margin-right:1.46vw;
		border-radius:1.06vw;
	}
	
	.navi4_2 a:nth-of-type(even){
		margin-right:0;
	}


	.navi4_2 a:nth-of-type(n + 3){
		margin-top:2.66vw;
	}

		.navi4_2 dl dt{
		}
			.navi4_2 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.navi4_2 dl dd{
			margin:0!important;
			padding:1.8vw 1.4vw 1.6vw 1.4vw;
			background:#313f56;
			color:#fff;
			text-align:center;
			border-radius:1.06vw 1.06vw 0 0;
		}

		.navi4_2.men dl dd{
			background:#1e50a5;
		}
		.navi4_2.women dl dd{
			background:#de3535;
		}
		.navi4_2.kids dl dd{
			background:#6bbff1;
		}
		.navi4_2.accessory dl dd{
			background:#9dce52;
		}

			.navi4_2 dl dd p{
				line-height:1.4;
				font-size:2.93vw;
			}
	
					.navi4_2 dl dd p > em{
						line-height:1.5;
						font-size:2.66vw;
					}

		.navi4_2 a:nth-of-type(1) dl dd{
			background:#1e50a5 url(/sell/images/arw_wht01.png) no-repeat center right 2.66vw;	
			background-size:2.3vw auto;
		}
		.navi4_2 a:nth-of-type(2) dl dd{
			background:#de3535 url(/sell/images/arw_wht01.png) no-repeat center right 2.66vw;
			background-size:2.3vw auto;
		}
		.navi4_2 a:nth-of-type(3) dl dd{
			background:#6bbff1 url(/sell/images/arw_wht01.png) no-repeat center right 2.66vw;
			background-size:2.3vw auto;
		}
		.navi4_2 a:nth-of-type(4) dl dd{
			background:#9dce52 url(/sell/images/arw_wht01.png) no-repeat center right 2.66vw;
			background-size:2.3vw auto;
		}



}

@media screen and (min-width: 569px) {
.navi4_2{
	display:flex;
	flex-wrap:wrap;
}

	.navi4_2 a{
		display:flex;
		flex-direction:column;
		margin-right:11.5px;
		border-radius:4px;
		border-radius:4px;
	}
	
	.navi4_2 a:nth-of-type(4n){
		margin-right:0;
	}

	.navi4_2 dl:nth-of-type(n + 5){
		margin-top:20px;
	}


		.navi4_2 dl dt{
		}
			.navi4_2 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.navi4_2 dl dd{
			min-height:32px;
			margin:0!important;
			padding:10px 8px 8px 8px;
		
			background-repeat: no-repeat;
			background-position: center right 10px;
			
			color:#fff;
			font-size:16px;
			font-weight:bold;
			text-align:center;
			border-radius:4px 4px 0 0;
		}


		.navi4_2 a:nth-of-type(1) dl dd{
			background:#1e50a5 url(/sell/images/arw_wht01.png) no-repeat center right 10px;	
		}
		.navi4_2 a:nth-of-type(2) dl dd{
			background:#de3535 url(/sell/images/arw_wht01.png) no-repeat center right 10px;
		}
		.navi4_2 a:nth-of-type(3) dl dd{
			background:#6bbff1 url(/sell/images/arw_wht01.png) no-repeat center right 10px;
		}
		.navi4_2 a:nth-of-type(4) dl dd{
			background:#9dce52 url(/sell/images/arw_wht01.png) no-repeat center right 10px;
		}



}





/*	navi4_4
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.navi4_4{
	display:flex;
}
	.navi4_4 a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:21.73vw;
		height:21.33vw;
		margin-right:2.66vw;
		background:#1e50a5;
		color:#fff;
		font-size:3.46vw;
		font-weight:bold;
		border-radius:1.06vw;
	}

	.navi4_4 a:nth-of-type(2){
		background:#de3535;
	}
	.navi4_4 a:nth-of-type(3){
		background:#6bbff1;
	}
	.navi4_4 a:nth-of-type(4){
		margin-right:0;
		background:#9dce52;
	}



}

@media screen and (min-width: 569px) {
.navi4_4{
	display:flex;
}
	.navi4_4 a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:164px;
		height:150px;
		margin-right:20px;
		background:#1e50a5;
		color:#fff;
		font-size:20px;
		font-weight:bold;
		border-radius:4px;
	}

	.navi4_4 a:nth-of-type(2){
		background:#de3535;
	}
	.navi4_4 a:nth-of-type(3){
		background:#6bbff1;
	}
	.navi4_4 a:nth-of-type(4){
		width:163px;
		margin-right:0;
		background:#9dce52;
	}


	

}


/*	reasons
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.reasons {
	padding: 2.66vw;
    border: 1px solid #1e50a5;
    border-radius: 1.06vw;
}

.reasons li{
	padding-left:1.35em;
	text-indent:-1.35em;
}

	.reasons li:nth-of-type(n + 2){
		margin-top:0.4em;
	}

}

@media screen and (min-width: 569px) {
.reasons{
	padding: 20px;
    border: 1px solid #1e50a5;
    border-radius: 4px;
}

.store2 li:nth-of-type(2){
	margin-top:20px;
	text-align:center;
}


	.reasons li:nth-of-type(n + 2){
		margin-top:0.4em;
	}


}



/*	reason
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.reason{
	padding:0;
	font-feature-settings : "palt";
	letter-spacing:0.01em;
	border:3px solid #e30000;
	border-radius:1.06vw;
	}

	.reason li:first-of-type{
		margin: 0 0 2.66vw 0;
   		padding: 3.3vw 0;
		color:#202020;
		background:#f8f8f8;
		font-size:4.8vw;
		font-weight:bold;
		text-align:center;
		line-height:1;
	}

	.reason li:not(:first-of-type){
		margin:0 2.66vw;
		padding-left:1.3em;
		margin-bottom:0.25em;
		text-indent:-1.3em;
		font-weight:bold;	
	}

	.reason li:last-of-type{
		margin-bottom:2vw;
	}
		.reason li strong{
			color:#e30000;
			
		}


}

@media screen and (min-width: 569px) {
.reason{
	padding:0;
	background:#f8f8f8;
	background:#fff;
	border:1px solid #023893;
	border:3px solid #e30000;
	border-radius:4px;
	}

	.reason li:first-of-type{
		margin: 0 0 20px 0;
   		padding: 18px 0;
		color:#023893;
		color:#e30000;
		color:#202020;
		background:#f8f8f8;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		line-height:1;
	}

	.reason li:not(:first-of-type){
		margin:0 20px 6px 20px;
		font-size:16px;
		font-weight:bold;	
	}

	.reason li:last-of-type{
		margin-bottom:10px;
	}
		.reason li strong{
			color:#e30000;
			
		}

}


/*	store
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.store {
	padding: 2.66vw;
    border: 1px solid #1e50a5;
    border-radius: 1.06vw;
}

.store li{
	margin-top:2.66vw;
	text-align:center;
	display:flex;
}

	.store li a{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items: center;
		
		width:100%;

		padding:2.66vw 5.33vw;
		background: #e5e5e5 url(/sell/fashion/images/arw_store.png);
		background-repeat: no-repeat;
		background-position: center right 2.66vw;
		background-size:2.3vw auto;
		
		font-weight:bold;
	    border-radius: 1.06vw;
	}

	.store li a:first-of-type{
		margin-right:2.66vw;
	}

			.store li a span{
				margin:0 ;
				font-size:2.9vw;
				line-height:1.2;
	
			}



}

@media screen and (min-width: 569px) {
.store {
	padding: 20px;
    border: 1px solid #1e50a5;
    border-radius: 4px;
}

.store li{
	text-align:center;
	display:flex;
}

	.store li a{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items: center;
		width:100%;
		padding:10px 30px;
		background: #e5e5e5 url(/sell/fashion/images/arw_store.png);
		background-repeat: no-repeat;
		background-position: center right 15px;

		font-weight:bold;
		line-height:1.4;
	    border-radius: 4px;
	}

	.store li a:first-of-type{
		margin-right:20px;
	}

	.store li a br{
		
	}


			.store li:nth-of-type(2) a span{
				margin-left:1em;
				font-size:12px;
	
			}


}


@media screen and (max-width: 568px) {
.store2 {
	padding: 2.66vw;
    border: 1px solid #1e50a5;
    border-radius: 1.06vw;
}

.store2 li:nth-of-type(2){
	margin-top:2.66vw;
	text-align:center;
}

	.store2 li:nth-of-type(2) a{
		display:inline-block;
		padding:2.66vw 5.33vw;
		/* background:#e5e5e5; */
		font-weight:bold;
	    border-radius: 1.06vw;
	}

}

@media screen and (min-width: 569px) {
.store2 {
	padding: 20px;
    border: 1px solid #1e50a5;
    border-radius: 4px;
}

.store2 li:nth-of-type(2){
	margin-top:20px;
	text-align:center;
}

	.store2 li:nth-of-type(2) a{
		display:inline-block;
		padding:12px 20px;
		/* background:#e5e5e5; */
		font-weight:bold;
	    border-radius: 4px;
	}

}


/*	list__mainbrand, brandList
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.list__mainbrand{
	display:flex;
	flex-wrap:wrap;
	padding:2.66vw;
    border: 1px solid #1e50a5;
	border-radius:1.06vw;
}

	.list__mainbrand li{
		width:calc(50% - 0.66vw);
		margin-bottom:0.5em;
		font-size:3.73vw;
		font-weight:bold;
		line-height:1.4;
		letter-spacing:-0.015em;
	}

	.list__mainbrand li:nth-of-type(odd){
		margin-right:1.33vw;
	}

		.list__mainbrand li em{
			font-size:3.55vw;
			letter-spacing:-0.025em;
		}


#brandInitial {
	position:relative;
	zoom: 1;
}
	#brandInitial ul {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		padding-left:0.25em;
		margin:20px 0 0 0;
		line-height: 1;
	}

	#brandInitial li {
		margin:0 1.5em 0.75em 0;
	}

		#brandInitial li a {
			font-size:4.26vw;
			text-decoration:underline;
		}

#brandList {
    display: block!important;
	position:relative;
    overflow: scroll;
    overflow-x: hidden;
    zoom: 1;
    border: solid 1px #dbdbdb;
    height: 65vw;
    margin-top: 2.66vw;
	padding:0 2.66vw 2.66vw 2.66vw;
    border: 1px solid #1e50a5;
	border-radius:1.06vw;
}

	#brandList h4{
		width:100%;
		margin:20px 0 6px 0;
		padding:0;
		background:#fff;
		font-size:16px;
		font-weight:bold;
		line-height:1;
		border:none;
	}
	#brandList ul{
		display:flex;
		flex-wrap:wrap;
	}
		#brandList ul li {
			width:calc(50% - 0.665vw);
			margin-bottom: 0.5em;
			font-size:3.2vw;
			line-height: 1.4;
		}
		#brandList ul li:nth-of-type(odd) {
			padding-right: 0.5em;
		}

/*exeption for accesory*/
	#brandList.acc{
		padding:2.66vw 2.66vw 2.66vw 2.66vw;
	}
	
		#brandList.acc h4:first-of-type{
			margin-top:0;
		}

}

@media screen and (min-width: 569px) {
.list__mainbrand{
	display:flex;
	flex-wrap:wrap;
	padding:20px;
    border: 1px solid #1e50a5;
	border-radius:4px;
}

	.list__mainbrand li{
		width:calc(33.3% - 7px);
		font-size:16px;
		font-size:114.28%;
		font-weight:bold;
	}

	.list__mainbrand li:not(:nth-of-type(3n)){
		margin-right:10px;
	}




#brandInitial {
	position:relative;
	zoom: 1;
}
	#brandInitial ul {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		padding-left:0.25em;
		margin:20px 0 0 0;
		line-height: 1;
	}

	#brandInitial li {
		margin:0 1em 0.5em 0;
	}

		#brandInitial li a {
			font-size:16px;
			text-decoration:underline;
		}

		#brandList ul li:not(:nth-of-type(3n)) {
			margin-right:10px;
		}

#brandList {
    display: block!important;
	position:relative;
    overflow: scroll;
    overflow-x: hidden;
    zoom: 1;
    border: solid 1px #dbdbdb;
    height: 300px;
    margin-top: 20px;
	padding:0 10px 20px 15px;
    border: 1px solid #1e50a5;
	border-radius:4px;
}

	#brandList h4{
		width:100%;
		margin:20px 0 6px 0;
		padding:0;
		background:#fff;
		font-size:16px;
		font-weight:bold;
		line-height:1;
		border:none;
	}


	#brandList ul{
		display:flex;
		flex-wrap:wrap;
	}
		#brandList ul li {
			width:calc(33.3% - 7px);
			margin: 0 0 0.5em 0;
			line-height: 1.4;
		}

		#brandList ul li:not(:nth-of-type(3n)) {
			margin-right:10px;
		}

/*exeption for accesory*/
	#brandList.acc{
		padding:20px 10px 20px 15px;
	}
	
		#brandList.acc h4:first-of-type{
			margin-top:0;
		}


}







/*	service
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service li{
		width:100%;
		}

		.service li a{
			display:block;		
			border-radius:1.06vw;
			}

}

@media screen and (min-width: 569px) {

.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service a{
		border-radius:4px;
		display:block;
		}

}

/*	flow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.flow{
	display:flex;
	flex-direction:column;
	border: 1px solid #1e50a5;
	border-radius:1.06vw;
}
	.flow li{
		display:flex;
		flex-direction:column;
		margin-bottom:4vw;
	}
		.flow li dl{
			display:flex;
		}
		.flow li dl:nth-of-type(1){
			flex-direction:row;
		}
			.flow li dl:nth-of-type(1) dt{
				display:flex;
				justify-content:center;
				align-items:center;
				width:28vw;
				height:28vw;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:4.26vw;
				font-weight:bold;
				text-align:center;
			}
			.flow li:nth-of-type(1) dl:nth-of-type(1) dt{
				border-radius:1.06vw 0 0 0;
			}
			.flow li dl:nth-of-type(1) dd{
				width:66.13vw;
				height:28vw;
			}
				.flow li:nth-of-type(1) dl:nth-of-type(1) dd img{
					border-radius:0 1.06vw 0 0;
				}
		.flow li dl:nth-of-type(2){
			flex-direction:column;
			padding:0 2.6vw;
		}
			.flow li dl:nth-of-type(2) dt{
				min-height:38px;
				margin:2.6vw 0;
				font-weight:bold;			
			}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:2.66vw;
	padding:4vw 2.66vw;
	border: 1px solid #023893;
	border-radius:1.06vw;
}
	.flow_etrade li.balloon{
		position:absolute;
		top:3vw;
		width:46.4vw;
		height:auto;
		right:0;
	}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#023893;
		font-size:114.28%;
		line-height:1;
	}
		.flow_etrade dl{
			display:flex;
			flex-wrap:wrap;
		}
			.flow_etrade dl dt{
				width:100%;
				height:auto;
				margin:0 0 2.66vw 0;
			}
				.flow_etrade dl dt img{
					width:100%;
					height:auto;
				}
				.flow_etrade dl dd p{
					font-size:3.5vw;				
				}
				.flow_etrade dl dd p.cap{
					font-size:3.2vw;			
				}
					.flow_etrade dl dd p.ttl strong{
						display:inline-block;
						width:100%;
						margin: 0 0 1.33vw 0;
						padding:1.33vw;
						background:#f7f7f7;
						font-size:4.26vw;
					}

}

@media screen and (min-width: 569px) {

.flow{
	display:flex;
	flex-direction:column;
	padding:20px;
	border: 1px solid #1e50a5;
	border-radius:4px;
	}
	.flow li{
		display:flex;
	}
	.flow li:not(:last-of-type){
		margin-bottom:20px;
	}
		.flow li dl{
			display:flex;
			flex-direction:column;
		}
		.flow li dl:nth-of-type(1){
			display:flex;
			flex-direction:column;
			margin-right:20px
		}
			.flow li dl:nth-of-type(1) dt{
				min-height:38px;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:16px;
				font-weight:bold;
				text-align:center;
			}
		.flow li dl:nth-of-type(2){
			display:flex;
			flex-direction:column;
			width:100%;
			max-width:447px;
		}
			.flow li dl:nth-of-type(2) dt{
				width:100%;
				min-height:38px;
				margin-bottom:10px;
				padding:10px 5px 10px 10px;
				background:#f7f7f7;
				font-weight:bold;			
			}
			.flow li dl:nth-of-type(2) dd{
				width:100%;
			}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:20px;
	padding:20px;
	border: 1px solid #023893;
	border-radius:4px;
}
	.flow_etrade li.balloon{
		position:absolute;
		right:0;
	}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#023893;
		font-size:114.28%;
		line-height:1;
	}
		.flow_etrade dl{
			display:flex;
		}
			.flow_etrade dl dt{
				margin-right:20px;
			}
				.flow_etrade dl dd p.read_mdl{
					margin:17px 0;					
				}		
			.flow_etrade dl dd{
				width:100%;
			}
				.flow_etrade dl dd p.ttl strong{
					display:inline-block;
					width:100%;
					margin: 0 0 10px 0;
					padding:0 0 5px 0;
					border-bottom:1px solid #d8dae0;	
					font-size:16px;
				}

}


/*	Q&A
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.faq{
	padding:4vw 2.6vw;
	border: 1px solid #1e50a5;
	border-radius:1.06vw;
	}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background:url(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/icon_faq_open.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;		
			}

		.faq dl dt.opened{
			background:url(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/icon_faq_close.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/images/icon_a.png) left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.faq dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

	.faq > p.faq_index{
		margin-top:2.66vw;
		margin-bottom:0;
		color: #023893;
		font-weight:bold;
	}

}

@media screen and (min-width: 569px) {
.faq{
	padding:20px;
	border: 1px solid #1e50a5;
	border-radius:4px;
	}

	.faq > p{
		margin-bottom:10px
		}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:15px 10px 15px 50px;
			background:url(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;		
			}

		.faq dl dt.opened{
			background:url(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/icon_faq_close.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/images/icon_a.png) left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.faq dl dd > p{
				margin:15px 15px 15px 50px;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

	.faq > p.faq_index{
		margin-top:20px;
		margin-bottom:0;
		color: #023893;
		font-weight:bold;
	}


}


/*	cap
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.cap {
	font-size:2.93vw;
	padding-left:1em;
	text-indent:-1em;
	}

}

@media screen and (min-width: 569px) {
.cap {
	font-size:85.714%;
	padding-left:1em;
	text-indent:-1em;
	}

* .cap:nth-of-type(2) {

	}
}

/*	dropshadow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.shadow{
    box-shadow: 0px 0.26vw 0.52vw 0.4vw rgba(0,0,0,0.17);
}
}

@media screen and (min-width: 569px) {
.shadow{
    box-shadow: 0px 1px 2px 1.25px rgba(0,0,0,0.17);
}
}



/*	carousel
----------------------------------------------------*/
@media screen and (max-width: 568px) {

}

@media screen and (min-width: 569px) {

}


/* clearfix
--------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}
@media screen and (min-width: 569px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}

/* margin - common -
-------------------------------------------------------------------*/

@media screen and (max-width: 568px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:0.66vw;}
.mb10{margin-bottom:1.33vw;}
.mb20{margin-bottom:2.66vw;}
.mb30{margin-bottom:7vw;}
.mb40{margin-bottom:5.33vw;}
	
.mt00{margin-top:0!important;}
.mt05{margin-top:0.66vw;}
.mt10{margin-top:1.33vw;}
.mt20{margin-top:2.66vw;}
.mt30{margin-top:4vw;}
.mt40{margin-top:5.33vw;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}


}
@media screen and (min-width: 569px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}

}

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

	下層ページ（第2階層） 

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

/*	localnavi
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.localnavi{
	display:flex;
	flex-wrap:wrap;
}
	.localnavi a{
		display: flex;
		justify-content: center;
		align-items: center;
		width:29.73vw;
		height: 21.33vw;
		margin-right: 2.66vw;
		color: #fff;
		font-size: 3.46vw;
		font-weight: bold;
		border-radius: 1.06vw;
	}
	
	.localnavi a:last-of-type{
		margin-right:0;
	}


	.localnavi a.l_navi_m{
		background:#1e50a5;
	}
	.localnavi a.l_navi_w{
		background:#de3535;
	}
	.localnavi a.l_navi_k{
		background:#6bbff1;
	}
	.localnavi a.l_navi_a{
		background:#9dce52;
	}

}


/*	card3_2
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}
	.card3_2 dl{
		display:flex;
		flex-direction:column;
		width:calc(50% - 1.33vw);
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	
	.card3_2 dl:nth-child(even){
		margin-right:0;
	}

		.card3_2 dl dt{
		}
			.card3_2 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card3_2 dl dd{
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:3.73vw;
			text-align:center;
			border-radius:1.06vw 1.06vw 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:1.06vw;
		}

			.card3_2 dl dd em{
				font-size:3.2vw;
			}


}

@media screen and (min-width: 569px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}

	.card3_2 dl{
		display:flex;
		flex-direction:column;
		margin-right:20px;
		margin-bottom:20px;
		border-radius:4px;
		border-radius:4px;
	}
	
	.card3_2 dl:nth-of-type(3n){
		margin-right:0;
	}

		.card3_2 dl dt{
			margin-top:-0.5px;
		}
			.card3_2 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card3_2 dl dd{
			width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:114.28%;
			text-align:center;
			border-radius:4px 4px 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:4px;
		}

}

/*	card4_2
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card4_2{
	display:flex;
	flex-wrap:wrap;

}
	.card4_2 dl{
		display:flex;
		flex-direction:column;
		width: calc(50% - 1.33vw);
		margin-right:1.46vw;
		border-radius:1.06vw;
	}
	
	.card4_2 dl:nth-of-type(even){
		margin-right:0;
	}


	.card4_2 dl:nth-of-type(n + 3){
		margin-top:2.66vw;
	}

		.card4_2 dl dt{
		}
			.card4_2 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card4_2 dl dd{
			margin:0!important;
			padding:1.8vw 1.4vw 1.6vw 1.4vw;
			background:#313f56;
			color:#fff;
			text-align:center;
			border-radius:1.06vw 1.06vw 0 0;
		}

		.card4_2.men dl dd{
			background:#1e50a5;
		}
		.card4_2.women dl dd{
			background:#de3535;
		}
		.card4_2.kids dl dd{
			background:#6bbff1;
		}
		.card4_2.accessory dl dd{
			background:#9dce52;
		}

			.card4_2 dl dd p{
				line-height:1.4;
				font-size:2.93vw;
			}
	
					.card4_2 dl dd p > em{
						line-height:1.5;
						font-size:2.66vw;
					}


}

@media screen and (min-width: 569px) {
.card4_2{
	display:flex;
	flex-wrap:wrap;
}

	.card4_2 dl{
		display:flex;
		flex-direction:column;
		margin-right:10px;
		border-radius:4px;
		border-radius:4px;
	}
	
	.card4_2 dl:nth-of-type(4n){
		margin-right:0;
	}

	.card4_2 dl:nth-of-type(n + 5){
		margin-top:20px;
	}


		.card4_2 dl dt{
		}
			.card4_2 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card4_2 dl dd{
			min-height:32px;
			margin:0!important;
			padding:6px 8px 4px 8px;
			background:#313f56;
			color:#fff;
			font-size:14px;
			text-align:center;
			border-radius:4px 4px 0 0;
		}


		.card4_2.men dl dd{
			background:#1e50a5;
		}
		.card4_2.women dl dd{
			background:#de3535;
		}
		.card4_2.kids dl dd{
			background:#6bbff1;
		}
		.card4_2.accessory dl dd{
			background:#9dce52;
		}



}



/*	needs
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.needs{
	display:flex;
}
	.needs li{
		width:100%;
		padding:2.66vw 0;
		background:#f8f8f8;
		border-radius:1.06vw;
	}
	.needs li:first-of-type{
		margin-right:2.66vw;
	}

}
@media screen and (min-width: 569px) {

.needs{
	display:flex;
}
	.needs li{
		width:100%;
	}
	.needs li:first-of-type{
		margin-right:20px;
	}

}




/*	point123
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.point123{
	padding:2.66vw;
	border:1px solid #1e50a5;
	border-radius:1.06vw;
}
	.point123  > p.emph{

		font-weight:bold;
	}

	.point123 li:nth-of-type(1) h3{
		margin-top:0.25em;
	}
	.point123 li h3{
		display:flex;
		align-items:center;
		height:11.2vw;
		margin:5.33vw 0 4vw 0;
		padding-left:13.33vw;
		font-weight:bold;
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_01.png) center left no-repeat;
		background-size:11.2vw 11.2vw;
	}

	.point123 li:nth-of-type(2) h3{
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_02.png) center left no-repeat;
	}
	.point123 li:nth-of-type(3) h3{
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_03.png) center left no-repeat;
	}		

		.point123 li > p{
			margin-bottom:2.66vw;
		}

		.point123 li > p > img{
			margin:0 auto;
			display:block;
			text-align:center;
		}
}

@media screen and (min-width: 569px) {
.point123{
	padding:20px;
	border:1px solid #1e50a5;
	border-radius:4px;
}
	.point123  > p.emph{
		font-size:128.565%;
		font-weight:bold;
	}

	.point123 li:nth-of-type(1) h3{
		margin-top:0;
	}

	.point123 li h3{
		display:flex;
		align-items:center;
		height:40px;
		margin:30px 0 20px 0;
		padding-left:60px;
		font-size:16px;
		font-weight:bold;
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_01.png) center left no-repeat;
	}


	.point123 li:nth-of-type(2) h3{
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_02.png) center left no-repeat;
	}
	.point123 li:nth-of-type(3) h3{
		background:#f5f5f5 url(/sell/fashion/images/icon_point123_03.png) center left no-repeat;
	}		

		.point123 li > p{
			margin-bottom:20px;
		}

		.point123 li > p > img{
			margin:0 auto;
			display:block;
			text-align:center;
		}


}

/*	button
----------------------------------------------------*/
.button {
	display: block;
	color: #023893;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(136, 136, 136, .5);
	max-width: 312px;
	width: 100%;
	margin: 20px auto 0;
}

.button-arrow::after {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background:url("/sell/images/button-arrow-blue.png");
	background-size: cover;
	content: '';
	display: block;
}

.button.button--border {
	border: 1px solid;
}

.button.button--primary {
	background: #d90000;
	color: #fff;
	font-size: 14px;
}

.button.button--primary::after {
	background:url("/sell/images/button-arrow-white.png");
	background-size: cover;
}