@charset "utf-8";

.koicookie_san {
  box-sizing: content-box;
  color: #000;
  font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  max-width: 1080px;
  padding-bottom: 170px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.koicookie_san img {
  width: 100%;
}

.koicookie_san * {
  color: #000;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}


.koicookie-header_san {
  border-bottom: 1px solid #231815;
  margin-bottom: 75px;
  padding-bottom: 70px;
}

.koicookie-header_san p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  margin-left: auto;
  margin-right: auto;
  max-width: 762px;
  text-align: justify;
}

.koicookie-content_san {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  position: relative;
}

.koicookie-content_san h2 {
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie-main_san {
  margin-bottom: 70px;
  position: relative;
}

.koicookie-pickups_san {
  display: flex;
  justify-content: space-between;
}

.koicookie-pickup_san {
  width: 49.7%;
}

.koicookie-items_san {
  position: relative;
}

.koicookie-item_san {
  margin-top: 50px;
  max-width: 250px;
}

.koicookie-item_san a {
  display: block;
  text-decoration: none;
}

.koicookie-item_san figcaption dl {
  font-size: 0.9375rem;
}

.koicookie-item_san figcaption dt {
  line-height: 1.6;
}

.koicookie-item_dtl_san {
  margin-top: 15px;
}

.koicookie-item_dtl_san span {
  position: relative;
  padding-right: 20px;
}

.koicookie-item_dtl_san span::after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #000;
  content: "";
  height: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 0;
}

.item-label_san {
  border: 1px solid #9eb5bf;
  color: #9eb5bf;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 84px;
  text-align: center;
}

.koicookie-model_san {
  margin-left: auto;
  margin-right: auto;
  margin-top: 85px;
  margin-top: 9.042553%;
  max-width: 760px;
  width: 80.851%;
}

.koicookie-model_title_san {
  margin-left: auto;
  margin-right: auto;
  max-width: 55px;
}

.koicookie-model_item_san {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.koicookie01_san h2 {
  margin: 0;
  width: 91.034482%;
}

.koicookie01_san .koicookie-caption_san {
  margin-top: 19.57446%;
  margin-bottom: 13.617021%;
  width: 290px;
  width: 30.851063%;
}

.koicookie01_san .koicookie-items_san {
  display: flex;
  justify-content: space-between;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie01_san .koicookie-item_san {
  text-align: center;
}

.koicookie01_san .koicookie-main__image_san {
  order: 1;
  width: 60.6%;
}

.koicookie01_san .koicookie-main_san figure {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.koicookie01_san .koicookie-item_san figcaption {
  margin-top: 20px;
}

.koicookie02_san {
  margin-top: 95px;
  margin-top: 9.5766%;
  max-width: 992px;
}

.koicookie02_san h2 {
  margin: 0;
  width: 100%;
}

.koicookie02_san .koicookie-caption_san {
  margin-top: 185px;
  margin-top: 18.6491%;
  margin-bottom: 4.43548%;
  width: 292px;
  width: 29.4354%;
}

.koicookie02_san .koicookie-caption_san .koicookie_comment_san .koicookie_main_comment_san{
  width: 80.8219%;
}

.koicookie02_san .koicookie-model_san {
  margin-top: 125px;
  margin-top: 12.6008%;
  min-width: 602px;
  width: 76.612903%;
}

.koicookie02_san .koicookie-item_san {
  margin-inline: auto;
  max-width: 712px;
  text-align: center;
  width: 71.77619%;
}

.koicookie02_san figcaption {
  margin-top: 30px;
}

.koicookie02_san .koicookie-main__image_san {
  width: 61.4919%;
}

.koicookie02_san .koicookie-main_san figure {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.koicookie03_san .koicookie-item_san figcaption {
  margin-top: 20px;
}

.koicookie-mens__title_san {
  max-width: 25px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie-model_san {
  position: relative;
}

.koicookie-icn__campaign_san {
  position: absolute;
  right: -79px;
  right: -10.4473%;
  top: -75px;
  width: 17.1052%;
}

.koicookie-icn__campaign_san.koicookie__men_san {
  left: -65px;
  top: -25px;
}

.shokai_san {
  font-family: "Hiragino Kaku Gothic W7 JIS2004", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W7", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  color: #d11b4d;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
}

.shokai_san img {
  margin-right: 10px;
  max-width: 186px;
}

.koicookie03_san {
  margin-top: 88px;
  margin-top: 8%;
  max-width: 970px;
  padding-right: 15px;
}

.koicookie03_san h2 {
  margin: 0;
  width: 100%;
}

.koicookie03_san .koicookie-caption_san {
  margin-top: 22.6178%;
  margin-bottom: 20.5256%;
  width: 318px;
  width: 33.298429%;
}

.koicookie03_san .koicookie-caption_san .koicookie_comment_san .koicookie_main_comment_san{
  width: 88.328%;
}

.koicookie03_san .koicookie-items_san {
  display: flex;
  justify-content: space-between;
  max-width: 548px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie03_san .koicookie-item_san {
  text-align: center;
  max-width: 257px;
}

.koicookie03_san .koicookie-item__img_san {
  max-width: 228px;
}

.koicookie03_san .koicookie-item02_san {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie03_san .koicookie-item02_san .koicookie-item__link_san {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.koicookie03_san .koicookie-item02_san .koicookie-item__img_san {
  max-width: 348px;
}

.koicookie03_san .koicookie-item02_san figcaption {
  margin-top: 0;
  text-align: left;
}

.koicookie03_san .model02_san {
  margin-top: 70px;
}

.koicookie03_san .koicookie-main__image_san {
  width: 59.68586%;
}

.koicookie03_san .koicookie-main_san figure {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.koicookie04_san {
  margin-top: 123px;
  margin-top: 11.181818%;
  max-width: 915px;
}

.koicookie04_san h2 {
  margin: 0;
  width: 100%;
}

.koicookie04_san .koicookie-caption_san .koicookie_comment_san .koicookie_main_comment_san{
  width: 91.5032%;
}

.koicookie04_san .koicookie-main_san figure {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.koicookie04_san .koicookie-caption_san {
  margin-top: 19.01639%;
  margin-bottom: 16.7213%;
  width: 306px;
  width: 33.4426%;
}

.koicookie04_san .koicookie-item_san {
  margin-inline: auto;
  max-width: 712px;
  text-align: center;
}

.koicookie04_san .koicookie-main__image_san {
  order: 1;
  width: 62.29508%;
}

.koicookie04_san .koicookie-item01_san {
  max-width: 504px;
  margin-left: auto;
  margin-right: auto;
}

.koicookie04_san .koicookie-item01_san .koicookie-item__link_san {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.koicookie04_san .koicookie-item01_san .koicookie-item__img_san {
  max-width: 194px;
}

.koicookie04_san .koicookie-item01_san figcaption {
  text-align: left;
}

.koicookie04_san .koicookie-model__mens__wrap_san {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  max-width: 760px;
  margin-top: 82px;
  margin-top: 8.96174%;
  margin-left: auto;
  margin-right: auto;
  width: 83.0601%;
}

.koicookie04_san .model02_san {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 49.736842%;
}

.koicookie04_san .model02_san .koicookie-pickup_san {
  width: 100%;
}

.koicookie04_san .koicookie-item02_san {
  margin-inline: 0;
  margin-bottom: 10px;
  width: 33.947368%;
}

.koicookie04_san .koicookie-item02_san .koicookie-item__img_san {
  margin-bottom: 56px;
}

.koicookie-content__header_san {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.koicookie-header__title_san {
  order: 1;
  position: relative;
  width: 29.787234042%;
}

.fukidashi_san {
  position: absolute;
  max-width: 170px;
  width: 18.085106382%;
  z-index: 1;
}

.fukidashi01_san {
  left: 168px;
  left: 17.87234%;
  top: 77px;
  top: clamp(60px, 6.02vw, 77px);
}

.fukidashi02_san {
  right: 5px;
  top: 84px;
  top: clamp(60px, 6.56vw, 84px);
}

.fukidashi03_san {
  right: 0;
  top: 110px;
  top: clamp(74px, 8.59vw, 110px);
}

.fukidashi04_san {
  left: 192px;
  left: 20.9836%;
  top: 64px;
  top: clamp(54px, 5vw, 64px);
}

.koicookie_comment_san {
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 25px;
  text-align: justify;
}

.koicookie_main_comment_san {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 25px;
  text-align: justify;
}

.koicookie-main_san .koicookie_comment_san .koicookie_main_comment_san{
  margin-left: 3%;
}

.koicookie01_san .koicookie-main_san .koicookie_comment_san .koicookie_main_comment_san{
  margin-left: 2%;
}

.koicookie_san .sp {
  display: none;
}

.planners_san {
  border-bottom: 1px solid #000;
  text-align: center;
}

.planners_san img {
  height: auto;
  width: 150px;
}

.campaign_01_san {
  position: absolute;
  right: -28px;
  top: -105px;
  width: 168px;
  width: 17.872340425%;
}

.campaign_02_san {
  position: absolute;
  left: -45px;
  top: -32px;
  width: 243px;
  width: 25.851064%;
}


 .crop-img {
            display: block;       /* 余白消し */
            width: 100%;          /* 横幅は親要素（画面幅）いっぱいに */
            
            /* ① トリミングしたい比率を指定 (幅 / 高さ) */
            /* 例: 正方形なら 1/1, ワイドなら 16/9, 横長バナーなら 3/1 */
            aspect-ratio: 1 / 1; 

            /* ② 画像のフィット方法を指定 */
            /* cover: 比率を維持したまま、エリアを埋め尽くす（はみ出た部分はトリミング） */
            object-fit: cover !important;

            /* ③ トリミングの基準位置 (任意) */
            /* center (デフォルト), top, bottom, left, right など */
            /* 例: 人物の顔が上にある場合は 'center top' */
            object-position: center;
        }

@media not all and (min-width: 768px) {
  .koicookie_san .pc {
    display: none;
  }

  .koicookie_san .sp {
    display: block;
  }

  .koicookie_san {
    margin-top: 0;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .koicookie-header_san {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .koicookie-header_san p {
    font-size: 0.9375rem;
    width: 74.133333%;
  }

  .koicookie-content_san {
    border-top: 1px solid #000;
    padding-top: 10px;
    width: 650px;
    width: 86.666667%;
  }

  .koicookie-content_san h2 {
    margin-bottom: 35px;
  }

  .koicookie-main_san {
    margin-bottom: 25px;
  }

  .koicookie-pickups_san {
    display: block;
  }

  .koicookie-pickup_san {
    width: 100%;
  }

  .koicookie-pickup_san:not(:last-child) {
    margin-bottom: 15px;
  }

  .koicookie-item_san {
    max-width: none;
    margin-top: 36px;
  }

  .koicookie-model_san {
    margin-top: 40px;
    max-width: none;
    width: 100%;
  }

  .koicookie-model_item_san {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 76.923077%;
  }

  .model02_san .koicookie-model_item_san {
    width: 70.769231%;
  }

  .koicookie-model_item_san li:not(:last-child) {
    margin-bottom: 12px;
  }

  .model02_san .koicookie-model_item_san li:not(:last-child) {
    margin-bottom: 20px;
  }

  .model01_san .koicookie-model_item_san li {
    width: 100%;
  }

  .model02_san .koicookie-model_item_san li {
    width: 100%;
  }

  .shokai_san {
    font-size: 14px;
    margin-top: 10px;
  }

  .shokai_san img {
    max-width: 130px;
  }

  .koicookie01_san {
    padding-top: 35px;
  }

  .koicookie01_san h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
    width: 45.8461%;
  }

  .koicookie01_san .koicookie-main_san figure {
    display: block;
  }

  .koicookie01_san .koicookie-main__image_san {
    width: 100%;
  }

  .koicookie01_san .koicookie-caption_san {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .koicookie01_san .koicookie-items_san {
    display: block;
  }

  .koicookie01_san .koicookie-item_san {
    text-align: left;
  }

  .koicookie01_san .koicookie-model_item_san {
    display: flex;
    flex-direction: column-reverse;
  }

  .koicookie01_san .koicookie-pickup_san {
    margin-bottom: 12px;
  }

  .koicookie01_san .koicookie-item_san figcaption {
    margin-top: 0;
  }

  .koicookie01_san .koicookie-item_san a {
    justify-content: center;
  }

  .koicookie02_san {
    margin-top: 65px;
    padding-top: 40px;
  }

  .koicookie02_san h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 81.6923%;
  }

  .koicookie02_san .koicookie-main_san figure {
    display: block;
  }

  .koicookie02_san .koicookie-main__image_san {
    width: 100%;
  }

  .koicookie02_san .koicookie-caption_san {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .koicookie02_san .koicookie-model_san {
    width: 100%;
  }

  .koicookie02_san .koicookie-caption_san .koicookie_comment_san　.koicookie_main_comment_san {
    width: 100%;
  }

  .koicookie02_san .koicookie-items_san {
    display: block;
  }

  .koicookie02_san .koicookie-item_san {
    text-align: left;
  }

  .koicookie-icn__campaign_san {
    max-width: 100%;
    right: 8px;
    top: -20px;
    width: 19.846%;
  }

  .koicookie02_san .koicookie-model_san {
    min-width: auto;
  }

  .koicookie02_san .koicookie-item_san a {
    display: block;
  }

  .koicookie02_san .koicookie-item_san {
    max-width: none;
    width: 100%;
  }

  .koicookie02_san .koicookie-item_san img {
    width: 100%;
  }

  .koicookie02_san figcaption {
    text-align: center;
  }

  .koicookie-icn__campaign_san.koicookie__men_san {
    left: 0;
    top: -10px;
  }

  .koicookie03_san {
    max-width: none;
    margin-top: 65px;
    padding-top: 40px;
    padding-right: 0;
  }

  .koicookie03_san h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 54.153846%;
  }

  .koicookie03_san .koicookie-main_san figure {
    display: block;
  }

  .koicookie03_san .koicookie-main__image_san {
    width: 100%;
  }

  .koicookie03_san .koicookie-caption_san {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .koicookie03_san .koicookie-caption_san .koicookie_comment_san .koicookie_main_comment_san{
    width: 100%;
  }

  .koicookie03_san .model03_san .koicookie-model_item_san {
    display: block;
    width: 64.615384615%;
  }

  .koicookie03_san .koicookie-items_san {
    flex-direction: column-reverse;
  }

  .koicookie03_san .koicookie-item_san {
    max-width: none;
    text-align: left;
    width: 94%;
  }

  .koicookie03_san .koicookie-item_san a {
    justify-content: center;
  }

  .koicookie03_san .koicookie-item__img_san {
    max-width: none;
    margin-right: 10px;
    width: 45.9%;
  }

  .koicookie03_san .koicookie-item_san img {
    width: 100%;
  }

  .koicookie03_san .model02_san {
    margin-top: 77px;
  }

  .koicookie03_san .koicookie-item02_san {
    width: 100%;
  }

  .koicookie03_san .koicookie-item02_san .koicookie-item__img_san {
    max-width: none;
    width: 57.4615%;
  }

  .koicookie03_san .koicookie-item02_san .koicookie-item__link_san {
    justify-content: center;
  }

  .koicookie03_san .koicookie-item_san figcaption {
    margin-top: 0;
    width: 9.5em;
  }

  .model02_san .koicookie-model_item_san {
    width: 76.923077%;
  }

  .koicookie-mens__title_san {
    max-width: 22px;
  }

  .koicookie04_san {
    margin-top: 65px;
    padding-top: 40px;
  }

  .koicookie04_san h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 52.15384%;
  }

  .koicookie04_san .koicookie-main_san figure {
    display: block;
  }

  .koicookie04_san .koicookie-main__image_san {
    width: 100%;
  }

  .koicookie04_san .koicookie-caption_san {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .koicookie04_san .koicookie-caption_san .koicookie_comment_san .koicookie_main_comment_san{
    width: 100%;
  }

  .koicookie04_san .koicookie-item01_san .koicookie-item__link_san {
    justify-content: center;
  }

  .koicookie04_san .koicookie-item01_san .koicookie-item__img_san {
    max-width: none;
    margin-right: 22px;
    width: 39.5346%;
  }

  .koicookie04_san .koicookie-item01_san img {
    width: 100%;
  }

  .koicookie04_san .koicookie-model__mens__wrap_san {
    display: block;
    width: 100%;
  }

  .koicookie04_san .model02_san {
    margin-left: auto;
    margin-right: auto;
    width: 76.923077%;
  }

  .koicookie04_san .koicookie-item02_san {
    width: 100%;
  }

  .koicookie04_san .koicookie-item02_san .koicookie-item__link_san {
    justify-content: center;
  }

  .koicookie04_san .koicookie-item02_san .koicookie-item__img_san {
    margin-right: 18px;
    margin-bottom: 0;
    width: 50%;
  }

  .koicookie04_san .koicookie-item02_san img {
    width: 100%;
  }

  .koicookie04_san .koicookie-item02_san {
    text-align: left;
  }

  .koicookie-shokai_san.koicookie-item_san a {
    display: block;
  }

  .koicookie-shokai_san.koicookie-item_san.koicookie-item_san img {
    width: 100%;
  }

  .koicookie-content__header_san {
    display: block;
  }

  .koicookie-header__title_san {
    width: 100%;
  }

  .koicookie-item_san a {
    display: flex;
    align-items: center;
  }

  .koicookie-item_san img {
    width: 100%;
  }

  .koicookie-item_san:not(:first-child) {
    margin-top: 40px;
  }

  .koicookie-item_san figcaption dl {
    font-size: 0.75rem;
  }

  .koicookie-item_san dl {
    font-size: 0.75rem;
  }

  .koicookie-item_detail_san p {
    width: 45%;
  }

  .koicookie-item_detail_san {
    display: flex;
    align-items: center;
  }

  .item-label_san {
    font-size: 0.625rem;
    margin-bottom: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 51px;
  }

  .koicookie-item_picts_san {
    margin-left: auto;
    margin-right: auto;
    width: 70.769231%;
  }

  .koicookie_comment_san .koicookie_main_comment_san {
    font-size: 0.9375rem;
    margin-top: 25px;
  }

  .koicookie-main_san .koicookie_comment_san .koicookie_main_comment_san{
    margin-left: 0;
  }

  .koicookie01_san .koicookie-main_san .koicookie_comment_san .koicookie_main_comment_san{
    margin-left: 0;
  }

  .koicookie-item_dtl_san {
    margin-top: 10px;
  }

  .fukidashi_san {
    max-width: 204px;
    width: 31.38461%;
  }

  .fukidashi01_san {
    left: auto;
    right: -12px;
    right: -3.6923%;
    top: 122px;
    top: clamp(122px, 26vw, 200px);
  }

  .fukidashi02_san {
    left: auto;
    right: -12px;
    right: -3.6923%;
    top: 145px;
    top: clamp(145px, 33vw, 223px);
  }

  .fukidashi03_san {
    left: -7px;
    left: -2.1538%;
    top: 138px;
    top: clamp(138px, 30vw, 210px);
  }

  .fukidashi04_san {
    left: auto;
    right: -14px;
    right: -3.6923%;
    top: 130px;
    top: clamp(130px, 29vw, 200px);
  }

  .planners_san {
    display: none;
  }
}