/* CSS Document */

._hover{
	transition: opacity 0.3s linear;
	opacity: 1;
}
._hover:hover{
	opacity: 0.7;
}
.oo-content-wrap img{
  max-width: 100%;
}
.oo-content-wrap *{
  box-sizing: border-box;
}
.oo-content-wrap{
  padding-bottom: 100px;
}
.oo-lead{
  margin-top: 40px;
  padding: 4px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(21, 11, 16, 0.1);
  background: -moz-linear-gradient(left, #f8d1ce 0%, #d0e9eb 100%);
  background: -webkit-gradient(linear, left center, right center, from(#f8d1ce), to(#d0e9eb));
  background: -webkit-linear-gradient(left, #f8d1ce 0%, #d0e9eb 100%);
  background: -o-linear-gradient(left, #f8d1ce 0%, #d0e9eb 100%);
  background: linear-gradient(to right, #f8d1ce 0%, #d0e9eb 100%);
}
.oo-lead__inner{
  border-radius: 8px;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
}
.oo-flex-nav{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.oo-flex-nav__li{
  filter: drop-shadow(0px 0px 5px rgba(21, 11, 16, 0.1));
}
.oo-content__mov{
  margin-top: 80px;
  padding: 0 10%;
}
.oo-content__mov a{
  display: block;
  position: relative;
}
.oo-content__mov a:before{
  content: "";
  width: 128px;
  height: 98px;
  background: url("../images/icon_play.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 20;
}
.oo-content__block{
  margin-top: 100px;
}
.oo-ttl__wrap{
  margin-bottom: 50px;
  text-align: center;
}
.oo-ttl__wrap._ladies{
  background: url("../images/bg_ttl_ledies.png") no-repeat center center;
  min-height: 200px;
}
.oo-ttl__wrap._mens{
  background: url("../images/bg_ttl_mens.png") no-repeat center top;
  padding-top: 60px;
}
.oo-ttl{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.oo-ttl:after{
  content: "";
  width: 200px;
  height: 10px;
  border-radius: 5px;
  margin-top: 20px;
}
.oo-ttl__wrap._ladies .oo-ttl:after{
  background-image: -moz-linear-gradient( 0deg, rgb(204,94,144) 0%, rgb(229,172,198) 52%, rgb(204,94,144) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(204,94,144) 0%, rgb(229,172,198) 52%, rgb(204,94,144) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(204,94,144) 0%, rgb(229,172,198) 52%, rgb(204,94,144) 100%);
}
.oo-ttl__wrap._mens .oo-ttl:after{
  background-image: -moz-linear-gradient( 0deg, rgb(147,165,207) 0%, rgb(180,236,233) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(147,165,207) 0%, rgb(180,236,233) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(147,165,207) 0%, rgb(180,236,233) 100%);
}
.oo-ttl h3{
  font-size: 40px;
  font-weight: 400;
  position: relative;
  letter-spacing: -.02em;
}
.oo-ttl .oo-ttl__notes{
  position: absolute;
  bottom: .5em;
  transform: translateY(100%);
  right: 1em;
  font-size: 14px;
}
.oo-ttl__lead{
  margin-top: 50px;
  font-size: 20px;
}
.oo-mv__content{
  margin-bottom: 55px;
}
.oo-ttl__point h4{
  font-size: 40px;
  font-weight: 400;
  text-align: center;
}
.oo-flex-point{
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
}
.oo-item__pants{
  text-align: center;
}
.oo-block__pants{
  margin-bottom: 80px;
}
.oo-content__function{
  margin-top: 40px;
  margin-bottom: 80px;
}
.oo-ttl__function{
  display: flex;
  justify-content: center;
}
.oo-ttl__function span{
  width: 600px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 30px;
  font-weight: 400;
  border-radius: 30px;
  margin-bottom: 55px;
  position: relative;
}
.oo-ttl__function span:before{
  content: "";
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-top: 15px solid #faa0b3;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,100%);
}
.oo-flex-function{
  display: flex;
  justify-content: space-between;
}
.oo-flex-function__li:nth-child(2){
  width: 440px;
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #faa0b3;
}
.oo-list-check>li{
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
}
.oo-list-check>li:nth-child(n+2){
  margin-top: 20px;
}
.oo-list-check>li:before{
  content: "";
  width: 41px;
  height: 36px;
  background: url("../images/icon_check.png") no-repeat center center;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 10px;
}
.oo-flex-lineup{
  display: flex;
  flex-wrap: wrap;
}
.oo-flex-lineup__li{
  width: calc((100% - 61px) / 2);
  margin-left: 61px;
}
.oo-flex-lineup__li:nth-child(2n+1){
  margin-left: 0;
}
.oo-flex-lineup__li:nth-child(n+3){
  margin-top: 40px;
}
.oo-lineup__pic{
  box-shadow: 0px 0px 10px 0px rgba(21, 11, 16, 0.05);
  transition: box-shadow .3s;
}
.oo-flex-lineup._ladies a:hover .oo-lineup__pic{
  box-shadow: 0px 0px 10px 0px rgba(250, 160, 179, 0.6);
}
.oo-flex-lineup._mens a:hover .oo-lineup__pic{
  box-shadow: 0px 0px 10px 0px rgba(62, 154, 197, 0.5);
}
.oo-flex-lineup__li a{
  color: inherit;
  text-decoration: none;
}
.oo-lineup__num{
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
  text-align: center;
}
.oo-lineup__ttl{
  margin-top: 25px;
  font-size: 24px;
  font-weight: 700;
}
.oo-lineup__size{
  margin-top: 5px;
  font-size: 16px;
}
.oo-lineup__notes{
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.oo-lineup__price{
  margin-top: 25px;
  font-size: 16px;
  text-align: right;
}
.oo-lineup__price>span{
  font-size: 25px;
  font-weight: 700;
}
.oo-mv__content._mens{
  margin-top: 80px;
}
.oo-mv__content._mens + .oo-content__mov{
  margin-top: -25px;
}
.oo-content__mens{
  margin-top: 30px;
}

/*-----ITEM-----*/
.oo-content__detail{
  margin-top: 100px;
}
.oo-flex-detail{
  display: flex;
}
.oo-flex-detail__li:nth-child(1){
  width: 520px;
  flex-shrink: 0;
  flex-grow: 0;
}
.oo-flex-detail__li:nth-child(2){
  margin-left: 50px;
  flex-shrink: 1;
  flex-grow: 1;
}
.oo-item__ttl{
  font-size: 20px;
  font-weight: 700;
  padding-bottom: .8em;
  margin-bottom: .6em;
  border-bottom: 1px solid #f0f0f0;
}
.oo-item__price{
  font-size: 40px;
  font-weight: 700;
  color: #e83a37;
  margin-bottom: .8em;
}
.oo-item__price span{
  font-size: 16px;
  color: #333;
}
.oo-item__price small{
  font-size: .75em;
}
.oo-item__table{
  width: 100%;
}
.oo-item__table th,
.oo-item__table td{
  font-weight: 400;
  border: 1px solid #dbdbdb;
}
.oo-item__table th{
  font-size: 16px;
  background-color: #f6f6f6;
  padding: 5px 20px;
}
.oo-item__table td{
  font-size: 20px;
  padding: 15px 20px;
}
.oo-item__feature{
  margin-top: 20px;
  background-color: #f6f6f6;
  padding: 20px 0;
  border-radius: 5px;
}
.oo-item__feature__ttl{
  margin-bottom: 15px;
  display: flex;
}
.oo-item__feature__ttl>span{
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 1;
  padding: 0 0 0 1.2em;
  position: relative;
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
}
.oo-item__feature__ttl>span:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 13px solid #f6f6f6;
}
.oo-item__feature__body{
  padding: 0 20px;
  font-size: 18px;
}
.oo-btn__wrap{
  margin-top: 100px;
  display: flex;
  justify-content: center;
}
.oo-btn__back{
  display: flex;
  width: 400px;
  height: 60px;
  border-radius: 30px;
  background-color: #ca0336 !important;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #FFF;
}


.text-color__pink{
  color: #cd6293;
}
.text-color__blue{
  color: #3e9ac5;
}
.bg-color__pink{
  background-color: #faa0b3;
}
.bg-color__blue{
  background-color: #3e9ac5;
}
.lity {
  background: rgba(255, 255, 255, 0.8) !important;
}
.lity-close {
  color: #999 !important;
  text-shadow: none !important;
  font-size: 50px !important;
  top: 20px !important;
  right: 20px !important;
}
.lity-content:after {
  box-shadow: none !important;
}
/* アクティブでないサムネイル */
.thumbs-slider .swiper-slide{
  cursor: pointer;
  box-shadow: 0px 0px 10px 0px rgba(20, 10, 15, 0.05);
}
.thumbs-slider .swiper-slide:before {
  opacity: 0;
  transition: opacity .3s;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-width: 3px;
  border-style: solid;
  box-sizing: border-box;
  pointer-events: none;
}
._ladies .thumbs-slider .swiper-slide:before {
  border-color: #ef94a7;
}
._mens .thumbs-slider .swiper-slide:before {
  border-color: #353535;
}
/* サムネイルでアクティブなものには枠線を表示 */
.thumbs-slider .swiper-slide-thumb-active{
  position: relative;
}
.thumbs-slider .swiper-slide-thumb-active:before{
  opacity: 1;
}
.main-slider{
  box-shadow: 0px 0px 10px 0px rgba(20, 10, 15, 0.05);
  overflow: hidden;
  position: relative;
}
.thumbs-slider{
  margin-top: 20px;
  overflow: visible;
}
.thumbs-slider .swiper-slide{
  width: calc((100% - (20px * 4)) / 5);
  margin-left: 20px;
}
.thumbs-slider .swiper-slide:nth-child(5n+1){
  margin-left: 0;
}
.slider-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
.slider-nav__prev{
  left: 10px;
}
.slider-nav__next{
  right: 10px;
}
.anchor{
  position: relative;
  display: block;
  /*padding-top: 30px;
  margin-top: -30px;*/
  pointer-events: none;
}

.oo-flex-point {
  margin-bottom: 80px;
}
.oo-flex-point__li{
  width: 330px;
}
.oo-flex-point__body{
  font-size: 16px;
  margin-top: 30px;
  line-height: 2;
}
.oo-content__mov + .oo-flex-nav{
  margin-top: 100px;
}


@media only screen and (min-width: 741px){
  .sp{
    display: none;
  }
}
@media only screen and (max-width: 740px){
  .oo-content-wrap{
    padding-bottom: 14vw;
    margin-bottom: -30px;
  }
  .oo-content-wrap .content_inner{
    padding: 0 2.66vw;
  }
  .oo-mv{
    width: 100vw;
    position: relative;
    left: -2.66vw;
  }
  .oo-lead{
    margin-top: 5.33vw;
    padding: 1vw;
    border-radius: 2.66vw;
  }
  .oo-lead__inner{
    border-radius: 2vw;
    height: auto;
    padding: 3.33vw 0 4vw;
  }
  .oo-lead__inner img{
    width: 81.2vw;
  }
  .oo-flex-nav{
    margin-top: 5.33vw;
  }
  .oo-flex-nav__li{
    width: 50%;
    box-shadow: 0px 0px 2px 0px rgba(20, 10, 15, 0.05);
  }
  .oo-content__mov{
    margin-top: 5.33vw;
    padding: 0 10%;
  }
  .oo-content__mov a:before{
    width: 12vw;
  }
  .oo-content__block{
    margin-top: 10vw;
  }
  .oo-ttl__wrap{
    margin-bottom: 4vw;
  }
  .oo-ttl__wrap._ladies{
    background: url("../images/bg_ttl_ledies_sp.png") no-repeat center bottom;
    background-size: 100% auto;
    min-height: 0;
  }
  .oo-ttl__wrap._mens{
    background: url("../images/bg_ttl_mens_sp.png") no-repeat center bottom;
    padding-top: 0;
    background-size: 100% auto;
  }
  .oo-ttl{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .oo-ttl:after{
    width: 26.66vw;
    height: 1.33vw;
    border-radius: .665vw;
    margin-top: 2.66vw;
  }
  .oo-ttl h3{
    font-size: 5.33vw;
  }
  .oo-ttl .oo-ttl__notes{
    position: static;
    transform: translateY(0);
    font-size: 3.2vw;
    display: block;
    margin-top: .2em;
  }
  .oo-ttl__lead{
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .oo-mv__content{
    margin-bottom: 7.33vw;
  }
  .oo-ttl__point h4{
    font-size: 5.33vw;
  }
  .oo-flex-point{
    margin-top: 4vw;
    justify-content: center;
    flex-wrap: wrap;
  }
  .oo-flex-point__li{
    width: 44vw;
  }
  .oo-flex-point__li:nth-child(1){
    margin: 0 10vw 5.33vw;
  }
  .oo-flex-point__li:nth-child(3){
    margin-left: 6.66vw;
  }
  .oo-item__pants{
    text-align: center;
  }
  .oo-block__pants{
    margin-bottom: 8vw;
  }
  .oo-content__function{
    margin-top: 8vw;
    margin-bottom: 7.33vw;
  }
  .oo-ttl__function span{
    width: 100%;
    height: 8vw;
    font-size: 4vw;
    border-radius: 4vw;
    margin-bottom: 5.33vw;
  }
  .oo-ttl__function span:before{
    border: 9px solid transparent;
    border-top: 7px solid #faa0b3;
  }
  .oo-flex-function{
    flex-direction: column;
    justify-content: flex-start;
  }
  .oo-flex-function__li:nth-child(2){
    width: 100%;
    height: auto;
    border: 2px solid #faa0b3;
    margin-top: 5.33vw;
    padding: 5.33vw 0;
  }
  .oo-flex-function__li:nth-child(2) img{
    width: 61.33vw;
  }
  .oo-list-check>li{
    font-size: 3.2vw;
  }
  .oo-list-check>li:nth-child(n+2){
    margin-top: 2.66vw;
  }
  .oo-list-check>li:before{
    width: 5.46vw;
    height: 4.8vw;
    background-size: contain;
    margin-right: 2vw;
  }
  .oo-flex-lineup{
    display: flex;
    flex-wrap: wrap;
  }
  .oo-flex-lineup__li{
    width: 100%;
    margin-left: 0;
  }
  .oo-flex-lineup__li:nth-child(3n+1){
    margin-left: 0;
  }
  .oo-flex-lineup__li:nth-child(2n+1){
    margin-left: 0;
  }
  .oo-flex-lineup__li:nth-child(n+2){
    margin-top: 8vw;
  }
  .oo-lineup__num{
    margin-top: 5vw;
    font-size: 3.4vw;
  }
  .oo-lineup__ttl{
    margin-top: 3vw;
    font-size: 5.8vw;
  }
  .oo-lineup__size{
    margin-top: 2vw;
    font-size: 3.73vw;
  }
  .oo-lineup__notes{
    margin-top: 2vw;
    font-size: 3.2vw;
  }
  .oo-lineup__price{
    margin-top: 2vw;
    font-size: 3.73vw;
  }
  .oo-lineup__price>span{
    font-size: 6.4vw;
  }
  .oo-mv__content._mens{
    margin-top: 5.33vw;
  }
  .oo-mv__content._mens + .oo-content__mov{
    margin-top: 5.33vw;
  }
  .oo-content__mens{
    margin-top: 8vw;
  }

  /*-----ITEM-----*/
  .oo-content__detail{
    margin-top: 5.33vw;
  }
  .oo-content__detail{
    /*padding: 0 2.66vw;*/
  }
  .oo-flex-detail{
    flex-direction: column;
  }
  .oo-flex-detail__li:nth-child(1){
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
  }
  .oo-flex-detail__li:nth-child(2){
    margin-top: 6.66vw;
    margin-left: 0;
  }
  .oo-item__ttl{
    font-size: 5.33vw;
    margin-bottom: 1em;
  }
  .oo-item__price{
    font-size: 8vw;
    margin-bottom: .8em;
  }
  .oo-item__price span{
    font-size: 4.26vw;
  }
  .oo-item__price small{
    font-size: 1em;
  }
  .oo-item__table th{
    font-size: 3.2vw;
    padding: 1.33vw 3.33vw;
  }
  .oo-item__table td{
    font-size: 4vw;
    padding: 2.66vw 3.33vw;
  }
  .oo-item__feature{
    margin-top: 4.66vw;
    padding: 3.33vw 0;
  }
  .oo-item__feature__ttl{
    margin-bottom: 2.66vw;
  }
  .oo-item__feature__ttl>span{
    font-size: 4vw;
    padding: 0 0 0 1.2em;
    width: 20vw;
    height: 8vw;
  }
  .oo-item__feature__ttl>span:before{
    border: 4vw solid transparent;
    border-right: 2.66vw solid #f6f6f6;
  }
  .oo-item__feature__body{
    padding: 0 3.33vw;
    font-size: 3.73vw;
  }
  .oo-btn__wrap{
    margin-top: 14vw;
  }
  .oo-btn__back{
    width: 85%;
    height: 12vw;
    border-radius: 6vw;
    font-size: 5vw;
  }
  .anchor{
    padding-top: 5vw;
    margin-top: -5vw;
  }


  .lity-close {
    top: 0 !important;
    right: 0 !important;
  }
  .thumbs-slider{
    margin-top: 3.33vw;
  }
  .main-slider .swiper-slide img{
    width: 100% !important;
  }
  .thumbs-slider .swiper-wrapper{
    flex-wrap: wrap;
  }
  .thumbs-slider .swiper-slide{
    margin-right: 0;
    width: calc((100% - (2vw * 4)) / 5);
    margin-left: 2vw;
  }
  .thumbs-slider .swiper-slide:nth-child(5n+1) {
    margin-left: 0;
  }
  .thumbs-slider .swiper-slide:nth-child(n+6){
    margin-top: 2vw;
  }

  .oo-flex-point {
    margin-bottom: 6vw;
    margin-top: 2vw;
  }
  .oo-flex-point__li{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 2.66vw 0 0 !important;
    background-color: #fbf7ee;
  }
  .oo-flex-point__li picture{
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .oo-flex-point__body{
    font-size: 3.4vw;
    margin-top: 0;
    padding-right: 2vw;
  }
  .oo-content__mov + .oo-flex-nav{
    margin-top: 5.33vw;
  }
}