/* SP
----------------------------------*/
.pi_main {
  margin: auto;
  text-align: center;
  line-height: 1;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Helvetica", "Arial", sans-serif;
  color: #262626;
}

.pi_futura_medium {
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.pi_futura_book {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.pi_futura_light {
  font-family: futura-pt, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.pi_banner {
  margin: 0 auto 10%;
  width: 100%;
}

.pi_title {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.15rem;
  line-height: 1.8;
  margin: 0 auto 6%;
}

.pi_text {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.08rem;
  line-height: 1.7;
  margin: 0 auto 10%;
}

/*プロフィール*/
.pi_prf {
  text-align: center;
  display: flex;
  align-items: center;
  margin: 0 auto 20%;
  width: 275px;
  color: #262626;
  /*文字色*/
  padding: 1.5em 0;
  /*上下の余白*/
  border-top: solid 1px #c8cccb;
  /*上線*/
  border-bottom: solid 1px #c8cccb;
  /*下線*/
}

.pi_prf_img {
  margin-right: 5%;
}

.pi_prf_title {
  display: flex;
  font-size: 2rem;
  letter-spacing: 0.05em;
  margin-bottom: 4%;
}

.pi_prf_title img {
  margin-right: 3%;
}

.pi_prf_text {
  text-align: left;
  margin: 0 auto;
  font-size: 0.9rem;
  line-height: 1.8rem;
  letter-spacing: -0.05em;
}

/*アンカーナビ*/
.pi_navi_1 {
  display: flex;
  justify-content: space-between;
  /*2つ並ぶ時のwidth*/
  width: 190px;
  /*width: 285px; 3つ並ぶ時のwidth*/
  margin: 0 auto 7%;
}

.pi_navi_2 {
  display: flex;
  justify-content: space-between;
  width: 190px;
  margin: 0 auto;
}

.pi_navi_bg {
  background-color: #f1f1f1;
  height: 400px;
  padding: 8% 0 8% 0;
  margin: 0 auto 20%;
}

.pi_navi li img {
  vertical-align: bottom;
}

.pi_navi_text {
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto 5%;
  line-height: 1.5;
}

.pi_navi_img {
  margin: 0 auto 4%;
}

.pi_navi_text2 {
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  margin: 0 auto;
}

.pi_content {
  margin-bottom: 20%;
}


/*アイテム_タイトル*/
.pi_collabo_title {
  margin: 0 auto 5%;
}

.pi_collabo_title_text {
  font-size: 7rem;
  margin: 0 auto 1%;
  color: #dea895;
}

/*アイテム*/
.pi_mainitem {
  margin: 0 auto;
}

.pi_styling {
  position: relative;
  z-index: 1;
  margin: 0 auto 5%;
  width: 80%;
}

.pi_syling_main {
  margin: 0 auto 10%;
}

.pi_cre {
  text-align: left;
}

.pi_item_cre {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0 auto 5%;
}

.pi_btn_item {
  width: 150px;
  height: 30px;
  background-color: #000000;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.18rem;
}

/* 背景 */
.pi_styling_bg {
  /* 背景の余白を指定 */
  margin: -300px auto 15%;
  position: relative;
  z-index: 0;
  background-color: #eedcd6;
  height: 320px;
}

.pi_styling_title {
  font-size: 2.2rem;
  letter-spacing: 0.25rem;
  color: #dea895;
  margin: 0 auto 10%;
}

.pi_btn {
  width: 220px;
  height: 40px;
  background-color: #dea895;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

/* サブ画像 */
.pi_styling_img1 {
  margin: 0 auto 4%;
}

.pi_styling_img2 {
  margin: 0 auto 5%;
}

.pi_line {
  border-bottom: 1px solid #bbb;
  border-color: #dddddd;
  margin: 0 auto 15%;
}





/* PC
   ----------------------------------*/
@media screen and (min-width: 768px) {

  .pc_bgcolor {
    background-color: #fff;
    /* PC表示の際の全体に背景色をつけたいときはここを変更する */
  }

  .pc_width {
    margin: 0 auto;
    width: 500px;
    /* PC表示の幅を変えたいときはここを変更する */
  }


}