@charset "UTF-8";
/*=============================================================

	Date: 2026-05-06
	CSS Document ： 佐藤栞里×Live in comfort
 
=============================================================*/
.fsc_gfooter__breadcrumb {
  margin-top: 0;
}
#footercontent .fsc_gfooter__breadcrumb {
  display: none;
}
#outer_lv{opacity: 1;}
/* ---------------------------------

キーカラー指定
color: var(--theme-color);	
color: var(--key-color);	
font-family: var(--font-main-R);
font-family: var(--font-main-B);
--------------------------------- */ 
:root {
  --theme-color: #8ad8de;
  --key-color: #3cbec8;
    
  --font-main-R: "秀英丸ゴシック L", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  --font-main-B:  "秀英丸ゴシック B", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}

/*------------------------------------

基本

------------------------------------*/
.pc_lv {
  display: block;
}
.sp_lv {
  display: none;
}
body {
  width: 100%;
  overflow-x: hidden;
}
#headerbox_lv, #wrapper {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 62.5%;
  text-align: left;
  color: #000;
}
#wrapper {
  padding-top: 0;
  overflow-x: hidden;
}
img {
  border: none;
  vertical-align: bottom;
}
@media (hover: hover) {
  a:hover img {
    opacity: 0.7;
  }
  a img {
    transition: all 0.3s;
  }
  .item_lv a:hover {
    text-decoration: none;
  }
  .item_lv a:hover .item_spec_lv {
    opacity: 0.7;
  }
}
img.fluid {
  width: 100%;
  height: auto;
}
/* ヘッダー */
#headerbox_lv {
  width: 100%;
  min-width: 920px;
  /* min-height: 40px; */
  box-sizing: border-box;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #888;
}
#header_lv {
  white-space: nowrap;
  padding: 1em;
}
#header_lv ul {
  text-align: right;
}
#header_lv li {
  display: inline-block;
  _display: inline;
  margin-right: 7px;
}
*:first-child + html #header_lv li {
  display: inline;
}
#header_lv li a {
  padding-bottom: 1px;
  color: #888;
}
#headerbox_lv h1 {
  font-size: 100%;
  margin: 0;
  letter-spacing: 0.1em;
  padding: 1em;
}
/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
.clearfix {
  display: block;
}
/* ページのトップへ */
.pagetop_lv {
  width: 920px;
  margin: 0 auto 0 auto;
  padding: 0 0 2em 0 !important;
}
/*------------------------------------

基本（スマホ）

------------------------------------*/
@media (max-width: 919px) {
  .pc_lv {
    display: none;
  }
  .sp_lv {
    display: block;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  #headerbox_lv h1 {
    border-top: 1px solid #ccc;
    display: block;
    order: 1;
    width: 100%;
    padding-top: 0.5em;
  }
  #wrapper {
    overflow-x: hidden;
  }
  /* ヘッダー */
  #headerbox_lv {
    width: 100%;
    min-width: 10px;
    min-height: 12px;
    left: 0px;
    top: 0px;
    z-index: auto;
    flex-wrap: wrap;
    padding: 0;
  }
  #header_lv {
    padding-bottom: 0.5em;
  }
  #header_lv ul {
    text-align: left;
  }
  #header_lv li {
    display: inline-block;
    _display: inline;
    margin: 0;
    padding-right: 5px;
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  #header_lv {
    padding: 5px 5px 5px 5px;
  }
  #header_lv li {
    padding-right: 3px;
    font-size: 8px;
  }
}
/*------------------------------------

タイトルエリア

------------------------------------*/
#titlearea_lv {
  width: 100%;
  background: linear-gradient(90deg, #b8f0f0 0%, #b8f0f0 50%, #aab0ac 50%, #aab0ac 100%);
}
#titlearea_inner_lv {
  max-width: 2000px;
  margin: 0 auto;
  position: relative;
}
.title-text {
    /* max-width: 1200px; */
    width: 100%;
    position: absolute;
    height: 100%;
}
.title-text-inner{
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#titlearea_lv .main-ttl {
  position: absolute;
  top: 30%;
  right: 62.7%;
  z-index: 10;
  width: 32.5%;
  max-width: 430px;
}
#titlearea_lv .main-ttl img {
  max-width: 100%;
}
#titlearea_lv .sub-ttl {
  position: absolute;
  top: 10%;
  right: 43%;
  z-index: 10;
  width: 16.8%;
  animation: fadeIn02_lv 1.0s both 0.8s;
}
#titlearea_lv .sub-ttl img {
  max-width: 100%;
}
#titlearea_lv .ttl-lead {
  font-size: 200%;
  line-height: 1.7;
  display: inline-block;
 font-family: "游ゴシック体 Pr6N M","Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
@media (min-width: 920px) {
  #titlearea_lv .ttl-lead {
    animation: fadeIn02_lv 1.0s both 0.8s;
    position: absolute;
    top: 12%;
    right: 43.7%;
    z-index: 10;
    margin: 0;
    text-align: start;
    white-space: nowrap;
    letter-spacing: .05em;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-feature-settings: 'vert'on;
  }
  #titlearea_lv .ttl-lead span{
    writing-mode: horizontal-tb;
    text-orientation: upright;
    font-feature-settings: 'vert' on;
  }
    #titlearea_lv .ttl-lead span.lead-01{
    letter-spacing: -0.4em;
          line-height: 0.2;
    text-align: right;
    margin-left: 0.3em;
    display: inline-block;
      padding-top:0.5em;
}
    #titlearea_lv .ttl-lead span.lead-02{   margin-left: -0.3em;line-height: 1.2;margin-bottom: -0.3em;}
}

#titlearea_lv .slick-dots li button:before {
  background: #c87d3c;
}

  #titlearea_inner_lv .slick-slide img {
    width: 2000px;
    max-width:none;
  }




@media (max-width: 1200px) {
  #titlearea_inner_lv {
    max-width: 100%;
  }
  #titlearea_inner_lv .slick-slide img {
    width: 150%;
    margin: 0 -25%;
  }
.title-text-inner{
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1040px;
    margin: 0 auto;
}
}

@media (max-width: 919px) {
  /* SP */
  #titlearea_lv {
    width: 100%;
    height: auto;
    margin-bottom: .0em;
    background: none;
  }
  #titlearea_inner_lv {
    max-width: none;
    margin: 0 auto;
    position: relative;
  }
  #titlearea_inner_lv .slick-slider li {
    overflow: hidden;
  }
  #titlearea_inner_lv .slick-slide img {
    width: 100%;
    margin: 0;
    max-width: none;
  }
  #titlearea_inner_lv .slick-slide .slide01_lv img {
    /* margin: 0vw -49%; */
  }
  #titlearea_inner_lv .slick-slide .slide02_lv img {
    margin: 0vw -78%;
  }
  #titlearea_inner_lv .slick-slide .slide03_lv img {
    margin: 0vw -75%;
  }
  #titlearea_lv .main-ttl {
    width: 49%;
    top: 60%;
    right: auto;
    left: 7%;
    margin: 0px auto 25px;
    text-align: center;
  }
  #titlearea_lv img {
    width: 100%;
    height: auto;
  }
  #titlearea_lv .main-ttl .anniversary_logo {
    top: -17%;
    right: 67%;
  }
  #titlearea_lv .sub-ttl {
    top: 7%;
    left: 6.8%;
    z-index: 10;
    width: 30%;
  }
  #titlearea_lv .sub-ttl img {}
  #titlearea_lv .ttl-lead {
    text-align: center;
    display: none;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin: 1em 0 3em;
    font-size: 150%;
  }
}
/* リード*/
#lead_lv {
  width: 100%;
  margin: 3em auto 3.0em;
  display: inline-block;
  text-align: center;
  font-size: 100%;
  letter-spacing: 2px;
  line-height: 2.2;
  color: #333333;
}
#wrapper h2 {
  color: var(--key-color);
  font-size: 332%;
  margin-bottom: 0.5em;
  line-height: 1.45;
  letter-spacing: 0.13em;
  font-family: "ヒラギノ角ゴ W6 JIS2004","Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 919px) {
  #lead_lv {
    width: 94%;
    display: block;
    font-size: 95%;
    letter-spacing: 1px;
    margin: 2.8em auto 4.4em;
  }
  #codes_lv #lead_lv p {
    width: 100%;
  }
  #wrapper h2 {
    font-size: 169%;
  }
}
/* プロフィール */
#prof_lv {
  max-width: 920px;
  background: #f6f6f6;
  margin: 70px auto 0;
  padding: 18px 0 18px;
  text-align: center;
  position: relative;
}
.prof_ttl_lv {
  position: absolute;
  top: -21px;
  left: 2px;
}
#prof_lv .prof_photo_lv {
  display: inline-block;
  vertical-align: top;
  margin: 0 25px 0 8px;
}
#prof_lv p {
  color: #262626;
  display: inline-block;
  vertical-align: top;
  max-width: 640px;
  text-align: left;
}
#prof_lv p img {
  margin: 2px 30px 7px 0;
}
#prof_lv p span {
  display: block;
  margin: 3px;
  line-height: 1.7;
  font-size: 130%;
  color: #333333;
}
@media (max-width: 919px) {
  .prof_ttl_lv {
    height: 20px;
    top: -19px;
    left: 6px;
  }
  #prof_lv {
    padding: 12px 0 8px;
    margin-top: 5em;
    width: 90%;
  }
  #prof_lv .prof_photo_lv {
    float: left;
    width: 23%;
    margin: 0 0 0 7%;
  }
  #prof_lv p {
    display: inline;
  }
  #prof_lv p img {
    width: 41%;
    margin: 3px 5% 5px;
    float: left;
  }
  #prof_lv p a img {
    width: 55%;
  }
  #prof_lv p span {
    display: inline-block;
    text-align: justify;
    margin: 0.6em 5% 0.7em;
    font-size: 110%;
  }
}
/*------------------------------------

メイン

------------------------------------*/
#codes_lv {
  margin: 0 auto;
  text-align: center;
}
#codes_lv p {
  letter-spacing: 0.1em;
  line-height: 2.1;
  font-size: 160%;
  margin: 0 auto 3em;
  color: #333333;
}
/* コラボ紹介 */
.items_lv {
  background: linear-gradient(180deg, #fff 0%, #fff 189px, #FBF8E0 189px, #FBF8E0 95%, #fff 95%);
  padding-bottom: 0.9em;
  margin-top: 3em;
}
.items_lv img {
  margin-bottom: 0;
}
/* インタビューパート */
#interview_lv {
  text-align: center;
  padding: 7em 0 6em;
}
.code_lv li {
  max-width: 920px;
  margin: 0 auto;
}
#wrapper .midashi_lv {
  color: #FFF;
  font-size: 334%;
  letter-spacing: 2px;
  background: var(--theme-color);
  padding: 0 500% 0;
  margin: 0 -500%;
  line-height: 1;
  margin-bottom: 1.5em;
  max-width: 100% !important;
}
#interview_lv li {}
#interview_lv li:not(:first-child) > img {
  margin: 1.5em auto;
}
#interview_lv li p {
  text-align: justify;
  margin: 0.5em auto 2.8em;
  max-width: 650px;
}
#interview_lv li p a {
  text-decoration: underline;
}
#codes_lv .interviewer_lv {
  font-size: 200%;
  font-weight: bold;
  line-height: 1.6;
  color: #e11e4b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#interview_lv li p.interviewer_lv {
  margin: 1.8em 0 0.7em 135px;
  max-width: 650px;
}
#interview_lv li p.interviewer_lv.tumeru_lv {
  margin-top: 1.3em;
}
#interview_lv li .image-box {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 5em auto 9em;
}
#interview_lv li .image-box img:nth-child(2) {
  margin: 0 0 -4em 4em;
}
#interview_lv li ul.item_lv {
  margin: 2.5em 0 3em;
}
/* よこに並べる */
#interview_lv li.side_lv {
  display: inline-block;
  max-width: 900px;
  margin: 0 -500% 10px;
  padding: 0 500%;
  text-align: center;
}
#interview_lv li.side_lv .interviewer_lv {
  font-size: 115%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 1em;
  display: block;
}
@media (min-width: 920px) {
  #interview_lv li.side_lv p > * {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  #interview_lv li.side_lv p {
    max-width: 100%;
    margin: 4em 135px 0em 135px;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #interview_lv li.side_lv p span {
    max-width: 450px;
    margin-left: 2em;
  }
}
@media (max-width: 919px) {
  #interview_lv li.side_lv {
    margin-top: 4em;
    margin-bottom: 2em;
  }
  #interview_lv li.side_lv p > img {
    margin: 1em auto 1em;
    width: 80%;
    display: block;
  }
}
/* よこに並べる 幅いっぱい */
#interview_lv li.side02_lv {
  display: block;
  max-width: 650px;
  margin: 0 auto 70px;
  padding: 0 0;
  text-align: center;
}
#interview_lv li.side02_lv .interviewer_lv {
  font-size: 115%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 1em;
  display: block;
}
#interview_lv li.side02_lv p > span {
  font-weight: normal;
  text-align: justify;
}
@media (min-width: 920px) {
  #interview_lv li.side02_lv p > * {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    /* order: 1; */
  }
  #interview_lv li.side02_lv p {
    max-width: 100%;
    margin: 4em 0 0em 0;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #interview_lv li.side02_lv p span {
    max-width: 540px;
    /* margin-left: 5em; */
    order: -1;
  }
  #interview_lv li.side02_lv p > img {
    margin: 0 -4em 0 1em;
  }
}
@media (max-width: 919px) {
  #interview_lv li.side02_lv {
    margin-top: 4em;
    margin-bottom: 2em;
  }
  #interview_lv li.side02_lv p > img {
    margin: 1em auto 0em;
    width: 50%;
    display: block;
    order: 1;
  }
}
/* よこに並べる bg入り */
#interview_lv li.side_color_lv {
  clear: both;
}
#interview_lv li.side_color_lv:last-child {
  display: inline-block;
  background: #f4f7fa;
  margin: 0 -500% 4em;
  padding: 0 500%;
  text-align: center;
}
@media (min-width: 920px) {
  #interview_lv li.side_color_lv p > * {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  #interview_lv li.side_color_lv p {
    margin: 9em auto 0em;
    font-weight: bold;
    color: #000;
  }
  #interview_lv li.side_color_lv p img {
    margin-left: -90px;
  }
  #interview_lv li.side_color_lv p span {
    max-width: 450px;
  }
}
#interview_lv li.side_color_lv:last-child > * {
  text-align: center;
  vertical-align: middle;
  margin: 0 1em;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#interview_lv li.side_color_lv > div .items_lv {
  display: inline-block;
}
#interview_lv li.side_color_lv > div > img:last-child {
  margin-top: -110px;
  display: inline-block;
}
@media (max-width: 919px) {
  #interview_lv li.side_color_lv {
    margin-top: 4em;
    margin-bottom: 2em;
  }
  #interview_lv li.side_color_lv:last-child {
    margin-top: 20px;
    margin-bottom: 0;
    /* background: #eae0da; */
  }
  #interview_lv li.side_color_lv > div > img:last-child {
    margin: -23px 0 0;
    width: 39%;
  }
  #interview_lv li.side_color_lv:last-child > div {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
  }
  #interview_lv li.side_color_lv .items_lv {
    width: 58%;
  }
  #interview_lv li.side_color_lv .items_lv .item_lv {
    text-align: center;
    width: 100% !important;
    margin-bottom: 0;
  }
  #interview_lv li.side_color_lv .items_lv .item_lv img {
    display: block;
    margin: 0 auto 1em;
    width: 40%;
  }
  #interview_lv li.side_color_lv .items_lv .item_lv img.detail_lv {
    width: 70%;
    margin: 0.5em auto 0.5em;
  }
  #interview_lv li.side_color_lv .items_lv .item_lv .item_spec_lv {
    width: 100%;
  }
}
@media all and (-ms-high-contrast:none) {
  #wrapper .midashi_lv {
    padding-top: 25px
  }
}
@media (max-width: 919px) {
  #collabo_lv.code_lv .photo_lv {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
  }
  #collabo_lv.code_lv .photo_lv img {
    /* margin: 0 -6%; */
    width: 100%;
    max-width: none;
  }
  #collabo_lv.code_lv .photo_lv img:nth-child(1) {
    /* margin-bottom: 0vw; */
  }
  #interview_lv {
    padding: 0px 0 0;
  }
  #interview_lv li img {
    max-width: 100%;
  }
  #wrapper .midashi_lv {
    padding: 0;
    margin: 0 0 .8em;
  }
  #wrapper .midashi_lv img {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 919px) {
  #wrapper .midashi_lv {
    font-size: 215%;
    line-height: 1.3;
  }
}
/*------------------------------------

スペック

------------------------------------*/
.items_lv {
  margin: 7em 0 4em;
  text-align: center;
}
.item_lv {
  /* clear: both; */
  display: flex;
  /* vertical-align: top; */
  /* text-align: left; */
  justify-content: center;
  /* align-items: flex-start; */
  /* flex-grow: 1; */
  align-items: stretch;
}
.item_lv li {
  margin-bottom: 23px;
  text-align: center;
  display: flex;
  align-items: center;
  max-width: 920px;
  margin: 0 auto;
}
.item_lv li a {
  display: block;
  text-align: center;
  display: contents;
  flex-direction: column;
}
#coordinate_lv .item_lv li {
  display: inline-block;
}
.colors_lv {}
.colors_lv a {
  font-size: 150%;
  text-decoration: underline;
}
.colors_lv a:hover {
  text-decoration: underline !important;
}
.detail_lv {
  display: block;
  margin: 0.8em auto 0;
  width: 16em;
}
.item_lv li .item_photo_lv {
  display: block;
  position: relative;
  vertical-align: middle;
  margin: 0 0 0em -4%;
  /* order: 1; */
}
.item_lv li .item_comment {
  /* mix-blend-mode: multiply; */
  display: block;
  margin: -5em 0% 1em 12%;
}
.item_lv .item_spec_lv {
  display: block;
  font-size: 150%;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: -10%;
}
.item_lv .matomegai_lv {
  display: block;
  margin: 0 auto 0.7em;
}
.item_lv .item_txt_lv {
  display: inline-block;
  text-align: center;
  margin: auto 0;
}
.item_lv .item_name_lv {
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 0.2em;
  display: block;
}
.item_lv .item_price_lv {
  display: block;
  /* margin-top: 2px; */
  line-height: 1.7;
}
.item_lv .item_tani_lv {
  font-size: 90%;
  line-height: 100%;
  vertical-align: baseline;
}
.item_lv .item_num_lv {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 145%;
  letter-spacing: 1px;
  line-height: 1.3;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.item_lv .red_lv .item_num_lv {
  font-size: 190%;
}
.item_lv .item_tax_lv {
  font-weight: normal;
  font-size: 90%;
  line-height: 100%;
  vertical-align: baseline;
}
.item_lv .torikeshi_lv {
  text-decoration: line-through;
}
.item_lv .red_lv {
  line-height: 1.7;
  color: #e11e4b;
  display: block;
  font-size: 90%;
  font-weight: bold;
}
@media (min-width: 920px) {
  .item_lv li {
    margin: 0;
    width: auto;
    /* height: 100%; */
  }
  .item_lv li.item03 .detail_lv {
    margin-top: 2.8em;
  }
  /* 大商品 */
  .max_item_lv .item_lv {}
  .max_item_lv .item_lv li {
    margin: 0 20px;
    text-align: center;
  }
  .max_item_lv .item_lv li a {
    text-align: center;
  }
  .max_item_lv .item_lv li .item_photo_lv {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .max_item_lv .item_lv .item_spec_lv {
    float: none;
    display: block;
  }
}
@media (max-width: 919px) {
  .item_lv li.only_lv .item_photo_lv {
    float: none;
  }
  .item_lv li:not(.only_lv) .item_photo_lv {
    /* float: left; */
  }
  .item_lv li {
    margin: 1.5em 0;
    width: 100%;
  }
  .item_lv li > a {
    display: block;
    /* justify-content: flex-start; */
    /* align-items: center; */
  }
  .items_lv .detail_lv {
    width: 83%;
    margin: 0.6em auto 0.5em;
    clear: both;
    display: block;
  }
  .only_lv .detail_lv {
    margin: 0.5em auto 0.5em;
  }
  .detail_lv img {
    width: 100%;
  }
  .items_lv {
    margin: 5px 0 10px 0 !important;
    text-align: left;
    padding-bottom: 3em;
  }
  .item_lv {
    display: block;
    width: 90% !important;
    margin: 3em auto 6em auto;
    text-align: left;
  }
  .item_lv li.boots_lv .item_photo_lv {
    width: 41%;
    margin-left: 0%;
  }
  .item_lv li.boots_lv .item_spec_lv {
    width: 100%;
    text-align: center;
  }
  .item_lv li.boots_lv .detail_lv {
    margin: 0.5em auto 1em;
  }
  .item_lv li.item01 .item_photo_lv {
    width: 94%;
    margin: 0 auto;
  }
  .item_lv li.item02 .item_photo_lv {
    margin: 1em auto 2em;
    width: 80%;
  }
  .item_lv .item_spec_lv {
    font-size: 135%;
    width: 54%;
    min-width: 5%;
    margin: 0;
  }
  .item_lv .matomegai_lv {
    width: 100%;
  }
  .item_lv .item_num_lv {
    font-size: 145%;
  }
  #interview_lv li ul.item_lv {
    margin: 0em auto 1em;
  }
  .colors_lv {
    display: block;
    width: 55%;
    /* margin-right: -11%; */
    float: left;
    margin-bottom: 16px;
  }
  .colors_lv a {
    font-size: 140%;
    letter-spacing: 0;
  }
  #coordinate_lv .item_lv li .item_photo_lv {
    width: 23%;
    margin-right: 6%;
  }
  #coordinate_lv .item_lv .item_spec_lv {
    width: 60%;
  }
  .items_lv {
    background: linear-gradient(180deg, #fff 0%, #fff 27.8vw, #FBF8E0 27.8vw, #FBF8E0 130.5vw, #fff 130.5vw);
  }
  .items_lv a {
    display: block;
  }
  .items_lv a img {
    display: block;
    width: 55%;
    margin: 0 auto;
  }
  .item_lv li .item_comment {
    width: 90%;
    margin: 0 auto 1.4em;
  }
  .items_lv .item_lv {
    margin-bottom: 0;
  }
  .items_lv .item_lv .item_spec_lv {
    margin: 0 auto;
    width: 100%;
  }
  .items_lv a img.detail_lv {
    width: 44vw;
  }
}
@media (max-width: 480px) {
  .item_lv .item_name_lv {
    line-height: 1.3em;
  }
  .item_lv .item_price_lv {
    display: block;
  }
}
/*------------------------------------

コーデたち（スマホ）

------------------------------------*/
@media (max-width: 919px) {
  .photo_lv {
    margin: 1.6em 0 0 0;
    text-align: center;
  }
  .photo_lv p {
    background: none !important;
  }
  .photo_lv img {
    width: 95%;
    max-width: 640px;
    height: auto;
  }
  #codes_lv p {
    width: 90%;
    font-size: 125%;
    line-height: 1.9;
  }
  #interview_lv li p {
    display: flex;
    flex-wrap: wrap;
  }
  #interview_lv li p.interviewer_lv {
    margin: 2.0em auto 0;
    font-size: 150%;
  }
  #interview_lv li:not(:first-child) > img {
    margin: 2em auto 1.5em;
  }
  #coordinate_lv p {
    margin: 15px auto;
    line-height: 1.6;
    text-align: center;
  }
  #interview_lv li .image-box {
    display: block;
    margin: 4em auto;
  }
  #interview_lv li .image-box img:nth-child(2) {
    margin: 3em 0 0 0;
    width: 51%;
  }
  #interview_lv li ul.item_lv {
    margin: 2.5em 0 3em;
  }
}
@media (min-width: 920px) {
  #interview_lv li img.photo01 {
  }
  #interview_lv li img.photo02 {
  /* margin: 0; */
  }
  #interview_lv li img.photo03 {
   margin: 3em 0 4em 30px;;
  }
#interview_lv li img.photo04 {}
#interview_lv li img.photo05 {
      /* margin-left: 15px; */
      margin: 5em 0 4em 10em;
    }
#interview_lv li img.photo06 {
      margin: 1em 10em 4em 0;
}
}
@media (max-width: 919px) {
  img.photo01 {
    width: 85%;
    height:auto;
  }
  #interview_lv li img.photo02 {
  width: 90%;
  }
  #interview_lv li img.photo03 {
  width: 87%;
  }
#interview_lv li img.photo04 {
  width:110%;
  max-width:none;
    margin: 2em -5% 4em;
}
    #interview_lv li img.photo05 {
  width: 87%;
                margin: 2em -5% 4em 0;
    }
    #interview_lv li img.photo06 {
        width: 67%;
          margin: 2em 0 4em -15%;
    }
#interview_lv li img.photo07 {
  width:110%;
  max-width:none;
    margin: 2em -5% 4em;
}
#interview_lv li img.photo08 {
  width:120%;
  max-width:none;
    margin: 2em -5% 4em;
}


  
}


/*------------------------------------

バナーエリア

------------------------------------*/
#wrapper .bnrArea_lv .midashi_lv {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  margin-bottom: 0;
  font-family: "ヒラギノ角ゴ W4 JIS2004","Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  letter-spacing: 0.1em;
}
.osusume-head {
  font-family: "ヒラギノ角ゴ W5 JIS2004","Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  color: #996f3b;
  font-size: 240%;
  margin-top: 1em;
}
.osusume-head.osusume-black {
  color: #000000;
  margin-bottom: 0.4em;
}
.osusume-name {
  font-size: 220%;
  margin-bottom: 0.4em;
  margin-top: 2em;
}
.bnrArea_lv {
  max-width: 920px;
  text-align: center;
  margin: 6em auto 0px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.3em;
}
.bnrArea_lv.footbnr_lv {
  margin: 5em auto 0px;
}
#wrapper .bnrArea_lv .midashi_lv {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  font-family: "ヒラギノ角ゴ W4 JIS2004" !important;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
    background: #87c6c0;
}
.bnrArea_lv ul li {
  margin: 0 0 20px;
  display: inline-block;
}
.bnrArea_lv ul li:nth-child(1) {
  margin-bottom: 5em;
}
.detail-txt {
    display: block;
    width: max-content;
    font-weight: bold;
    margin: 1.5em auto 0;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #000;
}

.bnrArea_lv ul.half_bnr_lv li {
  width: fit-content;
  /*box-shadow:0.4em 0.4em 0em #D4E8E6;*/
  /*transform:rotate(-2deg);*/
  position: relative;
}
.bnrArea_lv ul.half_bnr_lv li::after {
  display: block;
  width: 10%;
  height: 70px;
  content: '';
  background-image: url(../images/tag.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -42px;
  left: 45%;
  z-index: 1;
}
.bnrArea_lv ul.half_bnr_lv li::before {
  display: block;
  width: 98%;
  height: 98%;
  content: '';
  background: #D4E8E6;
  position: absolute;
  bottom: -0.4em;
  right: -0.8em;
  transform: rotate(1deg);
}
.bnrArea_lv ul.half_bnr_lv li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  position: relative;
  z-index: 1;
  border: 0.7em solid #FFF;
  padding: 2em 5em;
  background: #F5F9FB;
  outline: solid 1px #a0a0a0;
}
.bnrArea_lv ul.half_bnr_lv li a > img {
  width: 28em;
}
.bnrArea_lv ul.half_bnr_lv li a .item_spec_lv {
  width: max-content;
  display: block;
  margin: 0 auto;
  flex-grow: inherit;
  text-align: center;
}
.bnrArea_lv ul.half_bnr_lv li a .detail_lv {
  /* margin:0; */
}
@media (max-width: 919px) {
  /* バナーエリア */
  .osusume-head {
    font-size: 180%;
  }
  .osusume-name {
    font-size: 160%;
  }
  .bnrArea_lv {
    text-align: center;
    margin: 4em auto 0em;
    clear: both;
  }
  .bnrArea_lv.footbnr_lv {
    margin: 2em auto 0em;
  }
  .bnrArea_lv ul li {
    width: 90%;
    display: inline-block;
    margin-bottom: 20px;
  }
  .bnrArea_lv ul li:nth-child(1) {
    margin-bottom: 2em;
  }
  .bnrArea_lv img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bnrArea_lv ul.half_bnr_lv li a {
    padding: 2em 3em;
    display: block;
    text-align: center;
  }
  .bnrArea_lv ul.half_bnr_lv li a > img {
    width: 52vw;
    margin: 0 auto 5vw;
  }
  .bnrArea_lv ul.half_bnr_lv li a .detail_lv {
    width: 80%;
  }
  .bnrArea_lv ul.half_bnr_lv li::after {
    display: block;
    width: 10vw;
    height: 20vw;
    top: -11.4vw;
    left: 43%;
  }
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
  display: none;
  position: relative;
  height: 0;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  z-index: 10000;
}
.pageTop a {
  position: fixed;
  bottom: 0;
  right: 15px;
  left: auto;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  /* background-color: #af9c90;*/
  background-image: url(../images/pagetop.webp);
  background-size: 99%;
  background-repeat: no-repeat;
  z-index: 10000;
  transition: all 0.3s;
  padding-bottom: 10px;
}
@media (min-width: 920px) {
  .pageTop a:hover {
    padding-bottom: 20px;
  }
}
@media (max-width: 919px) {
  .pageTop a {
    position: fixed;
    bottom: 15vw;
    right: 2vw;
    left: auto;
    display: block;
    max-width: 100px;
    width: 14%;
    height: auto;
    aspect-ratio: 1;
  }
}
/*------------------------------------

	SNS

------------------------------------*/
#sns_lv {
  text-align: center;
  display: block;
  margin: 20px auto 40px;
}
#sns_lv li {
  width: 30px;
  display: inline-block;
  margin: 5px;
}
#sns_lv li.sp_lv {
  display: none;
}
#sns_lv li a {
  display: block;
  width: 100%;
}
#sns_lv li img {
  width: 100%;
  height: auto;
}
@media (max-width: 919px) {
  #sns_lv li.sp_lv {
    display: inline-block !important;
  }
}
/* アニメーション */
.code_lv, #interview_lv > ul > li:not(.item_wrap_lv), .look_lv img {
  opacity: 0;
}
.fadeIn_lv {
  animation: fadeIn_lv 1.1s;
  visibility: visible !important;
  opacity: 1.0;
}
@keyframes fadeIn_lv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn02_lv {
  animation: fadeIn02_lv 1.3s forwards;
}
#titlearea_lv, #lead_lv, #prof_lv, .bnrArea_lv {
  animation: fadeIn_lv 0.7s forwards;
  visibility: visible !important;
  animation-delay: 0.7s;
  opacity: 0;
}
#titlearea_lv .main-ttl {
  animation: fadeIn_lv 1.0s forwards;
  visibility: visible !important;
  animation-delay: 0.7s;
  opacity: 0;
}
@keyframes fadeIn02_lv {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeIn03_lv {
  animation: fadeIn03_lv 0.8s forwards;
  visibility: visible !important;
  opacity: 0;
  animation-delay: 0.3s;
}
/* スライダー */
.slick-slider li {
  position: relative;
  display: block !important;
  background: #c6d1d8;
}
.slick-slider li picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-slider li img:first-child {
  margin: 0 auto;
}
/* TOP */
.slide_lv {
  /*max-width: 1320px;*/
  margin: 0 auto 0;
}
.slick-initialized .slick-slide > div {
  display: block;
}
.slide_lv img {
  /* float: left; */
}
/* ITEM */
.item_slide_wrap {
  position: relative;
}
.item_slide_wrap > img {
  position: absolute;
  top: 0;
  left: 0;
}
.item_slide_lv .slick-dots {
  position: absolute;
  bottom: -45px;
}
.item_slide_lv .slick-list {
  overflow: hidden;
}
.slide_side_lv {
  position: absolute;
  right: -15px;
  top: 0;
}
#titlearea_lv .pc_lv {
  display: block;
}
#titlearea_lv .sp_lv {
  display: none;
}
@media (max-width: 1319px) {
  .slide_lv {
    width: 100%;
    margin: 0 auto 0;
  }
}
#interview_lv li .item_slide_lv {
  margin: 50px auto;
}
@media (max-width: 919px) {
  #titlearea_lv .pc_lv {
    display: none;
  }
  #titlearea_lv .sp_lv {
    display: block;
  }
  .item_slide_lv {
    width: 90%;
    margin: 0 auto 0;
  }
  .item_slide_lv .slick-dots {
    bottom: -35px;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 35px;
  }
  .slick-slide img {
    width: 100%;
  }
  .item_slide_lv img {
    width: 90%;
  }
  .slick-slide img.slide_side_lv {
    width: 4.155%;
    right: 0.9%;
    top: 0;
  }
}
@media (max-width: 760px) {
  .item_slide_lv {
    width: 100%;
    margin: 0 auto 0;
  }
  .item_slide_lv img {
    width: 100%;
  }
  .slide_side_lv {
    display: none !important;
  }
}
/*------------------------------------
固定メニュー
------------------------------------*/
#titlearea_lv {
  margin: 0 auto 15px;
  width: 100%;
}
.fixdmenu_lv {
  z-index: 1000;
  padding-top: 20px;
  width: 100%;
  /* height: 0; */
  position: fixed;
  top: 10px;
  opacity: 0;
  transition: all 0.4s;
  pointer-events: none;
}
.fixdmenu_lv.fixd_lv {
  right: 0;
  opacity: 1;
  position: fixed;
  pointer-events: all;
}
.fixdmenu_lv .fixed_inner_lv {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.fixd_link_lv {
  float: right;
  width: 213px;
  margin-right: 38px;
  position: relative;
}
.fixdmenu_lv img {
  margin: 0;
  float: none;
  width: 100%;
}
.fixd_item_lv {
  position: absolute;
  left: 0;
  top: 135px;
  font-size: 100%;
  width: 204px;
  text-align: center;
}
.fixd_item_lv .item_link_lv {
  font-size: 140%;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
.fixd_item_lv .item_link_lv span {
  font-weight: bold;
}
.fixd_item_lv .item_link_lv span.min_lv {
  display: block;
  font-size: 80%;
}
.fixdmenu_lv .anniversary_logo {
  width: 35%;
  position: absolute;
  top: 0;
  right: -16%;
}
@media (max-width: 1300px) {
  /* 固定メニュー */
  .fixdmenu_lv .pc_lv {
    display: none;
  }
  .fixdmenu_lv .sp_lv {
    display: block;
  }
  .fixdmenu_lv {
    width: 100%;
    top: auto;
    bottom: auto !important;
    bottom: -100px !important;
    position: fixed !important;
    padding-top: 0px;
    /* border-bottom: 1px solid #b2b2b2; */
  }
  .fixdmenu_lv .fixed_inner_lv {
    box-sizing: border-box;
    border: 3px solid #FFF;
    background: #FFF;
    max-width: 640px;
    box-shadow: 0px 0px 0px 1px #b2b2b2;
  }
  .fixdmenu_lv .fixd_link_lv > img {
    width: 27.6%;
    float: left;
  }
  .fixdmenu_lv.fixd_lv {
    bottom: auto !important;
    bottom: 0px !important;
    /* height: auto; */
  }
  .fixd_link_lv {
    float: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #8ad8de;
    margin: 0;
  }
  .item_link_lv {
    max-width: 100%;
  }
  .fixdmenu_lv a:active {
    opacity: 0.7;
  }
  .fixd_item_lv {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fixd_item_lv .item_link_lv {
    color: #FFF;
    font-size: 140%;
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    float: left;
    width: 40%;
  }
  .fixd_item_lv::after {
display: block;
width: 0;
height: 100%;
content: '';
border-right:1px dotted #FFF;
position: absolute;
top: 0;
left: 50%;
}
  .fixd_item_lv .item_link_lv:last-child {
    border-right: none;
  }
}

@media (max-width: 798px) {
  .fixd_item_lv .item_link_lv {

    width: 50%;
  }
  }
@media (max-width: 360px) {
  .fixd_item_lv .item_link_lv {
    color: #FFF;
    font-size: 120%;
  }
}
/*------------------------------------

webフォント

------------------------------------*/
#wrapper, #headerbox_lv h1, #header_lv {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.item_lv, #wrapper h4 {
  font-family: "Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fixd_item_lv .item_link_lv, .midashi_lv {
  font-family: "Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W6 JIS2004", Koburina Gothic W6 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}