﻿
.main-area {
  font-family: source-han-sans-japanese, sans-serif;
	font-weight: normal;
	overflow: hidden;
	box-sizing: border-box;
}

.main-area img {
	width: 100%;
	height: auto;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}


/************** common **************/
.sec_bg {
  padding: calc(44* (100vw /375)) 0 calc(90* (100vw /375));
  background-color: #FFFCF2;
}

/*** sec ***/
.venue_ttl {
  margin: 0 auto calc(12* (100vw /375));
  width: 100%;
}

/*** clothes_ttl ***/
.clothes_ttl {
  margin: 0 auto calc(57* (100vw /375));
  width: calc(325* (100vw /375));
  font-size: calc(13* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.69;
}

.clothes_main_ttl {
  margin-bottom: calc(3* (100vw /375));
  font-size: calc(22* (100vw /375));
  font-weight: 700;
  letter-spacing: 0.07em;
  display: inline-block;
}
/*** sec_box ***/
.sec_box {
  position: relative;
}

.up_ttl {
  padding: 0 calc(18* (100vw /375));
  width: max-content;
  font-family: century-gothic, sans-serif;
  font-size: calc(16* (100vw /375));
  letter-spacing: 0.07em;
  position: absolute;
  top: calc(-38* (100vw /375));
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  background-color: #FFFCF2;
}

.sec_box::before{
  width: calc(280* (100vw /375));
  height: 1px;
  content: '';
  display: block;
  position: absolute;
  top: calc(-28* (100vw /375));
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  background-color: #000;
  z-index: 1;
}

/*** venue_btn ***/
.venue_btn {
  margin: calc(60* (100vw /375)) auto 0;
  width: calc(305* (100vw /375));
  height: calc(50* (100vw /375));
}

.venue_btn span {
  width: calc(125* (100vw /375));
}

.sec .button--square {
  font-size: 0;
}

/************** slick **************/
/* 中央のスライド */
.main-area .slider .slick-center img {
  transform: scale(1); 
  opacity: 1;
}

.main-area .slick-img {
  padding: 0 calc(7* (100vw /375));
}

.slider {
  margin: 0 auto;
  }

.main-area .slick-img img {
  width: 100%;
}

.main-area .slick-dots {
  bottom: calc(-27* (100vw /375));
}

.main-area .slick-dots li {
  margin: 0 calc(1* (100vw /375));
}


/************** mv **************/
.mv {
  margin: 0 auto calc(50* (100vw /375));
}

.mv_img {
  margin-bottom: calc(41* (100vw /375));
}

/*** mv_text ***/
.mv_text {
  margin: 0 auto;
  width: max-content;
  font-size: calc(16* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 2;
  text-align: center;
}

.mv_text_1 {
  margin-bottom: calc(32* (100vw /375));
}

.mv_text .red_text {
  margin: calc(4* (100vw /375)) auto calc(10* (100vw /375));
  width: calc(246* (100vw /375));
  display: inline-block;
}


/************** sec_shop **************/
.sec_shop {
  margin: 0 auto calc(80* (100vw /375));
  padding: calc(52* (100vw /375)) 0 calc(58* (100vw /375));
  width: calc(345* (100vw /375));
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
}

.sec_shop_box {
  margin: 0 auto;
  width: calc(306* (100vw /375));
}

.sec_shop_ttl {
  margin: 0 auto calc(46* (100vw /375));
  font-family: century-gothic, sans-serif;
  font-size: calc(37* (100vw /375));
  letter-spacing: 0.1em;
  line-height: 1.24;
  font-weight: 400;
  text-align: center;
  color: #B20C0C;
}

.shop_small_ttl {
  margin-top: calc(7* (100vw /375));
  font-family: source-han-sans-japanese, sans-serif;
  font-size: calc(14* (100vw /375));
  letter-spacing: 0.07em;
  display: block;
}

/*** step_box ***/
.step_box_1 {
  margin-bottom: calc(46* (100vw /375));
}

.step_ttl_img {
  margin-bottom: calc(13* (100vw /375));
  width: calc(108* (100vw /375));
}

.step_text {
  margin-bottom: calc(22* (100vw /375));
  font-size: calc(13* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.69;
}

.step_text_big {
  margin-bottom: calc(6* (100vw /375));
  font-size: calc(22* (100vw /375));
  line-height: 1.27;
  letter-spacing: 0.07em;
  font-weight: 500;
}

/*** sec_shop_img_1  ***/
.sec_shop_img_1 {
  margin: 0 auto;
  width: calc(306* (100vw /375));
}

.sec_shop_img_1_box_1 {
  margin-bottom: calc(7* (100vw /375));
}

.sec_shop_img_1_box_1 ul {
  width: calc(306* (100vw /375));
  display: flex;
  justify-content: space-between;
}

.sec_shop_img_1_box_1 ul li {
  width: calc(72* (100vw /375));
  display: flex;
  flex-direction: column;
  align-items: center
}

.venue_link_cart {
  margin-top: calc(10* (100vw /375));
  width: calc(28* (100vw /375));
}

/*** step_box_2 ***/
.step_box_2 {
  margin-bottom: calc(19* (100vw /375));
}

.step_ttl_img_2 {
  margin-bottom: calc(9* (100vw /375));
}

.step_text_2 {
  margin-bottom: calc(18* (100vw /375));
}

.step_text_red {
  font-family: century-gothic, sans-serif;
  font-size: calc(28* (100vw /375));
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #B20C0C;
  display: inline-block;
}

.step_text_big_2 {
  margin-bottom: calc(6* (100vw /375));
  width: calc(309* (100vw /375));
  font-size: calc(16* (100vw /375));
  letter-spacing: 0.07em;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}

.step_text_big_2 span {
  width: max-content;
}

.post {
  font-size: calc(13* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.69;
}


/************** sec_link **************/
.sec_link {
  margin: 0 auto calc(51* (100vw /375));
  width: calc(345* (100vw /375));
}

.sec_link_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(9* (100vw /375)) 0;
}

.sec_link_box li {
  width: calc(168* (100vw /375));
}


/************** sec01 **************/
.sec01 {
  margin-bottom: calc(81* (100vw /375));
}


/************** sec02 **************/
.sec02 {
  margin-bottom: calc(81* (100vw /375));
}


/************** sec03 **************/
.sec03 {
  margin-bottom: calc(81* (100vw /375));
}

.sec03 .venue_btn {
  margin-top: calc(66* (100vw /375));
}

.sec03 .slick-dots {
  bottom: calc(-32* (100vw /375));
}


/************** sec04 **************/
.sec04 .venue_btn {
  margin-top: calc(63* (100vw /375));
}

.sec04 .slick-dots {
  bottom: calc(-32* (100vw /375));
}


/************** sec_venue_link **************/
.sec_venue_link_bg {
  width: 100%;
  padding: calc(72* (100vw /375)) 0;
  background: url(../img/sp_venue_bg.jpg);
  background-size: calc(375* (100vw /375)) calc(708* (100vw /375));
}

.sec_venue_link_box {
  margin: 0 auto;
  width: calc(325* (100vw /375));
  display: flex;
  flex-direction: column;
  gap: calc(30* (100vw /375)) 0;
}

.sec_venue_link_box li {
  width: 100%;
}


/************** top_btn **************/
.top_btn {
  margin: calc(60* (100vw /375)) auto;
  width: calc(330* (100vw /375));
  height: calc(60* (100vw /375));
  font-size: calc(14* (100vw /375));
  font-weight: 600;
  letter-spacing: .07em;
}


/************** up後 **************/
.last_btn_1 {
  margin-bottom: calc(20* (100vw /375))!important;
}

.last_btn_2 {
  margin-top: 0!important;
}


/* ===============================================
### PC用デザイン###
=============================================== */
@media screen and (min-width:768px) {
.sp_only {
  display: none;
}

.pc_only {
  display: block;
}


/************** common **************/
.sec_bg {
  padding: 10.5rem 0 10.9rem;
}

/*** sec ***/
.sec {
  width: 90rem;
}

.venue_ttl {
  margin-bottom: 1.7rem;
}

/*** clothes_ttl ***/
.clothes_ttl {
  margin: 0 0 4.8rem;
  width: max-content;
  font-size: 1.4rem;
  line-height: 2;
}

.clothes_main_ttl {
  margin-bottom: -.3rem;
  font-size: 2.1rem;
}
/*** sec_box ***/
.up_ttl {
  padding: 0 2.1rem;
  font-size: 1.7rem;
  top: -3.4rem;
}

.sec_box::before{
  width: 90rem;
  top: -2.2rem;
}

/*** venue_btn ***/
.venue_btn {
  margin: 4.6rem auto 0;
  width: 32rem;
  height: 4.8rem;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  opacity: 1;
  transition-duration: 0.1s;
  transition-property: opacity;
}

.venue_btn span {
  width: 12.5rem;
  transition: all .3s;
}

.venue_btn:hover {
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  opacity: 1;
  transition-duration: 0.1s;
  transition-property: opacity;
}

.venue_btn:hover span {
  transform: scale(1.1);
}

/************** slick **************/
.main-area .slider {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.main-area .slick-img {
  width: 28rem;
  padding: 0;
}

.main-area .slick-img img {
  width: 100%;
}


/************** mv **************/
.mv {
  margin: 0 auto 6rem;
}

.mv_img {
  margin-bottom: 6.3rem;
}

/*** mv_text ***/
.mv_text {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
}

.mv_text_1 {
  margin-bottom: 2.8rem;
}

.mv_text_2 {
  line-height: 2.3;
}

.sub_text {
  margin-top: 1rem;
}

.mv_text .red_text {
  margin: 0;
  width: 19.4rem;
  line-height: 1;
}


/************** sec_shop **************/
.sec_shop {
  margin: 0 auto 11rem;
  padding: 7rem 0 7.8rem;
  box-shadow: 0 0 50px 0 rgb(0 0 0 / 6%);
}

.sec_shop_box {
  margin: 0 auto;
  width: 67.8rem;
}

.sec_shop_ttl {
  margin: 0 auto 5.5rem;
  font-size: 3.7rem;
}

.shop_small_ttl {
  margin-top: .6rem;
  font-size: 1.4rem;
}

/*** step_box ***/
.step_box {
  display: flex;
  flex-wrap: wrap;
}

.step_box_1 {
  margin: 0 auto 3.4rem;
}

.step_ttl_img {
  margin: 0 2.4rem 0 0;
  width: 10.8rem;
}

.step_text {
  margin-bottom: 1.9rem;
  font-size: 1.4rem;
  line-height: 1.57;
}

.step_text_big {
  margin-bottom: .4rem;
  font-size: 2.2rem;
}

.sec_shop_img_1 {
  margin: 0 auto;
  width: 61.6rem;
}

/*** sec_shop_img_1  ***/
.sec_shop_img_1 {
  margin: 0 auto;
  width: 61.6rem;
}

.sec_shop_img_1_box_1 {
  margin-bottom: 2.2rem;
}

.sec_shop_img_1_box_1 ul {
  width: 61.6rem;
  display: flex;
  justify-content: space-between;
}

.sec_shop_img_1_box_1 ul li {
  width: 14rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.venue_link_cart {
  margin-top: 1rem;
  width: 2.8rem;
}

/*** step_box_2 ***/
.step_box_2 {
  margin-bottom: 2.5rem;
}

.step_ttl_img_2 {
  margin: 0.3rem 2.4rem 0 0;
}

.step_text_2 {
  width: 53.8rem;
  margin-bottom: 2rem;
}

.step_text_red {
  font-size: 2.8rem;
  letter-spacing: 0.07em;
}

.step_text_big_2 {
  margin-bottom: .6rem;
  width: 35rem;
  font-size: 2.2rem;
}

.step_text_big_2 span {
  width: max-content;
}

.post {
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  line-height: 1.69;
  text-align: center;
}


/************** sec_link **************/
.sec_link {
  margin: 0 auto 5.9rem;
}

.sec_link_box {
  gap: 0;
}

.sec_link_box li {
  width: 22.2rem;
}


/************** sec01 **************/
.sec01 {
  margin: 0 auto 11.2rem;
}


/************** sec02 **************/
.sec02 {
  margin: 0 auto 11rem;
}


/************** sec03 **************/
.sec03 {
  margin: 0 auto 11rem;
}

.sec03 .venue_btn {
  margin-top: 4.6rem;
}


/************** sec04 **************/
.sec04 {
  margin: 0 auto;
}

.sec04 .venue_btn {
  margin-top: 4.6rem;
}


/************** sec_venue_link **************/
.sec_venue_link{
  width: 100vw;
  overflow: hidden;
  background-color: #555;
}

.sec_venue_link_bg {
  padding: 8.2rem 0;
  background-image: url(../img/pc_venue_bg.jpg);
  width: 100%;
  height: 44.2rem;
  background-repeat: repeat-x;
  background-size: 240rem auto;
  animation: loop 50s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes loop {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -2800px 0;
  }
}

.sec_venue_link_box {
  margin: 0 auto;
  width: 80.8rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 2.3rem 0;
}

.sec_venue_link_box li {
  width: 38.9rem;
}

/************** top_btn **************/
.top_btn {
  margin: 11rem auto 8.1rem;
  width: 36rem;
  height: 6rem;
  font-size: 1.5rem;
}

.main-area .button--square {
  max-height: 100%;
}


/************** up後 **************/
.last_btn_1 {
  margin-bottom: 2rem!important;
}


}



/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list{
    padding-bottom: 1.6rem;
  }
}

