@charset "UTF-8";
/**************************************
archive
**************************************/
.slick-initialized .slick-slide.kari{
	display: none;
}
/**************************************
common
**************************************/
#staff_buy_200608 .details .imgwrp, #staff_buy_200608 .details .txt_wrap, #staff_buy_200608 .img05, #staff_buy_200608 .img06, #staff_buy_200608 .img08, #staff_buy_200608 .img12, #staff_buy_200608 .img15 {
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .img02{
	margin-left: calc(38*(100vw/750));
}
#staff_buy_200608 .img03{
	margin-left: calc(225*(100vw/750));
}
#staff_buy_200608 .img14{
	margin-left: calc(110*(100vw/750));
}
#staff_buy_200608 .img13{
	margin-left: calc(38*(100vw/750));
}
#staff_buy_200608 .sec02 .coordinate, #staff_buy_200608 .sec03 .coordinate, #staff_buy_200608 .sec05 .coordinate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#staff_buy_200608 .sec02 .coordinate > div, #staff_buy_200608 .sec03 .coordinate > div, #staff_buy_200608 .sec05 .coordinate > div {
  min-height: 0%;
}
#staff_buy_200608 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#staff_buy_200608 img {
  display: block;
  width: 100%;
}
#staff_buy_200608 a {
  display: block;
}
#staff_buy_200608 a[href=""] {
  pointer-events: none;
}
#staff_buy_200608 .pc_only {
  display: none;
}
#staff_buy_200608 .main_ttl_vol, #staff_buy_200608 .details .sec_ttl, #staff_buy_200608 .details .item_price, #staff_buy_200608 .details .variation, #staff_buy_200608 .coordinate .credit, #staff_buy_200608 .check_btn a, #staff_buy_200608 .before_btn a {
  font-family: quasimoda, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.main-area .main-inner {
  width: 100%;
}
#staff_buy_200608 {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: calc(24 * (100vw / 750));
  font-size: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  font-weight: normal;
  font-style: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: calc(88 * (100vw / 750));
  padding-bottom: calc(200 * (100vw / 750));
  /************ mv **********/
  /************ contents **********/
  /************ btn **********/
  /************ scroll **********/
}
#staff_buy_200608 .mv_area {
  width: calc(665 * (100vw / 750));
  margin-left: calc(36 * (100vw / 750));
  margin-bottom: calc(132 * (100vw / 750));
}
#staff_buy_200608 .main_ttl_vol {
  margin-top: calc(10 * (100vw / 750));
  padding-left: calc(16 * (100vw / 750));
  text-align: center;
  font-size: calc(44.48 * (100vw / 750));
  letter-spacing: 0.04em;
}
#staff_buy_200608 .main_ttl_vol_inner {
  position: relative;
}
#staff_buy_200608 .main_ttl_vol_inner::after {
  content: "";
  position: absolute;
  left: -10%;
  bottom: -1px;
  width: 120%;
  height: 1px;
  background-color: #000;
}
#staff_buy_200608 .details {
  margin-bottom: calc(70 * (100vw / 750));
}
#staff_buy_200608 .details .sec_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: calc(36 * (100vw / 750));
}
#staff_buy_200608 .details .sec_ttl_name {
  letter-spacing: 0.06em;
  font-weight: 600;
  font-size: calc(33.82 * (100vw / 750));
  position: relative;
  margin-right: calc(20 * (100vw / 750));
}
#staff_buy_200608 .details .sec_ttl_name::after {
  content: "";
  position: absolute;
  bottom: calc(-10 * (100vw / 750));
  right: 0;
  width: calc(112 * (100vw / 750));
  height: 1px;
  background-color: #000;
}
#staff_buy_200608 .details .sec_name {
  font-size: calc(42*(100vw/750));
  font-family: quasimoda, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: calc(80*(100vw/750));
  line-height: 1;
}
#staff_buy_200608 .details .sec_ttl_num {
  font-weight: 600;
  font-size: calc(58.62 * (100vw / 750));
  letter-spacing: 0.06em;
}
#staff_buy_200608 .details .imgwrp {
  width: calc(450 * (100vw / 750));
  height: calc(560 * (100vw / 750));
}
#staff_buy_200608 .details .img01 {
  margin-bottom: calc(35 * (100vw / 750));
}
#staff_buy_200608 .details .img01 img {
  width: calc(376 * (100vw / 750));
  margin-top: calc(66 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .details .img04 {
  margin-bottom: calc(50 * (100vw / 750));
}
#staff_buy_200608 .details .img04 img {
  width: calc(376 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .details .img07 {
  margin-bottom: calc(38 * (100vw / 750));
}
#staff_buy_200608 .details .img07 img {
  width: calc(376 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .details .img09 {
  margin-bottom: calc(38 * (100vw / 750));
}
#staff_buy_200608 .details .img09 img {
  width: calc(376 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .details .img12 {
  margin-bottom: calc(38 * (100vw / 750));
}
#staff_buy_200608 .details .img12 img {
  width: calc(376 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
#staff_buy_200608 .details .credit {
  font-family: quasimoda, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  text-align: center;
  margin-bottom: calc(46 * (100vw / 750));
}
#staff_buy_200608 .details .item_name {
  display: block;
  font-size: calc(26 * (100vw / 750));
  letter-spacing: 0.15em;
  margin-bottom: calc(10 * (100vw / 750));
}
#staff_buy_200608 .details .item_price {
  letter-spacing: 0.1em;
  font-size: calc(26*(100vw/750));
}
#staff_buy_200608 .details .variation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0.1em;
  margin-bottom: calc(54 * (100vw / 750));
}
#staff_buy_200608 .details .variation li {
  margin: 0 0.9em;
}
#staff_buy_200608 .details .color {
  display: inline-block;
  position: relative;
  padding-left: 2.2em;
}
#staff_buy_200608 .details .color::before {
  content: "";
  position: absolute;
  width: calc(28 * (100vw / 750));
  height: calc(28 * (100vw / 750));
  border-radius: 50%;
  top: 0;
  left: 0;
}
#staff_buy_200608 .details .color.wht::before {
  background-color: #fff;
  border: solid 1px #000;
}
#staff_buy_200608 .details .color.owht::before {
  background-color: #fcf6ed;
}
#staff_buy_200608 .details .color.blk::before {
  background-color: #000;
}
#staff_buy_200608 .details .color.yel::before {
  background-color: #DDB947;
}
#staff_buy_200608 .details .color.kki::before {
  background-color: #948E6D;
}
#staff_buy_200608 .details .color.beg::before {
  background-color: #D4C5AB;
}
#staff_buy_200608 .details .color.brw::before {
  background-color: #9d4934;
}
#staff_buy_200608 .details .color.ivr::before {
  background-color: #EDE6D9;
}
#staff_buy_200608 .details .color.pnk::before {
  background-color: #E0C3B2;
}
#staff_buy_200608 .details .color.grn::before {
  background-color: #598e47;
}
#staff_buy_200608 .details .color.ppl::before {
  background-color: #b7425e;
}
#staff_buy_200608 .details .txt_wrap {
  font-family: quasimoda, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-size: calc(24*(100vw/750));
  width: calc(638 * (100vw / 750));
  text-align: justify;
  letter-spacing: 0.15em;
  line-height: 2;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
}
#staff_buy_200608 .img02, #staff_buy_200608 .img06, #staff_buy_200608 .img10, #staff_buy_200608 .img14 {
  margin-bottom: calc(40 * (100vw / 750));
}
#staff_buy_200608 .img10 {
  margin-left: calc(38 * (100vw / 750));
}
#staff_buy_200608 .img11 {
  margin-right: 0;
  margin-left: auto;
}
#staff_buy_200608 .img02, #staff_buy_200608 .img12 {
  width: calc(638 * (100vw / 750));
}
#staff_buy_200608 .img15 {
  width: calc(600 * (100vw / 750));
}
#staff_buy_200608 .img03{
  width: calc(488*(100vw/750));
}
#staff_buy_200608 .img06 {
	width: calc(638*(100vw/750));
}
#staff_buy_200608 .img05 {
  width: calc(600 * (100vw / 750));
}
#staff_buy_200608 .img08{
	width: calc(676*(100vw/750));
}
#staff_buy_200608 .img13 {
  width: calc(525 * (100vw / 750));
}
#staff_buy_200608 .img14 {
  width: calc(600 * (100vw / 750));
}
#staff_buy_200608 .img10, #staff_buy_200608 .img11 {
  width: calc(562 * (100vw / 750));
}
#staff_buy_200608 .coordinate .credit {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.1em;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: calc(34 * (100vw / 750));
}
#staff_buy_200608 .coordinate .credit li {
  margin: 0 0.3em;
}
#staff_buy_200608 .sec {
  margin-bottom: calc(136 * (100vw / 750));
}
#staff_buy_200608 .sec01 .details .txt_wrap {
  margin-left: calc(38 * (100vw / 750));
}
#staff_buy_200608 .sec02 .details .sec_ttl {
  margin-bottom: calc(50 * (100vw / 750));
}
#staff_buy_200608 .sec02 .details .item_name {
  letter-spacing: 0.18em;
}
#staff_buy_200608 .sec02 .coordinate .credit {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: calc(32 * (100vw / 750));
}
#staff_buy_200608 .img06 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#staff_buy_200608 .img05 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#staff_buy_200608 .sec03 {
  margin-bottom: calc(130 * (100vw / 750));
}
#staff_buy_200608 .sec03 .coordinate {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#staff_buy_200608 .sec03 .coordinate .credit {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
#staff_buy_200608 .img09 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#staff_buy_200608 .img10 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#staff_buy_200608 .img08 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#staff_buy_200608 .sec04 {
  margin-bottom: calc(128 * (100vw / 750));
}
#staff_buy_200608 .sec04 .details .item_name {
  letter-spacing: 0.2em;
}
#staff_buy_200608 .sec05 {
  margin-bottom: calc(196 * (100vw / 750));
}
#staff_buy_200608 .sec05 .details .item_name {
  letter-spacing: 0.21em;
}
#staff_buy_200608 .sec05 .coordinate .credit {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#staff_buy_200608 .img14 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#staff_buy_200608 .img13 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#staff_buy_200608 .check_btn a {
  display: block;
  width: calc(675 * (100vw / 750));
  height: calc(160 * (100vw / 750));
  border: 1px solid #000;
  margin: 0 auto;
  font-weight: 600;
  font-size: calc(46 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: calc(160 * (100vw / 750));
  text-align: center;
}
#staff_buy_200608 .before_btn {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(580*(100vw/750));
}
#staff_buy_200608 .before_btn a {
  display: block;
  width: calc(210*(100vw/750));
  border-bottom: 1px solid #000;
  margin: calc(80*(100vw/750)) auto;
  font-weight: 600;
  font-size: calc(46*(100vw/750));
  letter-spacing: 0.04em;
  padding: 0 calc(80*(100vw/750)) calc(18*(100vw/750)) calc(30*(100vw/750));
  text-align: center;
  position: relative;
}
#staff_buy_200608 .before_btn a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: calc(34*(100vw/750));
  right: calc(30*(100vw/750));
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #000;
}


#staff_buy_200608 .fade {
  -webkit-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
#staff_buy_200608 .fade.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}