/* 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;
    width: 285px;
    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: 220px;
    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: #6a6a6a;
  }

  /*アイテム*/
  .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: #e7e7e7;
      height: 320px;
    }

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

    .pi_btn {
      width: 220px;
      height: 40px;
      background-color: #6a6a6a;
      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表示の幅を変えたいときはここを変更する */
     }


   }