#recommend0302{
width: 100%;
margin: 0 auto;
padding: 0 ;
}

#recommend0302-bg{
width: 100%;
margin: auto;
padding: 0;
background-position: center center;
background-size: cover;
background:#000;
position: fixed;
height: 100vh;
z-index: -1;
top: 0;
}

#recommend0302 p{
font-family: 'Prata', serif;
color: #fff;
}

#recommend0302 img{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


#recommend0302-intro{
width: 100%;
margin:auto;
padding: 0;
position: relative;
}

#recommend0302-intro p{
width: 100%;
font-size: 50px;
text-align: center;
font-weight:700;
margin: 48px 0 0 auto;
}

#recommend0302-intro p.scroll{
position: absolute;
bottom:25%;
left: 0;
font-size:15px;
text-align: center;
}

#recommend0302-intro p.scroll:after{
content: "";
position: absolute;
bottom:-50px;
left: 49.4%;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
width: 20px;
height: 20px;
transform:rotate(45deg);
}

#recommend0302-intro p.subtitle0302{
font-size: 28px;
margin:16px auto;
display: block;
}

p.space0302{
height:72px;
clear: both;
width: 100%;
margin: 0 auto;
}



#recommend0302-block{
width:100%;
margin: 0 auto;
padding: 0 ;
position: relative;
overflow: hidden;
}

#recommend0302-block ul li{
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition:all 0.3s;
position: relative;
height: auto;
overflow: hidden;
}

#recommend0302-block ul li img{
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

#recommend0302-block ul li.posi228-top,#recommend0302-block ul li.posi228-1,#recommend0302-block ul li.posi228-2,#recommend0302-block ul li.posi228-3,#recommend0302-block ul li.posi228-4,#recommend0302-block ul li.posi228-5,#recommend0302-block ul li.posi228-6,#recommend0302-block ul li.posi228-7{
position: absolute;
}

span.caption{
font-size:130%;
text-align: center;
margin-top:30%;
color:#fff;
display: block;
}

span.caption4{
font-size:130%;
text-align: center;
margin-top:50%;
color:#fff;
display: block;
}

span.caption6{
width: 100%;
font-size:130%;
text-align: center;
margin-top:60%;
color:#fff;
display: block;
}

span.caption7{
margin-left: auto;
width: 100%;
font-size:130%;
text-align: center;
margin-top:50%;
color:#fff;
display: block;
}

.mask {
width:100%;
height:100%;
position:absolute;	/* 絶対位置指定 */
top:0;
left:0;
opacity:0;	/* マスクを表示しない */
background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
-webkit-transition:	all 0.2s ease;
transition:		all 0.2s ease;
}

#recommend0302-block ul li:hover .mask {
opacity:1;	/* マスクを表示する */
}


#recommend0302-block ul li.posi228-1{
top: 70px;
left: 0;
z-index: 2;
}

#recommend0302-block ul li.posi228-2{
top:70px;
left: 317px;
z-index: 1;
}

#recommend0302-block ul li.posi228-3{
top: 70px;
right: 0;
}

#recommend0302-block ul li.posi228-4{
top: 466px;
left: 0;
z-index: 2;
}

#recommend0302-block ul li.posi228-5{
top: 421px;
left: 60%;
}

#recommend0302-block ul li.posi228-6{
top: 703px;
left: 0%;
z-index: 1;
}

#recommend0302-block ul li.posi228-7{
top: 708px;
left: 70%;
}

#recommend0302-block ul li.posi228-top{
top: 448px;
left: 30%;
z-index: 5;
}

.w25{
width: 25%;
}

.space0302-1{
height:180px;
width: 100%;
clear: both;
}



.credit0228 p:before{
content: "|";
position: absolute;
top: 0;
right:0;
color: #fff;
}

.credit0228 p:last-child:before{
content: none;
}

/*
#recommend0302-block ul li:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
z-index: 15;
}
*/
#recommend0302-block ul li.posi228-4:hover{
transform:none;
}


.credit0228{
width:100%;
margin: auto;
position: absolute;
top: 1215px;
clear:  both;
left: 0;
text-align: center;
z-index: 8;
}

.credit0228 p{
display: inline-block;
width: auto;
text-align: center;
padding: 0 16px;
position: relative;
font-family: "Yu Mincho","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo" !important;
}

.credit0228 p a{
display: block;
color: #fff;
}


.height0302{
height: 1420px;
}

.sp{
display: none;
}

.w30-3{
width: 30.3%;
}
#recommend0302-block ul li.title0406 p{
text-align: center;
font-size: 40px;
letter-spacing: 0.16rem;
margin: 0 auto;
}


@media screen and (max-width:768px){
#recommend0302,#recommend0302-intro{
width: 100%;
margin: auto;
padding: 0;
}
#recommend0302-intro p{
font-size: 6.5vmin;
margin: 5vh 0 0 auto;
}
#recommend0302-intro p.subtitle0302{
font-size: 4.8vmin;
margin: 2vh auto;
}
#recommend0302-intro p.space0302{
height: 7vh;
}
#recommend0302-block ul li{
padding: 0;
}
.pc{
display: none;
}
.sp{
display: block;
}
.sp100{
width: 100% !important;
}
.sp70{
width: 70%;
}
.sp65{
width: 65%;
}
.sp50{
width: 50%;
}
.sp40{
width: 40%;
}
.sp45{
width: 45%;
}
.sp33{
width: 33.333%;
}
#recommend0302-block ul li:hover .mask,.mask{
display: none;
}
span.caption,span.caption4,span.caption6,span.caption7{
display: none;
}
.height0302{
height: auto;
}
.credit0228{
text-align: left;
top: 65vh;
width: 100%;
}
.credit0228 p{
font-size: 13px;
display: inline;
text-align: left;
padding: 0;

}
#recommend0302-block ul li.posi228-2{
left:30vw;
}
#recommend0302-block ul li.posi228-4{
top: 20vh;
}
#recommend0302-block ul li.posi228-top{
top: 24vh;
left: 40vw;
}
#recommend0302-block ul li.posi228-6{
top: 42.6vh;
left: 0;
}
.credit0228 p a{
padding: 16px;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.credit0228 p:before{
content: "";
position: absolute;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
width: 15px;
height: 15px;
color: #fff;
transform: rotate(45deg);
top: 3.2vh;
left: 92vw;
}
.credit0228 p:last-child:before{
content: "";
}
}







.spot0406{
width: 35%;
margin: auto;
position: absolute;
top: 875px;
clear: both;
left: 30px;
background: #fff;
z-index: 10;
}

.spot0406 ul li{
padding: 16px;
}

.spot0406 ul li{
float: left;
padding: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.spot0406 p{
color: #000 !important;
position: relative;
margin: 16px auto;
}

.spot0406 p:nth-child(2){
font-size: 17px;
}

.spot0406 p:nth-child(3){
font-size: 11px;
letter-spacing: 0.15rem;
}

.spot0406 p:nth-child(4){
font-size: 16px;
}

.spot0406 ul li.info0406{
padding: 16px !important;
}

.spot0406 a{
display: inline-block;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.spot0406 a:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.spot0406 i{
font-family: 'Kaushan Script', cursive;
}

.spot0406 i.title0330{
position: relative;
}
.spot0406 i.title0330:after{
content: "";
position: absolute;
top: 100%;
left: 0;
width: 240px;
border-bottom: 1px solid #000;
margin: 4px auto;
}
.spot0406 p.link0330{
text-align: right;
margin-bottom: 0;
margin-top: 32px;
font-family: 'Kaushan Script', cursive !important;
}
.spot0406 p.link0330 a{
padding: 12px 24px;
background:#000;
color: #fff;
text-decoration: none;
}

.spot0406-right{
right: 30px;
left: auto;
}

.sp-space0406{
display: none;
}


@media screen and (max-width:768px){
.spot0406,.posi0330,.posi0330-2{
position: static;
}
.spw66{
width: 66.66666% !important;
}
.spw100{
width: 100% !important;
}
.spot0406 i.title0330{
font-size: 11px;
}
#recommend0302-block ul li.title0406 p{
font-size: 25px;
}
.spot0406 i.title0330::after{
width: 48vw;
}
.spot0406 ul,.spot0406 ul li.info0406{
padding: 4px !important;
display: inline-block;
}
.spot0406 p:nth-child(2){
font-size: 14px;
}
.spot0406 p:nth-child(3){
font-size: 7.7px;
letter-spacing: 0.06rem;
}
.spot0406 p:nth-child(4){
font-size: 14px;
}
.spot0406 p{
margin: 8px auto;
}
.spot0406 p.link0330{
margin-top: 8px;
text-align: center;
}
.spot0406 p.link0330 a{
padding: 8px 36px;
}
#recommend0302-intro p.scroll{
font-size: 11px;
}
#recommend0302-intro p.scroll::after {
left: 47%;
}
.height0302 ul.height0406{
height: 75vh;
}
.sp-space0406{
display: block;
clear: both;
width: 100%;
height:10vh;
}
#recommend0302-block ul li.posi228-1,#recommend0302-block ul li.posi228-2,#recommend0302-block ul li.posi228-3{
top: 8vh;
}
}









/*20180417パンツ特設ここから*/
#main0417pants{
width: 1024px;
margin: auto;
padding: 0;
}

#main0417pants img{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: bottom;
}

#main0417pants a{
text-decoration: none;
color: #000;
}

#main0417pants p{
font-family: "Yu Mincho","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo" !important;
margin: 0;
}

#main0417pants-intro,#item0417{
width: 100%;
margin: auto;
padding: 0;
}

#item0417{
position: relative;
}

#main0417pants-intro p{
text-align: center;
font-size: 22px;
margin: 32px auto;
}

#item0417 p.sub-t0417{
text-align: center;
font-size: 16px;
font-weight: 700;
border-bottom: 3px solid #525263;
width: 7%;
margin: auto;
font-style: italic;
}

#item0417 p.item0417-t{
text-align: center;
font-size: 22px;
margin-top: 16px;
}

#block0417{
width:50%;
float: left;
padding: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.right0417 ul li.image1{
padding: 60px;
}

#block0417 a {
display: block;
padding: 8px !important;
  padding: 0 .3em;
  background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgb(119, 120, 119) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
}
#block0417 a:hover {
  background-position: -100% 0;
  color: #ddd;
}

#block0417 ul li.image1 img{
border: 20px solid rgb(119, 120, 119);
}


#block0417 ul li.image1 p{
display: block;
padding-top: 8px;
font-weight: 700;
}

span.price0416{
font-size:13px;
color: #444;
font-weight: 500;
}

ul.slide-0417 .slick-dots li button::before{
content:"";
border-radius: 50%;
background: #444;
}

#block0417 ul.slick-dots{
width: auto;
bottom: 6px;
right: -40px;
}

.space0416{
clear: both;
width: 100%;
height: 120px;
}

#block0417 p.comment0416{
position: absolute;
width: 32%;
bottom:167px;
left:16px;
color: #fff;
background: rgba(0,0,0,0.4);
padding: 16px;
font-size: 14px;
}

#block0417 p.comment0416 i{
font-family: 'Lobster', cursive;
font-size: 16px;
border-bottom: 1px dotted #fff;
margin-bottom: 4px;
display: block;
}


#block0417 .slick-dots li{
display: block;
}


#link0417{
clear: both;
width: 100%;
margin: auto;
}

#link0417 p{
width:50%;
margin:auto;
font-size:16px;
font-weight: 700;
text-align: center;
}

#link0417 p a{
display: block;
padding: 8px 16px;
background: #000;
color: #fff;
border: 1px solid #000;
border-radius:3px ;
transition:all 0.3s;
}

#link0417 p a:hover{
background: #fff;
color: #000;
}

ul.contents20180316-1 li.iteminfo p.btn424{
margin-bottom: 32px;
}


@media screen and (max-width:768px){
#main0417pants{
width: 100%;
margin: 0;
padding: 0;
}
#main0417pants-intro p{
font-size: 12px;
margin: 16px auto;
}
#item0417 p.sub-t0417{
width: 22%;
font-size: 14px;
}
#item0417 p.item0417-t{
font-size: 12px;
margin-top: 8px;
}
#block0417{
width: 100%;
padding: 8px;
}
#block0417 .slick-dotted.slick-slider{
margin-bottom: 0px;
}
#block0417 p.comment0416{
width: auto;
position: static;
font-size: 13px;
}
#block0417 ul.slick-dots{
bottom: 0;
right: 0;
}
#block0417 .slick-slide{
height: auto;
}
.right0417 ul li.image1{
padding: 16px;
}
#block0417 ul li.image1 p{
font-size: 13px;
position: relative;
}
#block0417 a:hover {
cursor: pointer;
}
#block0417 a{
border-bottom: 1px dotted #000;
}
#block0417 ul li.image1 p:after{
content: "";
position: absolute;
height: 12px;
width: 12px;
background-color: rgba(0,0,0,0);
border-top: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
top: 36px;
left: auto;
right: 0;
z-index: 1;
transition: 0.4s all;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.space0416{
height: 16vh;
}
#block0417 .slick-slider{
margin-bottom: 0 !important;
}
#link0417 p{
width: 80%;
}
}




/*20180706timesale*/
#timesale0706{
width: 1024px;
margin: auto;
padding: 0;
}

.w33{
width: 33.3333%;
}

.w100{
width: 100% !important;
}

#timesale0706 img{
width: 100%;
vertical-align: bottom;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#timesale0706 p{
font-family: "Yu Mincho","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo";
margin: 0;
}

#timesale0706 a{
text-decoration: none;
}

span.red{
color: #c00;
font-weight: 700;
}

span.blue{
color: #182d99;
font-weight: 700;
}

span.f22{
font-size: 22px;
}

#timesale0706-intro,#timesale0706-block{
width: 100%;
margin: auto;
padding: 0;
}

#timesale0706-intro p{
text-align: center;
margin: 32px auto;
font-size: 16px;
}

#timesale0706-block ul li{
float: left;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

#timesale0706-block p.block-t{
text-align: center;
font-size: 32px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.125rem;
font-family: "Yu Mincho","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo";
}

#timesale0706-block p.block-t:before {
content: '';
position: absolute;
bottom: -5px;
display: inline-block;
width: 100px;
height: 2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
}

#timesale0706-block ul li a{
display: block;
text-decoration: none;
border: 8px solid #f3f3f3;
transition: 0.4s;
color:#000;
}

#timesale0706-block ul li span.off{
position: absolute;
top: 16px;
left: 16px;
padding: 8px;
color: #fff;
background: #ad2020;
font-size: 12px;
font-weight: 700;
}


#timesale0706-block ul li span.iteminfo{
background: #f3f3f3;
display: block;
font-size: 12px;
padding: 8px 0 0 0;
text-align: center;
}

#timesale0706-block ul li span.price-after{
color: #c00;
font-size: 16px;
font-weight: 700;
}

#timesale0706-block ul li span.price-before{
text-decoration: line-through;
padding-right: 8px;
}


#timesale0706-block p.link0706{
text-align: center;
width: 50%;
margin: 16px auto;
}

#timesale0706-block p.link0706 a{
display: block;
text-decoration: none;
background: #000;
padding:16px;
color: #fff;
border: none;
letter-spacing: 0.125rem;
}

#timesale0706-block p.link0706 a.red0706{
background: #c00;
}

#timesale0706 .space0706{
width: 100%;
clear: both;
height: 72px;
}

#category-btn0706{
width: 100%;
margin: auto;
}

#category-btn0706 p{
float: left;
width: 33.3333%;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#category-btn0706 p.w50{
width: 50%;
}

#category-btn0706 p a{
display: block;
position: relative;
padding: 16px;
background: #c00;;
color: #fff;
text-align: center;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.125rem;
box-shadow: 4px 4px 4px 0px #b9b6b6;
}

#category-btn0706 p a:after{
content: "";
position: absolute;
width: 8px;
height: 8px;
top: 35%;
right: 8%;
border-top: 1.5px solid #fff;
border-right:1.5px solid #fff;
transform:rotate(45deg);
}
#timesale0706-block p.block-t span.bline{
vertical-align: 8%;
}

.w1024{
width: 1024px;
margin: auto;
}


@media screen and (max-width:768px){
.sp50{
width: 50%;
}
#timesale0706,.w1024{
width: 100%;
margin: auto;
padding: 0;
}
#timesale0706 .space0706{
height: 8vh;
}
#timesale0706-intro p{
margin: 16px auto;
font-size: 12px;
}
span.f22 {
font-size: 16px;
}
#timesale0706-block p.block-t{
font-size: 17px;
margin-bottom: 8px;
}
#timesale0706-block ul,#timesale0706-block ul li{
padding: 2px;
}
#timesale0706-block ul li.sp-mc{
margin: 0 25%;
}
#timesale0706-block p.block-t::before {
bottom: -3px;
width: 16%;
}
#timesale0706-block ul li a{
border: 4px solid #f3f3f3;
}
#timesale0706-block ul li span.iteminfo{
font-size: 10px;
}
#timesale0706-block ul li span.price-after{
font-size: 13px;
}
#timesale0706-block p.link0706{
width: 80%;
margin: 8px auto;
}
#timesale0706-block p.link0706 a{
padding: 8px;
font-size: 14px;
}
#category-btn0706 p{
width: 50%;
}
#category-btn0706 p a{
font-size: 12px;
}
#timesale0706-block ul li span.off{
top: 6px;
left: 6px;
padding: 4px;
font-size: 3vw;
}
}


/*20190308blouson*/
.w36{
width: 36%;
}

.w40{
width: 40%;
}
.w60{
width: 60%;
}

.w64{
width: 64%;
}


#blouson20190308,#blouson20190308-intro{
width: 100%;
margin: auto;
padding: 0;
}

#blouson20190308 p{
font-family: 'Barlow Semi Condensed', MyYuGothicM, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
letter-spacing:.16rem;
margin: 0;
}

#blouson20190308 img{
width: 100%;
vertical-align: bottom;
}

#blouson20190308 ul li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#blouson20190308-intro{
position: relative;
}

#blouson20190308-intro p{
position: absolute;
color: #fff;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
text-align: center;
line-height: 1.5;
font-size: 20px;
}

.blouson20190308-introtext p.title{
text-align: center;
color: #000;
padding: 120px 0;
font-size: 14px;
line-height: 1.8;
}


#blouson20190308-block{
width: 1200px;
margin: 0 auto;
padding: 0;
}

#blouson20190308-block ul{
display: flex;
flex-wrap: wrap;
}

#blouson20190308-block ul li{
padding: 16px;
}


#blouson20190308-block ul li.comment{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
}

#blouson20190308-block ul li.comment p{
padding: 25% 16%;
font-size: 14px;
line-height: 1.8;
}

#blouson20190308-block ul li:nth-child(3){
padding-left: 128px;
margin-top: -128px;
}

#blouson20190308-block ul li:nth-child(4) a{
display: block;
color: #000;
padding: 8px;
font-size: 12px;
text-align: right;
}

.space0306{
clear: both;
height: 120px;
width: 100%;
}

@media screen and (max-width:769px){
#blouson20190308-block{
width: 100%;
margin: auto;
padding: 0;
}
#blouson20190308-intro p{
font-size: 3.25vw;
}
.blouson20190308-introtext p.title{
padding: 64px 16px;
font-size: 2.8vw;
}
#blouson20190308-block ul,#blouson20190308-block ul li{
padding: 4px;
}
#blouson20190308-block ul li.comment p{
font-size: 2.8vw;
}
#blouson20190308-block ul li:nth-child(3) {
padding-left: 4px;
margin-top: -16%;
}
#blouson20190308-block ul li:nth-child(4) a{
font-size: 2.6vw;
}
.space0306{
height: 64px;
}
}
/*20190308blouson/*/

span.event20190430{
  display: block;
  background: #094404;
  color: #e4f867;
  padding: 16px;
  margin: 16px;
  font-size: 25px;
}
span.event20190430_2{
  background: #063743;
}
@media screen and (max-width:769px){
  span.event20190430{
    font-size: 18px;
  }

}


.nav-trigger{
position: relative;
}

.nav-trigger:before{
content: "MENU";
position: absolute;
bottom: 0;
left: 50%;
font-size: 1.9vw;
color: #525263;
transform: translateX(-50%);
}





#p10_cate{
display: none;
}