@charset "utf-8";

/*** header ------------------------------------------ ***/
/*** SP ***/
body{
width:auto;
min-width:320px;

/*position:relative;*/
width: 100%;
overflow-x:hidden;
}

body main{
overflow:hidden!important;
}

body header{
width:auto;
min-width:320px;
height:auto;
margin:auto;
}

body.webstore header h1{
width:124.5px;
margin:20px auto 16px;
}
body.corporate header h1{
width:142px;
margin:27px auto 27px;
}

/*body header h1 img{
width:100%;
}*/

body header nav.pc{
display:none;
}

body header nav.sp{
display:block;
position:relative;
}

body header nav.sp p{
position:absolute;
top:-92px;
right:-20px;
margin-right:20px;
}

body header nav.sp p a{
display:block;
padding:42px 0 26px 26px;
border-left:#dadada 1px solid;
}
body header nav.sp p#spnavibtn img{
width:50%;
}

#spnavi{
display:none;
position:absolute;
top:78px;
right:-750px;
width:84%;
overflow:hidden;
display:block;
z-index:2;
float:right;
background:#333333;
/*font-size:20px;*/
color:#ffffff;
}

#spnavi a{
color:#ffffff;
}
#spnavi ul{
position:relative;
padding:20px 30px;
border-bottom:#ffffff 1px solid;
}
#spnavi ul li{
margin:15px 0;
}
#spnavi ul li ul{
padding:10px 0 0 0;
border:0;
text-align:left;
}

#spnavi ul li.newregistration,
#spnavi ul li.login{
width:50%;
margin:15px -15px;
text-align:center;
font-size:16px;
}
#spnavi ul li.search input{
width:100%;
height:48px;
background: #f2f2f2 url(../images/img_spmenu_03.gif) 95% 50% no-repeat;
}

#spnavi ul.spitemlist{
padding:0;
background:#1c1c1c;
}

#spnavi ul li.ladies,
#spnavi ul li.mens,
#spnavi ul li.kids{
width:33.3333%;
margin:0;
float:left;
}
#spnavi ul li.mens{
text-align:center;
}
#spnavi ul li.kids{
text-align:right;
}

#spnavi ul li.ladies span,
#spnavi ul li.mens span,
#spnavi ul li.kids span{
background:#1c1c1c;
display:block;
padding:20px 20px;
text-align:center;
font-size:16px;
}

body.corporate header nav.sp div#spnavi ul li.ladies,
body.corporate header nav.sp div#spnavi ul li.ladies span,
body.corporate header nav.sp div#spnavi ul li.ladies ul{
background:#666666;
}
body.webstore header nav.sp div#spnavi ul li.ladies,
body.webstore header nav.sp div#spnavi ul li.ladies span,
body.webstore header nav.sp div#spnavi ul li.ladies ul{
background:#333333;
}

#spnavi ul li.ladies ul{
width:300%;
padding:15px 30px;
font-size:20px;
}
#spnavi ul li.mens ul{
width:300%;
display:none;
padding:15px 30px;
font-size:20px;
}
#spnavi ul li.kids ul{
width:300%;
display:none;
padding:15px 30px;
font-size:20px;
}

#spnavi ul li.brandlist{
margin:0;
font-size:16px;
}
#spnavi ul li.brandlist ul{
margin:0;
}
#spnavi ul li.brandlist ul li{
float:left;
width:25%;
font-size:20px;
}
#spnavi ul li.brandlist ul li a,
#spnavi ul li.brandlist ul li span{
display:block;
text-align:center;
}

#spnavi ul.spitemsearch li{
font-size:20px;
}
#spnavi ul.spitemsearch li span{
margin:0;
font-size:15px;
}

#spnavi ul li.pickup{
font-size:16px;
}
#spnavi ul li.pickup ul{
margin:0 0 0 30px;
font-size:20px;
}

#spnavi ul.spwebstorecontact li{
font-size:20px;
}

#spnavi ul.webstore{
border-top:#ffffff 3px solid;
}
#spnavi ul.webstore li{
/*height:26px;*/
margin:-10px 0;
padding:25px 0 25px 60px;
background: url(../images/img_spmenu_02.gif) 0 50% no-repeat;
}

#spnavi ul.corporate{
border-top:#ffffff 3px solid;
}
#spnavi ul.corporate li{
/*height:26px;*/
margin:-10px 0;
padding:25px 0 25px 60px;
background: url(../images/img_spmenu_01.gif) 0 50% no-repeat;
font-size:18px;
}
#spnavi ul.bg666666{
background:#666666;
font-size:20px;
}

/*** mainArea ------------------------------------------ ***/
/*** SP ***/

body main h1#pagetitle{
color:#fff;
font-size:30px;
width:auto;
min-width:320px;
height:92px;
}

body main h1#pagetitle span{
width:auto;
display:block;
margin:auto;
padding:0 20px;
line-height:92px;
}

body main p#breadcrumb{
width:auto;
margin:25px auto 0;
padding:0 20px;
font-size:10px!important;
line-height: 18px;
}
body main p#breadcrumb a{
text-decoration:none;/* 220318更新 */
font-size:10px!important;
}

body main article{
margin:25px 0 0 0;
}

body main article h1#contentstitle{
padding:0 0px;/* 240111更新 */
font-size:20px;
font-weight: bold;
line-height:30px;
margin: 0 20px;/* 240306更新 */
}

/* 220317追加 */
/*h2{
padding: 0 20px!important;
} */

h3{
margin:20px 0 0 0;
}

.pagetop{
display:none;
}

/* 汎用パーツ */
body main article section.generalpurpose h2{
/* padding:20px; 220317消*/
font-size:15px;
line-height:20px;
font-weight: bold;
}

body main article section.generalpurpose h3{
padding:0 20px 0 0;
font-size:13px;
line-height:20px;
}

body main article section.generalpurpose .fullwrap{
margin-left:-20px;
margin-right:-20px;
width:112%;/* 220317追加 */
}

body main article section.generalpurpose .fullwrap2{
  margin-left:-20px;!important;
  margin-right:-20px;!important;
  width:112%!important;/* 220623追加 */
  }

body main article section.generalpurpose > div {
margin:50px 0 0 0;
padding:0 20px;
}

/* 220317追加 */
body main article section.generalpurpose > .typea p img {
margin:30px 0 0 0;/* 220412左マージン-40を消去 */
width:100%;
display:block;
}

body main article section.generalpurpose > .typea p,
body main article section.generalpurpose > .typeb p,
body main article section.generalpurpose > .typecd p,
body main article section.generalpurpose > .typecd2 p,
body main article section.generalpurpose > .typee p,
body main article section.generalpurpose > .typef p,
body main article section.generalpurpose > .typeghij p,
body main article section.generalpurpose > .typeghij_max p,
body main article section.generalpurpose > .typeghij_30 p,
body main article section.generalpurpose > .typeghij2 p,
body main article section.generalpurpose > .typeghij3 p,
body main article section.generalpurpose > .typeghij3_3 p,
body main article section.generalpurpose > .typeghij3_3_mini p,
body main article section.generalpurpose > .typeghij3_1 p,
body main article section.generalpurpose > .typeghij4_1 p,
body main article section.generalpurpose > .typekl p,
body main article section.generalpurpose > .typekl2 p,
body main article section.generalpurpose > .typekl2_1 p,
body main article section.generalpurpose > .typem p,
body main article section.generalpurpose > .typen p,
body main article section.generalpurpose > .typeo p,
body main article section.generalpurpose > .typepq p{
font-size:13px;
line-height:20px;
}

body main article section.generalpurpose > .typee2 p{
font-size:13px;
line-height:20px;
margin:20px;
}

body main article section.generalpurpose > .typee3 p,
body main article section.generalpurpose > .typee4 p{
font-size:13px;
line-height:20px;
}

body main article section.generalpurpose > .typeb p img,
body main article section.generalpurpose > .typecd p img,
body main article section.generalpurpose > .typecd2 p img,
body main article section.generalpurpose > .typee p img,
body main article section.generalpurpose > .typef p img,
body main article section.generalpurpose > .typeghij p img,
body main article section.generalpurpose > .typeghij_max p img,
body main article section.generalpurpose > .typeghij_30 p img,
body main article section.generalpurpose > .typeghij2 p img,
body main article section.generalpurpose > .typeghij3 p img,
body main article section.generalpurpose > .typeghij3_3 p img,
body main article section.generalpurpose > .typeghij3_3_mini p img,
body main article section.generalpurpose > .typeghij3_1 p img,
body main article section.generalpurpose > .typeghij4_1 p img,
body main article section.generalpurpose > .typekl p img,
body main article section.generalpurpose > .typekl2 p img,
body main article section.generalpurpose > .typekl2_1 p img,
body main article section.generalpurpose > .typem p img,
body main article section.generalpurpose > .typen p img,
body main article section.generalpurpose > .typeo p img,
body main article section.generalpurpose > .typepq p img{
width:100%;
display:block;
}

body main article section.generalpurpose > .typee2 p img{
width:50%;
padding-top: 50px;
display:block;
}

body main article section.generalpurpose > .typee3 p img{
width:30%;
margin:0 20px 0 0;
float: left;
}

body main article section.generalpurpose > .typee4 p img{
width:18%;
padding-top: 2px;
margin:0 15px 15px 0;
float: left;
}

body main article section.generalpurpose > .typee4 div:nth-child(even) {
margin:20px 0 0 0;
}

body main article section.generalpurpose > .typecd div:nth-child(even),
body main article section.generalpurpose > .typeghij3_1 div:nth-child(even),
body main article section.generalpurpose > .typeghij4_1 div:nth-child(even),
body main article section.generalpurpose > .typekl2_1 div:nth-child(even) {
margin:50px 0 0 0;
}

body main article section.generalpurpose > .typee div:nth-child(even),
body main article section.generalpurpose > .typee2 div:nth-child(even),
body main article section.generalpurpose > .typee3 div:nth-child(even),
body main article section.generalpurpose > .typef div:nth-child(even) {
margin:20px 0 0 0;
}

body main article section.generalpurpose > .typeghij div,
body main article section.generalpurpose > .typeghij_max div,
body main article section.generalpurpose > .typeghij_30 div,
body main article section.generalpurpose > .typeghij2 div,
body main article section.generalpurpose > .typeghij3 div {
margin:0;
}
body main article section.generalpurpose > .typeghij div,
body main article section.generalpurpose > .typeghij_30 div,
body main article section.generalpurpose > .typeghij2 div,
body main article section.generalpurpose > .typeghij3 div,
body main article section.generalpurpose > .typeghij3_3 div,
body main article section.generalpurpose > .typeghij3_3_mini div {
margin:0;
margin:30px 0 0 0;
}

/* body main article section.generalpurpose .typeghij, 220317消*/
body main article section.generalpurpose .typeghij_30,
body main article section.generalpurpose .typeghij3,
body main article section.generalpurpose .typeghij3_3,
body main article section.generalpurpose .typeghij3_3_mini,
/*body main article section.generalpurpose .typekl,
body main article section.generalpurpose .typecd2, 220317消*/
body main article section.generalpurpose .typekl2{
width: 100%;
margin-left:-20px;
margin-right:-20px;
}

/* 230622追加*/
body main article section.generalpurpose .typeghij2{
width: 100%;
}

/* 221201追加*/
body main article section.generalpurpose .typeghij_max{
width: 111%;
margin-left:-20px;
}

/* 220317追加*/
/*body main article section.generalpurpose .typekl,220411消去*/
/*body main article section.generalpurpose .typecd2{
margin-right:-40px;
}220426消去*/

body main article section.generalpurpose .typeghij3_3,
body main article section.generalpurpose .typeghij3_3_mini{
width: 100%;
margin-left:0px;/* 220419　-20を0に変更*/
margin-right:-20px;
}

body main article section.generalpurpose .typeghij > div,
body main article section.generalpurpose .typeghij_max > div,
body main article section.generalpurpose .typeghij_30 > div,
body main article section.generalpurpose .typeghij2 > div,
body main article section.generalpurpose .typeghij3 > div,
body main article section.generalpurpose .typekl > div,
body main article section.generalpurpose .typekl2 > div,
body main article section.generalpurpose .typecd2 > div{
float:left;
width: 50%;
}

body main article section.generalpurpose .typeghij3_3 > div,
body main article section.generalpurpose .typeghij3_3_mini > div{
float:left;
width: 33%;
}

body main article section.generalpurpose .typeghij div:nth-child(odd) p,
body main article section.generalpurpose .typeghij_30 div:nth-child(odd) p,
body main article section.generalpurpose .typeghij2 div:nth-child(odd) p,
body main article section.generalpurpose .typeghij3 div:nth-child(odd) p,
body main article section.generalpurpose .typeghij3_3 div:nth-child(odd) p,
body main article section.generalpurpose .typeghij3_3_mini div:nth-child(odd) p,
body main article section.generalpurpose .typekl div:nth-child(odd) p,
body main article section.generalpurpose .typekl2 div:nth-child(odd) p,
body main article section.generalpurpose .typecd2 div:nth-child(odd) p{
padding-left:20px;
padding-right:10px;
}
body main article section.generalpurpose .typeghij div:nth-child(even) p,
body main article section.generalpurpose .typeghij_30 div:nth-child(even) p,
body main article section.generalpurpose .typeghij2 div:nth-child(even) p,
body main article section.generalpurpose .typeghij3 div:nth-child(even) p,
body main article section.generalpurpose .typekl2 div:nth-child(even) p,
body main article section.generalpurpose .typekl div:nth-child(even) p,
body main article section.generalpurpose .typecd2 div:nth-child(even) p{
padding-left:10px;
padding-right:20px;
}

body main article section.generalpurpose .typeghij3_3 div:nth-child(even) p,
body main article section.generalpurpose .typeghij3_3_mini div:nth-child(even) p{
padding-left:20px;
padding-right:10px;
}

body main article section.generalpurpose .typeghij p img,
body main article section.generalpurpose .typeghij_30 p img,
body main article section.generalpurpose .typeghij2 p img,
body main article section.generalpurpose .typeghij3 p img,
body main article section.generalpurpose .typeghij3_3 p img,
body main article section.generalpurpose .typeghij3_3_mini p img,
body main article section.generalpurpose .typekl p img,
body main article section.generalpurpose .typekl2 p img,
body main article section.generalpurpose .typecd2 p img{
width:100%;
}

body main article section.generalpurpose .typeghij div:nth-child(2n+1){
clear: both;
}

body main article section.generalpurpose .typen div:nth-child(odd) p,
body main article section.generalpurpose .typeo div:nth-child(odd) p{
margin-left:0px;/*** −２０から0に変更※221201 ***/
margin-right:-20px;
}

body main article section.generalpurpose .typen div:nth-child(even),
body main article section.generalpurpose .typeo div:nth-child(even) {
margin:20px 0 0 0;
}

body main article section.generalpurpose > .typepq div:nth-child(even) {
margin:50px 0 0 0;
}

.block-grid-1-2-3 li:nth-child(2n+1) {
  clear: both;
}

/*** footer ------------------------------------------***/
/*** SP ***/

body footer div#fotterwrap div#seoinfo,
body footer div#fotterwrap nav.pc{
display:none;
}

footer{
min-width:320px;
margin:50px 0 0 0;
padding:0 0 50px 0;
background:#dadada;
letter-spacing: 0px;
}

body footer div#fotterwrap nav.sp{
width:auto;
}

body footer div#fotterwrap nav.sp ul{
width:50%;
float:left;
}

body footer div#fotterwrap nav.sp ul li{
width:auto;
height:auto;
border:#ccc 1px solid;
font-size:12px;
line-height:20px;
}

body footer div#fotterwrap nav.sp ul li a{
display: table-cell;
height:50px;
vertical-align: middle;
padding:0 20px;
}

body footer div#fotterwrap nav.sp ul.socialmenu{
width:100%;
}

body footer div#fotterwrap nav.sp ul.socialmenu li{
width:16.666%;
height:73px;
float:left;
border:0;
}

/***
body footer div#fotterwrap nav.sp ul.socialmenu li.facebook{
background: #1948b7;
}
body footer div#fotterwrap nav.sp ul.socialmenu li.twitter{
background: #0fb7cb;
}
body footer div#fotterwrap nav.sp ul.socialmenu li.instagram{
background: #1c5d90;
}
body footer div#fotterwrap nav.sp ul.socialmenu li.line{
background: #2cbf13;
}
***/

body footer div#fotterwrap nav.sp ul.socialmenu li a{
display:block;
height:auto;
padding:0;
}

body footer div#fotterwrap nav.sp ul.socialmenu li a img{
width:100%;
}

body footer p#copyright{
margin:10px 0 0 0;
text-align:center;
font-size:10px;
}

.sns ul li{
    display: inline;
	float: right;
	margin: 0 0 30px 10px;
}