div.contents20190315spot{
  width: 100%;
  margin: 0;
}
div.contents20190315spot_header{
  width: 100%;
  height: 70vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  padding: 0 10% ;
}
div.contents20190315spot_header img{
  width: auto;
  height: 70vh;
}
div.contents20190315spot_header p.title{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d3b18b;
  font-family: 'Anton', sans-serif;
  font-size: 4vw;
}
div.contents20190315spot_header p.title span:nth-child(7),div.contents20190315spot_header p.title span:nth-child(16){
margin-right: 16px;
}
div.contents20190315spot p.comment{
  width: 100%;
  text-align: center;
  padding: 64px 0 ;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 2px;
  background-color: #fff;
}
div.contents20190315spot_item{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px;
}
div.contents20190315spot_item p{
  width: 25%;
  text-align: center;
  padding: 16px;
  font-size: 16px;
  line-height: 28px;
}
div.contents20190315spot_item p img{
  width: 100%;
  margin-bottom: 16px;
}
div.contents20190315spot_item p.itemname{
  width: 100%;
  text-align: center;
  padding: 32px;
}
div.contents20190315spot_item p span{
  font-family: 'Anton', sans-serif;
  display: block;
}
div.contents20190315spot_item p span:nth-child(1){
  font-size: 22px;
}
div.contents20190315spot_item p span:nth-child(2){
  font-size: 13px;
}

div.contents20190315spot_model{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.contents20190315spot_model p{
  padding: 32px;
  width: 35%;
}
div.contents20190315spot_model2 p{
  width: 33%;
}
div.contents20190315spot_model p.itemname{
  width: 100%;
  text-align: center;
  padding: 32px 0 ;
  margin: 32px 0 ;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 2px;
  background-color: #fff;
  font-family: 'Anton', sans-serif;
  color: #d3b18b;
}
div.contents20190315spot_model p.itemname2{
  color: #000;
}
div.contents20190315spot_model p.yoko{
  width: 70%;
}
div.contents20190315spot_model p img{
  width: 100%;
}
@media screen and (max-width: 1025px){
  div.contents20190315spot{
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 769px){
div.contents20190315spot p.comment{
  padding: 32px 0;
  font-size: 12px;
}
div.contents20190315spot_item p{
  width: 50%;
}
div.contents20190315spot_model p{
  width: 50%;
  padding: 8px;
}
div.contents20190315spot_model p.itemname{
  padding: 16px;
  margin: 0;
  font-size: 14px;
}
div.contents20190315spot_model p.yoko{
  width: 100%;
}
}
.typ {
  opacity: 0;
  }
.typ span {
  opacity: 0;
  }
  div.contents20190319bag{
    width: 1024px ;
    margin: 0 auto;
  }
  div.contents20190319bag p.comment{
    background-color: #efefef
  }
  div.contents20190319bag_item{
    background-color: #fff;
    border: 3px double #ddd;
  }
  div.contents20190319bag_item p.btn{
    width: 50%;
  }
  div.contents20190319bag_item p.btn a{
    background: #000;
    color: #fff;
    padding: 16px;
    display: block;
    text-decoration: none;
    transition: 0.4s;
    border-radius: 3px;
  }
  div.contents20190319bag_item p.btn a:hover{
    background: #efefef;
    color: #000;
  }
div.contents20190319bag_model{
  display: flex;
  flex-wrap: wrap;
  margin: 128px auto;
  justify-content: center;
}
div.contents20190319bag_model p{
  width: 50%;
  padding: 32px;
}
div.contents20190319bag_model p.itemname{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
}
div.contents20190319bag_model p.itemname span{
  width: 100%;
  text-align: center;
  padding: 16px;
  font-size: 14px;
  line-height: 24px;
}

div.contents20190319bag_model p.itemname span:nth-child(1){
  font-size: 24px;
  font-family: 'Anton', sans-serif;
}
div.contents20190319bag_model p.itemname span:nth-child(2){
  font-weight: 700;
}
div.contents20190319bag_model p:nth-child(3){
  width: 70%;
}
div.contents20190319bag_model p img{
  width: 100%;
}
@media screen and (max-width: 1025px){
  div.contents20190319bag{
    width: 100% ;
    margin: 0 auto;
  }
  div.contents20190319bag img{
    width: 100% ;
  }
  div.contents20190319bag_model{
    margin: 64px auto;
    padding: 8px;
  }
  div.contents20190319bag_model p{
    width: 100%;
    padding: 8px;
  }
  div.contents20190319bag_model p:nth-child(3){
    width: 100%;
  }
  div.contents20190319bag_item p.btn{
    width: 75%;
  }
}


div.contents20190320coupon{
  width: 1024px;
  margin: 128px auto 0 auto;
  position: relative;
  height: 310px;
  border: 3px double #ddd;
  display: flex;
  flex-wrap: wrap;
  align-self: center;

  align-items: center;
}
div.contents20190320coupon p.price
{
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 80px;
  width: 70%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-content: center;
  align-items: center;
  padding-left: 56px;
}
div.contents20190320coupon p.price span{
  font-size: 20px;
}
div.contents20190320coupon p.price span.price2{
  width: 71%;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 10px;
  font-weight: 700;
}
div.contents20190320coupon p.kikan
{
  text-align: center;
  width: 30%;
  padding: 24px;
  background: #fff;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: 'Allerta Stencil', sans-serif;
  color: #c00000;
  position: absolute;
top: 0;
right: 0;
}

div.contents20190320coupon p.zigzag{
  position: absolute;
  top: 0;
  left: 0;
  width: 82px;
  height: 100%;
  padding: 16px;
  font-family: 'Allerta Stencil', sans-serif;
}
div.contents20190320coupon p.zigzag span{
  transform: rotate(-90deg);
}
.zigzag{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ddd;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    background: #fff;
  }
.zigzag:before ,.zigzag:after{
        height: 100%;
        content: "";
        position: absolute;
        width: 20px;
        top:0 ;
    }

    .zigzag:after{
        right: -20px;
        background:
            linear-gradient(45deg,#fff 10px ,transparent 0),
            linear-gradient(135deg,#fff 10px ,transparent 0);
        background-size: 20px 20px;
    }
@media screen and (max-width: 1025px){
  div.contents20190320coupon{
    width: 100%;

  }
  div.contents20190320coupon p.kikan span{
    transform: rotate(90deg);
    font-size: 12px;
  }
}
div.contents20190320coupon_item{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
div.contents20190320coupon_item div{
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 8px solid #efefef;
  position: relative;
}
div.contents20190320coupon_item div:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: #fff;
}
div.contents20190320coupon_item div:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(#dddddd, #efefef);
  animation: 6s infinite  background_a;
}
@keyframes background_a {
  0% {
opacity: 1;
  }
  50%{
opacity: 0;
  }
  100% {
opacity: 1;
  }
}
div.contents20190320coupon_item div p{
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 32px;
  font-size: 15px;
  font-weight: 700;
}
div.contents20190320coupon_item div p:nth-child(2){
  width: 50%;
  margin-left: -20%;
  padding: 0;
}
div.contents20190320coupon_item div p span{
  width: 100%;
  margin-bottom: 8px;

}
p.contents20190320coupon_comment{
  text-align: center;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 64px 0;
}
p.contents20190320coupon_comment a{
  margin: 0;
  padding: 16px 64px;
  display: inline-block;
  text-decoration: none;
  background: #000;
  color: #fff;
  transition: 0.4s;
  font-size: 14px;
  font-weight: 700;
}
div.contents20190320coupon_item div a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
div.contents20190320coupon_item div a:hover{
  background: rgba(0,0,0,0.2);

}
@media screen and (max-width: 1201px){
  div.contents20190320coupon_item{
    width: 100%;

  }
}
@media screen and (max-width: 769px){
  div.contents20190320coupon_item{
    width: 100%;
    padding: 8px;
  }
  div.contents20190320coupon_item div{
    width: 100%;
    border: 8px solid #efefef;
  }
  p.contents20190320coupon_comment{
    text-align: center;
    width: 100%;
    font-size: 11px;
    line-height: 16px;
    padding: 32px;
  }
  div.contents20190320coupon_item div p{
    padding: 16px;
    font-size: 12px;
  }
}

div.contents20190320coupon_top{
  width: 1024px;
  margin: 64px auto 0 auto;
}
div.contents20190320coupon_top img{
  width: 100%;
}
@media screen and (max-width: 1025px){
  div.contents20190320coupon_top{
    width: 100%;
    margin: 0 auto;
  }
}
.u_fixbanner_none{
  display: none;
}

div.u_fixbanner{
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 16px;
  z-index: 2;
}
div.u_fixbanner a{
  /* width: 480px; */
  display: block;
}
div.u_fixbanner a img{
  width: 100%;
}
span.u_fixbanner_close{
  position: absolute;
z-index: 1;
top: 0;
right: 0;
background: #000;
width: 32px;
height: 32px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 20px;
font-weight: 700;
cursor: pointer;
}
@media screen and (max-width: 769px){

  div.u_fixbanner{
    width: 70%;
  }
  div.u_fixbanner a{
    width: 100%;
  }
  span.u_fixbanner_close{
  width: 24px;
  height: 24px;
  font-size: 14px;

  }
}

div.contents_attention{
  width: 1024px ;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: baseline;
}

div.contents_attention h1{
  padding: 16px;
background: #fff;
text-align: left;
border-radius: 3px;
border-bottom: none;
font-size: 16px;
margin: 0;
width: 100%;
margin-top: 64px;
}
div.contents_attention p{
  width: 100%;
  text-align: left;
  font-size: 16px;
  padding: 16px 0;
}

div.mail_attention{
  width: 1024px ;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: baseline;
}

div.mail_attention h1{
  padding: 20px;
background: #fff;
text-align: left;
border-radius: 3px;
border-bottom: none;
font-size: 20px;
margin: 0;
width: 100%;
margin-top: 64px;
}
div.mail_attention p{
  width: 100%;
  text-align: left;
  font-size: 18px;
  padding: 30px 110px;
}

div.login0428 {
  text-align: center;
}


@media screen and (max-width: 1024px){
  div.contents_attention{
    width: 100% ;
    margin: 0 auto;
  }
  div.contents_attention img{
    width: 100%;

  }
  div.contents_attention p{
    text-align: center;
    font-size: 12px;
    padding: 8px;
  }

  div.mail_attention{
    width: 100% ;
    margin: 0 auto;
  }
  div.mail_attention img{
    width: 100%;

  }
  div.mail_attention p{
    text-align: left;
    font-size: 16px;
    padding: 30px;
    }

}

div.contents20190322hititem{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 8px;
}
div.contents20190322hititem p{
  width: 25%;
  padding: 8px;
  margin: 0;
}
div.contents20190322hititem p img{
  width: 100%;
}
div.contents20190322hititem p:nth-child(5),div.contents20190322hititem p:nth-child(6),div.contents20190322hititem p:nth-child(7){
  width: 33.33333%;
}
@media screen and (max-width: 769px){
  div.contents20190322hititem{
    padding: 4px;
  }
  div.contents20190322hititem p{
    width: 50%;
    padding: 4px;

  }
  div.contents20190322hititem p:nth-child(5){
    width: 100%;
    padding-left: 20%;
  }
  div.contents20190322hititem p:nth-child(6){
    width: 100%;
    padding-right: 20%;
  }
  div.contents20190322hititem p:nth-child(7){
    width: 100%;
    padding-left: 20%;
  }
}
div.contents20190322hititem_info{
  width: 1024px;
  margin: 0 auto 128px auto;
  display: flex;
  flex-wrap: wrap;
}
div.contents20190322hititem_info p{
  width: 50%;
  padding: 8px;
  margin: 0;
}

div.contents20190322hititem_info p:nth-child(2n){
  text-align: right;
}
div.contents20190322hititem_info p.comment{
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  padding: 32px 0 ;
}
div.contents20190322hititem_info p a{
  display: inline-block;
  padding: 0 84px 0 16px;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  transition: 0.4s;
}
div.contents20190322hititem_info p a:after{
  content: "CLICK";
  position: absolute;
  top: 2px;
  right: 16px;
  font-size: 10px;
  border: 1px solid #ddd;
  padding: 1px 8px;
  transition: 0.4s;
}
div.contents20190322hititem_info p a:hover:after{
  background-color: #4f4f4f;
  color: #fff;
}
div.contents20190322hititem_info p:nth-child(2n) a:before{
  content: "/";
  position: absolute;
  top: 0;
  right: -12px;
}

@media screen and (max-width: 1025px){
  div.contents20190322hititem_info{
    width: 100%;
    margin: 0 auto 64px auto;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 769px){
  div.contents20190322hititem_info p{
    width: 100%;
    padding: 8px;
    margin: 0;
  }
  div.contents20190322hititem_info p{
    text-align: center;
  }
  div.contents20190322hititem_info p.comment{
    font-size: 12px;
  }
  div.contents20190322hititem_info p:nth-child(2n){
    text-align: center;
  }
  div.contents20190322hititem_info p a{
    font-size: 12px;
  }
  div.contents20190322hititem_info p a:after{
    top: 0;
  }
  div.contents20190322hititem_info p:nth-child(2n) a:before{
    display: none;
  }
}


/*LIVE ARCHIVE*/
#live-archive{
width: 1000px;
margin: auto;
padding: 0;
position: relative;
}

#live-archive:before{
content: "";
position: fixed;
width: 1200px;
height: 100vh;
top: 0;
left: 50%;
transform:translate(-50%);
background: #f0d7c9;
z-index: -1;
}

#live-archive p{
letter-spacing: 0.16rem;
line-height: 1.8;
}

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

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

.live-archive-intro,.live-archive-block,.live-archive-block ul li iframe{
width: 100%;
margin: auto;
padding: 0;
}

.live-archive-intro{
padding: 120px 0;
}

.live-archive-intro p{
font-family: 'Megrim', cursive;
font-size: 48px;
font-weight: 700;
text-align: center;
margin: 0;
}

.live-archive-block{
border-top: 2px solid #333;
}

.live-archive-block ul,.live-archive-block ul li{
padding: 16px;
}

.live-archive-block ul li{
width: 100%;
}

.live-archive-block ul li p{
display: block;
margin: 0;
}

.live-archive-block ul li iframe{
height: 55vh /*li‚Μwidth‚ͺA100%=55vh,li‚Μwidth‚ͺA50%=25vh*/;
margin: 0;
display: block;
}

.live-archive-block ul li span.pctop-comment{
background: #fff;
}

.live-archive-space{
clear: both;
width: 100%;
height: 120px;
}

@media screen and (max-width: 769px){
#live-archive{
width: 100%;
}
.live-archive-intro{
padding: 64px 0;
}
.live-archive-intro p{
font-size: 7vw;
}
.live-archive-block ul li iframe{
height: 100%;
}
.live-archive-space{
height: 10vh;
}
}
/*LIVE ARCHIVE/*/




/*20190419brightdark*/
.w100{
width: 100%;
}
.w80{
width: 80%;
}
.w60{
width: 60%;
}
.w50{
width: 50%;
}
.w40{
width:40%;
}
.w35{
width: 35%;
}
.w33{
width: 33.3333%;
}
.w25{
width: 25%;
}
#brightdark20190419{
width: 100%;
margin: auto;
padding: 0;
}

#brightdark20190419 a{
transition:all 0.3s;
}

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

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

#brightdark20190419 p{
letter-spacing: 0.16rem;
font-family: 'Barlow Semi Condensed', MyYuGothicM, "ŸΰƒSƒVƒbƒN", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, sans-serif;
color: #333;
}

#brightdark20190419-intro{
width: 100%;
margin: auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
align-content:center;
position: relative;
}

#brightdark20190419-intro div{
width: 50%;
padding: 0;
position: relative;
}

#brightdark20190419-intro div a{
display: block;
width: 100%;
height: 100vh;
}

#brightdark20190419-intro div a:hover{
opacity:0.7;
}

#brightdark20190419-intro div a.dark{
background:url("../img/contents/2019ss/0419brightdark/dark.jpg") no-repeat;
background-size:cover ;
}

#brightdark20190419-intro div a.bright{
background:url("../img/contents/2019ss/0419brightdark/bright.jpg") no-repeat;
background-size: 230%;
background-position: 80% 20%;
}

#brightdark20190419-intro div a span{
position: absolute;
top: 75%;
left: 50%;
transform:translate(-50%);
font-size: 116px;
line-height: 0;
}

#brightdark20190419-intro p{
position: absolute;
top: 0;
left: 0;
font-size: 4rem;
line-height: 0;
font-family: 'Montserrat', sans-serif;
margin: 0;
color: #fff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}

#brightdark20190419-intro div a.bright span{
color: #fff;
font-family: 'Caveat', cursive;
text-shadow: 0px 0px 24px #777;
}

#brightdark20190419-intro div a.dark span{
width: 31%;
top: 70%;
}

#brightdark20190419-intro div a.dark span img{
filter: drop-shadow(0px 0px 6px #fff);
}


.brightdark20190419-intro-text p{
margin: 120px auto;
text-align: center;
font-size: 14px;
line-height: 2.5;
font-weight: bold;
}


.brightdark20190419-block{
width: 1024px;
margin: auto;
position: relative;
background: #fff;
clear: both;
padding: 16px;
overflow: hidden;
box-shadow: 0px 0px 24px #000;
}

.brightdark20190419-block ul{
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
}

.brightdark20190419-block ul li{
padding: 16px;
position: relative;
}

.brightdark20190419-block ul li p.title{
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1.6;
}

.brightdark20190419-block ul li p.comment{
font-size: 14px;
line-height: 2;
font-weight: 700;
}

.brightdark20190419-block ul li.item a{
display: block;
width: 100%;
padding: 16px;
color: #333;
letter-spacing: 0.125rem;
font-size: 13px;
font-family: 'Barlow Semi Condensed', MyYuGothicM, "ŸΰƒSƒVƒbƒN", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, sans-serif;
text-decoration: underline;
}

.space0419{
width: 100%;
margin: auto;
clear: both;
height: 120px;
}

#brightdark20190419 p.stitle{
text-align: center;
font-family: 'Caveat', cursive;
font-size: 52px;
margin: 32px auto;
font-weight: 700;
line-height: 1;
}

#brightdark20190419 p.stitle img{
width: 30%;
}

.slick-dots {
    position: absolute;
bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
	content:" ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    text-align: center;
    opacity: .25;
    background-color: black;
	border-radius: 50%;

}
.slick-dots li.slick-active button:before {
    opacity: .75;
    background-color: black;
}

@media screen and (max-width: 769px){
.sp50{
width: 50%;
}
.sp100{
width: 100% !important;
}
#brightdark20190419-intro div,.brightdark20190419-block{
width: 100%;
}
#brightdark20190419-intro div a{
height: 50vh;
}
#brightdark20190419-intro div a span{
font-size: 12vw;
}
#brightdark20190419-intro div a.dark span {
width: 36%;
top: 70%;
}

#brightdark20190419-intro p{
font-size: 6vw;
width: 100%;
bottom: 31%;
text-align: center;
}
.brightdark20190419-intro-text p{
margin: 64px auto;
padding: 0 24px;
font-size: 3vw;
}
.brightdark20190419-block,.brightdark20190419-block ul,.brightdark20190419-block ul li{
padding: 4px;
}
.brightdark20190419-block ul li p.comment{
font-size: 2.8vw;
}
.brightdark20190419-block ul li.no1{
order:1;
}
.brightdark20190419-block ul li.no2{
order:2;
}
.brightdark20190419-block ul li.no3{
order:3;
}
.brightdark20190419-block ul li.no4{
order:4;
}
.brightdark20190419-block ul li.no5{
order:5;
}
.brightdark20190419-block ul li.ml{
margin-left: auto;
}
.brightdark20190419-block ul li.mr{
margin-right: auto;
}
.brightdark20190419-block ul li.item a{
text-decoration: none;
font-size: 3vw;
border-bottom: 1px dotted #000;
position: relative;
}
.brightdark20190419-block ul li.item a:after{
content: "";
position: absolute;
top: 40%;
right: 0;
width: 10px;
height: 10px;
border-top:1px solid #000;
border-right:1px solid #000;
transform:rotate(45deg);
}
.slick-dots li button:before {
width: 2vw;
height: 2vw;
}
#brightdark20190419 p.stitle{
margin:16px auto;
font-size: 7vw;
}
.space0419{
height: 10vh;
}
#brightdark20190419 p.stitle img{
width: 66%;
}
}
/*20190419brightdark/*/


/*20190517summertops*/
#summertops20190517{
width: 100%;
margin: auto;
padding: 0;
}

#summertops20190517 p,#summertops20190517 a{
font-family: 'Barlow Semi Condensed', MyYuGothicM, "ŸΰƒSƒVƒbƒN", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, sans-serif;
letter-spacing: 0.16rem;
}

#summertops20190517 a{
transition:all 0.3s;
}

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

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

#summertops20190517-intro{
width: 1000px;
margin: auto;
padding: 0;
}

#summertops20190517-intro ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 auto;
}

#summertops20190517-intro ul li{
padding: 8px;
}

#summertops20190517-intro ul li a{
display: block;
text-decoration: none;
width: 100%;
height: 318px;
}

#summertops20190517-intro ul li p{
color: #fff;
-webkit-text-stroke: 1px #03cbfe;
text-stroke: 1px #03cbfe;
font-size: 32px;
font-weight: 700;
}

#summertops20190517-intro ul li a:hover{
opacity:0.4;
}

#summertops20190517-intro ul li:nth-child(1) a{
background: url("../img/contents/2019ss/0517summertops/A/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(2) a{
background: url("../img/contents/2019ss/0517summertops/B/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(3) a{
background: url("../img/contents/2019ss/0517summertops/C/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(5) a{
background: url("../img/contents/2019ss/0517summertops/D/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(6) a{
background: url("../img/contents/2019ss/0517summertops/E/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(7) a{
background: url("../img/contents/2019ss/0517summertops/F/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(8) a{
background: url("../img/contents/2019ss/0517summertops/G/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(9) a{
background: url("../img/contents/2019ss/0517summertops/H/TOP.jpg");
background-size: cover;
background-position: top;
}
#summertops20190517-intro ul li:nth-child(10) a{
background: url("../img/contents/2019ss/0517summertops/I/TOP.jpg");
background-size: cover;
background-position: top;
}

.summertops20190517-intro-text{
padding: 120px 0;
}

.summertops20190517-intro-text p{
margin: 0;
text-align: center;
font-size: 13px;
line-height: 2;
}

.summertops20190517-block{
width: 1300px;
margin: 0 auto;
padding: 0;
}

.summertops20190517-block ul{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
}

.summertops20190517-block ul li.p88{
padding: 88px;
}

.slide0517 .slick-dots li{
padding:0 !important;
margin: 0;
}

.slide0517 .slick-dots li button:before{
border-radius:0;
}

.slide0517 .slick-dots{
justify-content:flex-start;
}

.summertops20190517-block ul li.summertops20190517-block-credit{
margin-left: auto;
position: relative;
padding: 0 88px;
}

.summertops20190517-block ul li.summertops20190517-block-credit.ml{
margin-right: auto;
margin-left: 0;
}

.summertops20190517-block ul li.c1:before,.summertops20190517-block ul li.c2:before,.summertops20190517-block ul li.c3:before,.summertops20190517-block ul li.c4:before,.summertops20190517-block ul li.c5:before,.summertops20190517-block ul li.c6:before,.summertops20190517-block ul li.c7:before,.summertops20190517-block ul li.c8:before,.summertops20190517-block ul li.c9:before{
position: absolute;
content: "01";
font-family: 'Barlow Semi Condensed', MyYuGothicM, "ŸΰƒSƒVƒbƒN", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, sans-serif;
top: 30%;
left: 26%;
font-size: 26px;
}
.summertops20190517-block ul li.c2:before{
content: "02";
}

.summertops20190517-block ul li.c3:before{
content: "03";
}

.summertops20190517-block ul li.c4:before{
content: "04";
}

.summertops20190517-block ul li.c5:before{
content: "05";
}

.summertops20190517-block ul li.c6:before{
content: "06";
}

.summertops20190517-block ul li.c7:before{
content: "07";
}

.summertops20190517-block ul li.c8:before{
content: "08";
}

.summertops20190517-block ul li.c9:before{
content: "09";
}


.summertops20190517-block ul li.summertops20190517-block-credit p{
text-align: right;
}

.summertops20190517-block ul li.summertops20190517-block-credit a{
font-size: 13px;
color: #333;
}

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

@media screen and (max-width: 780px){
#summertops20190517-intro,.summertops20190517-block{
width: 100%;
}
#summertops20190517-intro ul,#summertops20190517-intro ul li{
padding: 4px;
}
#summertops20190517-intro ul li a{
height: 20vh;
}
#summertops20190517-intro ul li p{
margin: 4px 0;
font-size: 5vw;
}
.summertops20190517-intro-text{
padding: 64px 16px;
}
.summertops20190517-intro-text p{
font-size: 3vw;
}
.summertops20190517-block{
padding: 8px;
}
.summertops20190517-block ul li.p88{
padding: 16px;
}
.summertops20190517-block ul li.summertops20190517-block-credit{
margin-top: 32px;
padding: 0;
}
.summertops20190517-block ul li.c1:before,.summertops20190517-block ul li.c2:before,.summertops20190517-block ul li.c3:before,.summertops20190517-block ul li.c4:before,.summertops20190517-block ul li.c5:before,.summertops20190517-block ul li.c6:before,.summertops20190517-block ul li.c7:before,.summertops20190517-block ul li.c8:before,.summertops20190517-block ul li.c9:before{
top: -8%;
left: 0;
font-size: 5vw;
}
.summertops20190517-block ul li.summertops20190517-block-credit p{
text-align: left;
}
.summertops20190517-block ul li.summertops20190517-block-credit a{
font-size: 3vw;
text-decoration: none;
border-bottom: 1px dotted #333;
width: 100%;
display: block;
padding: 8px;
position: relative;
}
.summertops20190517-block ul li.summertops20190517-block-credit a:after{
content: "";
position: absolute;
top: 35%;
right: 0;
width: 10px;
height: 10px;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform:rotate(45deg);
}
.space0517{
height: 10vh;
}
}
/*20190517summertops/*/

/*20190628sale*/
#sale20190628{
width: 100%;
margin: auto;
padding: 0;
}

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

#sale20190628 p,#sale20190628 a{
/*font-family: 'Barlow Semi Condensed', MyYuGothicM, "ŸΰƒSƒVƒbƒN", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, sans-serif;
*/
font-family: 'Josefin Sans', sans-serif;
letter-spacing: 0.16rem;
}

#sale20190628 a{
transition:all 0.3s;
}

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

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

.sale20190628-intro{
width: 100%;
height: 64vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #c00000;
background-size:cover;
}

.sale20190628-intro p{
font-family: 'Oswald', sans-serif;
color: #fff;
font-size: 48px;
font-style: italic;
}
.sale20190628-intro p.title{
font-style: normal;
}
.sale20190628-intro p:nth-child(2){
font-size: 13px;
text-align: center;
margin: 32px auto;
line-height: 2;
}
/*
.sale20190628-intro-text{
width: 100%;
margin: 0 auto;
}

.sale20190628-intro-text p{
font-size: 13px;
text-align: center;
margin: auto;
line-height: 2;
}*/

.sale20190628-list{
width: 1200px;
margin: auto;
}

.sale20190628-list ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.sale20190628-list ul,.sale20190628-list ul li{
padding:8px;
}

.sale20190628-list ul li p{
font-size: 14px;
}

.sale20190628-list ul li p:nth-of-type(1){
font-weight: 700;
}

.sale20190628-list ul li p:nth-of-type(2){
font-size: 12px;
}

.sale20190628-list ul li p:nth-of-type(2) span:nth-child(1){
text-decoration: line-through;
color: rgba(0,0,0,0.4);
}

.sale20190628-list ul li p:nth-of-type(2) span:nth-child(2){
color: #c00;
font-weight: 700;
padding-left: 16px;
font-size: 16px;
text-decoration: none;
}


.sale20190628-list ul li a:nth-of-type(2){
font-family: 'Damion', cursive;
letter-spacing: .125rem;
font-family: 'Damion', cursive !important;
letter-spacing: .125rem;
width: 100%;
display: block;
color: #444;
text-decoration: none;
font-size: 25px;
position: relative;
}

.sale20190628-list ul li a:nth-of-type(2):after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60%;
height: 2px;
background: #444;
}

.sale20190628-list ul li a:nth-of-type(2):before{
content: "";
position: absolute;
left: 60%;
bottom: 0;
height: 80%;
width: 2px;
background: #444;
transform: rotate(-20deg);
transform-origin: bottom;
}

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

.sale20190628-list-percent{
margin: 0 auto;
}

.sale20190628-list-percent:nth-child(2){
margin-top: 64px;
}

.sale20190628-list-percent li{
padding: 0 8px !important;
}

.sale20190628-list-percent li a{
display: block;
text-decoration: none;
padding: 16px 32px;
border: 3px solid #c00000;
background: #c00000;
color: #fff;
font-weight: 700;
border-radius: 2px;
box-shadow: 0px 3px 4px #444;
position: relative;
}

.sale20190628-list-percent li a:after{
content: "";
position: absolute;
top: 40%;
right: 4%;
width: 10px;
height: 10px;
border-top:3px solid #fff;
border-right: 3px solid #fff;
transform:rotate(45deg);
}

.sale20190628-list-percent li a:hover{
background: transparent;
color:#8c0707 ;
}

.sale20190628-list-percent li a:hover:after{
border-top:3px solid #8c0707;
border-right: 3px solid #8c0707;
}

.clear{
clear: both;
}

.sale20190628-list .v1{
width: 52%;
margin: auto;
}





@media screen and (max-width: 769px){
.sale20190628-intro{
height: 50vh;
}
.sale20190628-intro p:nth-child(1){
font-size: 8vw;
margin-top: 32px;
}
.sale20190628-intro p:nth-child(2){
font-size: 2.6vw;
}
.sale20190628-intro-text {
padding: 64px 0 44px;
width: 90%;
}
.sale20190628-intro-text p {
font-size: 2.5vw;
}
.sale20190628-list{
width: 100%;
}
.sale20190628-list ul, .sale20190628-list ul li {
padding: 4px;
}
.sale20190628-list ul li{
padding-bottom: 16px;
}
.sale20190628-list ul li p {
font-size: 3.3vw;
}
.sale20190628-list ul li p:nth-of-type(2) {
font-size: 2.8vw;
}
.sale20190628-list ul li p:nth-of-type(2) span:nth-child(2){
padding: 4px 0 0;
font-size: 3.6vw;
display: block;
}
.sale20190628-list ul li a:nth-of-type(2){
font-size: 5vw;
}
.sale20190628-list ul li a:nth-of-type(2):before{
width: 1.5px;
}
.sale20190628-list ul li a:nth-of-type(2):after{
height: 1.5px;
}
.sale20190628-list .v1{
padding: 0 4px 0px;
width: 100%;
}
.sale20190628-list-percent, .sale20190628-list-percent{
width: 100%;
}
.sale20190628-list-percent li a{
font-size: 3vw;
padding: 8px 16px;
}
.sale20190628-list-percent li a::after{
width: 6px;
height: 6px;
border-top: 1.5px solid #fff;
border-right: 1.5px solid #fff;
}
.sale20190628-list-percent li {
padding: 4px !important;
}
.sale20190628-list-percent:nth-child(2) {
margin-top: 32px;
}
}



.bg2buy10{
background: #000;
height: 50vh;
font-family: 'Josefin Sans', sans-serif;
}


.bandle20190628-block ul{
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.9);
padding: 0 42px 64px !important;
margin: auto;
}

.bandle20190628-block{
position: relative;
}


#bandle20190628 .bg1{
background-attachment: fixed !important;
top: 0;
background:url("https://osmosis.itembox.design/item/img/contents/2019aw/0628sale/bg/589K.jpg");
background-position: center 26%;
background-size: cover;
}

#bandle20190628 .bg2{
background-attachment: fixed !important;
top: 0;
background:url("https://osmosis.itembox.design/item/img/contents/2019aw/0628sale/bg/614K.jpg");
background-position: center 26%;
background-size: cover;
}

#bandle20190628 .bg3{
background-attachment: fixed !important;
top: 0;
background:url("https://osmosis.itembox.design/item/img/contents/2019aw/0628sale/bg/631B.jpg");
background-position: center 26%;
background-size: cover;
}

#bandle20190628 .bg4{
background-attachment: fixed !important;
top: 0;
background:url("https://osmosis.itembox.design/item/img/contents/2019aw/0628sale/bg/607O.jpg");
background-position: center 26%;
background-size: cover;
}

.bandle20190628-block ul,.bandle20190628-block ul li{
padding: 16px;
position: relative;
}


#bandle20190628 .bandle20190628-block ul li p.title{
text-align: center;
font-size: 24px;
font-family: 'Dancing Script', cursive;
font-style: italic;
width: 100%;
margin: 32px auto;
border-bottom: 1.5px solid #444;
padding: 16px 0;
border-top: 1.5px solid #444;
}

.bandle20190628-block ul li img.w72{
padding: 64px 8px 64px;
}


#bandle20190628 .bandle20190628-block ul li p.link{
width: 100%;
margin: auto;
}

#bandle20190628 .bandle20190628-block ul li p.link a{
display: block;
padding: 16px;
text-decoration: none;
color: #444;
border-bottom: 1px dotted #444;
font-size: 12px;
position: relative;
}

#bandle20190628 .bandle20190628-block ul li p.link a:after{
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top:1px solid #444;
border-right:1px solid #444;
transform:rotate(45deg);
top: 40%;
right: 4%;
}

#bandle20190628 .bandle20190628-block ul li p.link a span:nth-child(1){
text-decoration: line-through;
color: rgba(0,0,0,0.4);
font-size: 80%;
padding-left: 16px;
}

#bandle20190628 .bandle20190628-block ul li p.link a span:nth-child(2){
color: #c00;
font-weight: 700;
padding-left: 16px;
font-size: 16px;
text-decoration: none;
}

.w40{
width: 40%;
}

.w60{
width: 60%;
}

@media screen and (max-width: 769px){
.order1{
order:1;
}
.order2{
order:2;
}
.order3{
order:3;
}
.order4{
order:4;
}
.order5{
order:5;
}
.order6{
order:6;
}
.order7{
order:7;
}
.order8{
order:8;
}
.bandle20190628-block ul{
width: 100%;
padding: 0 0px 64px !important;
}
.bandle20190628-block ul li img.w72 {
padding: 0 32px;
}
#bandle20190628 .bandle20190628-block ul li p.title{
margin-top: 0;
margin-bottom: 16px;
font-size: 5vw;
padding: 8px 0;
}
#bandle20190628 .bandle20190628-block ul li p.link a{
font-size: 2.8vw;
}
#bandle20190628 .bandle20190628-block ul li p.link a span:nth-child(1){
padding-left: 8px;
}
#bandle20190628 .bandle20190628-block ul li p.link a span:nth-child(2){
padding-left: 8px;
font-size: 2.9vw;
}
}


/*
.bandle20190628-block ul li:nth-child(3){
margin-top: 160px;
}

.bandle20190628-block ul li img.w72{
padding: 64px 120px 64px;
}

#bandle20190628 .bandle20190628-block ul li p.title{
text-align: center;
font-size: 32px;
font-family: 'Dancing Script', cursive;
font-style: italic;
width: 24%;
margin: 32px auto;
border-bottom: 1.5px solid #444;
padding: 16px 0;
border-top: 1.5px solid #444;
}

.bandle20190628-block ul li.pa p{
position: relative;
position: absolute;
}

.bandle20190628-block ul li.pa p a{
font-size: 13px;
color: #333;
}

.bandle20190628-block ul li.s1-1 p:nth-of-type(1),.bandle20190628-block ul li.s1-2 p:nth-of-type(1){
top: 14%;
right: 3%;
}


.bandle20190628-block ul li.s1-1 p:nth-of-type(1):after,.bandle20190628-block ul li.s1-2 p:nth-of-type(1):after{
content: "";
position: absolute;
left: -103px;
top: 45px;
width: 100px;
height: 0.5px;
background: #333;
transform: rotate(-20deg);
transform-origin: left !important;
z-index: 5;
}

.bandle20190628-block ul li.s1-1 p:nth-of-type(2),.bandle20190628-block ul li.s1-2 p:nth-of-type(2){
top: 49%;
left: 6%;
}

.bandle20190628-block ul li.s1-1 p:nth-of-type(2):after,.bandle20190628-block ul li.s1-2 p:nth-of-type(2):after{
content: "";
position: absolute;
right: -105px;
top: 12px;
width: 102px;
height: 0.5px;
background: #333;
transform: rotate(-20deg);
transform-origin: left !important;
z-index: 5;
}

.bandle20190628-block ul li.s1-1 p:nth-of-type(3){
bottom: 13%;
right: 3%;
}

.bandle20190628-block ul li.s1-1 p:nth-of-type(3):after{
content: "";
position: absolute;
left: -125px;
top: -116px;
width: 173px;
height: 0.5px;
background: #333;
transform: rotate(48deg);
transform-origin: left !important;
z-index: 5;
}

.bandle20190628-block ul li.s1-2 p:nth-of-type(3):after{
content: "";
position: absolute;
right: -143px;
top: 9px;
width: 138px;
height: 0.5px;
background: #333;
transform: rotate(-63deg);
transform-origin: left !important;
z-index: 5;
}
.bandle20190628-block ul li.s1-2 p:nth-of-type(3){
bottom: -4%;
left: 9%;
}
/*

/*20190628sale/*/