@charset "Shift_JIS";

/*==============
Color Setting
==============*/
:root {
  --blBrown: #442d00; /*ブラックブラウン*/
  --pBlack: #000000; /*ピュアブラック*/
  --nBrown: #735440; /*ナチュラルブラウン*/
  --lBrown: #916f2e; /*ライトブラウン*/
  --dBrown: #580b0b; /*ダークブラウン*/
  --sGlay: #6c624b; /*ソフトグレー*/
  --nBlack: #000031; /*ネイビーブラック*/
  --gBrown: #443f22; /*グレイッシュブラウン*/
  --wBrown: #a5614c; /*ウォームブラウン*/
  --mBrown: #6e414e; /*モーヴブラウン*/
  --brdBlack: #54041c; /*ボルドーブラック*/
  --pBrown: #8a532f; /*ピュアブラウン*/
  --khBlack: #525334; /*カーキブラック*/
  --mcBrown: #663f39; /*モカブラウン*/
  --rBlack: #231f20; /*ブラック リ アルブラック ディープブラック*/
  --kBrown: #6f324d; /*カシスブラウン*/
  --medBrown: #713d1a; /*ミディアムブラウン*/
  --ashBrown: #936845; /*アッシュブラウン*/
  --mBlack: rgba(59, 54, 93, 1); /*モーブブラック*/
  --kBlack: rgba(106, 48, 83, 1); /*カシスブラック*/
  --bBrown: #6c4d39; /*ビターブラウン*/
  --beBrown: #ce9c5b; /*ベージュブラウン*/
  --cB: #a31548; /*クランベリーボルドー*/
  --cB2: #8b652e; /*キャメルブラウン*/
  --Ab: #73361b; /*アーモンドブラウン*/
  --pinkBrown: #a46a53; /*ピンクブラウン*/
  --aO: #a1977d; /*アッシュオリーブ*/
  --copperb: #c4421e; /*コッパーブラウン*/
  --dP: rgba(197, 137, 129, 1); /*ダスティーピンク*/
  --cN: #0c2582; /*クリアネイビー*/
  --pP: #ae6689; /*プラムパープル*/
  --realBk: #231f20; /*リアルブラック*/
  --dBrown: #580b0b; /*ダークブラウン*/
  --nBrown: #735440; /*ナチュラルブラウン*/
  --roseB: #8d2b46; /*ローズボルドー*/
  --peachPink: #eb8f7a; /*ピーチピンク*/
  --bo: #c86a46; /*ベイクドオレンジ*/
  --pinkC: #b75a4a; /*ピンクカヌレ*/
  --burgundyB: #be1034; /*バーガンディブラウン*/
  --bf: #b84e3d; /*ブラウニーフィグ*/
  --mg: #387765; /*ミスティグリーン*/
  --ashT: #a18a6b; /*アッシュトープ*/
  --mp: #d55ca2; /*メロウパープル*/
  --mocag: #ac8e79; /*モカグレージュ*/
  --fp: #c06a6a; /*モカグレージュ*/
  --mc: #d65c6b; /*メタリックチェリー*/
  --cm: #bb6676; /*クラッシーモーヴ*/
  --po: #a55c3b; /*パールオランジェ*/
  --oc: #ce754b; /*オレンジショコラ*/
  --sb: #4b3d2a; /*シマーブラック*/
  --ashbe: #9d8669; /*アッシュベージュ*/
  --ma: #b79a77; /*ムーンアッシュ*/
  --gb: #604a3e; /*グレージュブラウン*/
  --lBronze: #b3835b; /*ルミナスブロンズ*/
}
#box_info_item ul.colors li {
}
#box_info_item ul.colors li + li {
  margin-top: 20px;
}
#box_info_item ul.colors li span {
  color: #242222;
}
#box_info_item ul.colors li span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  margin: 0 auto 10px;
}

.blBrown:before {
  background: var(--blBrown);
}

.pBlack:before {
  background: var(--pBlack);
}

.nBrown:before {
  background: var(--nBrown);
}

.lBrown:before {
  background: var(--lBronzerown);
}

.dBrown:before {
  background: var(--dBrown);
}

.sGlay:before {
  background: var(--sGlay);
}

.nBlack:before {
  background: var(--nBlack);
}

.gBrown:before {
  background: var(--gBrown);
}

.wBrown:before {
  background: var(--wBrown);
}

.mBrown:before {
  background: var(--mBrown);
}

.brdBlack:before {
  background: var(--brdBlack);
}

.pBrown:before {
  background: var(--pBrown);
}

.khBlack:before {
  background: var(--khBlack);
}

.mcBrown:before {
  background: var(--mcBrown);
}

.rBlack:before {
  background: var(--rBlack);
}

.kBrown:before {
  background: var(--kBrown);
}

.medBrown:before {
  background: var(--medBrown);
}

.ashBrown:before {
  background: var(--ashBrown);
}

.mBlack:before {
  background: var(--mBlack);
}

.kBlack:before {
  background: var(--kBlack);
}

.bBrown:before {
  background: var(--bBrown);
}

.beBrown:before {
  background: var(--beBrown);
}

.cB:before {
  background: var(--cB);
}
.cB2:before {
  background: var(--cB2);
}

.Ab:before {
  background: var(--Ab);
}

.pinkBrown:before {
  background: var(--pinkBrown);
}
.aO:before {
  background: var(--aO);
}
.copperb::before {
  background: var(--copperb);
}
.dP::before {
  background: var(--dP);
}
.cN::before {
  background: var(--cN);
}
.pP::before {
  background: var(--pP);
}
.realBk::before {
  background: var(--realBk);
}
.dBrown::before {
  background: var(--dBrown);
}
.nBrown::before {
  background: var(--nBrown);
}
.roseB::before {
  background: var(--roseB);
}
.peachPink::before {
  background: var(--peachPink);
}
.bo::before {
  background: var(--bo);
}
.pinkC::before {
  background: var(--pinkC);
}
.burgundyB::before {
  background: var(--burgundyB);
}
.bf::before {
  background: var(--bf);
}
.mg::before {
  background: var(--mg);
}
.ashT::before {
  background: var(--ashT);
}
.mp::before {
  background: var(--mp);
}
.mocag::before {
  background: var(--mocag);
}
.fp::before {
  background: var(--fp);
}
.mc::before {
  background: var(--mc);
}
.cm::before {
  background: var(--cm);
}
.po::before {
  background: var(--po);
}
.oc::before {
  background: var(--oc);
}
.sb::before {
  background: var(--sb);
}
.ashbe::before {
  background: var(--ashbe);
}
.ma::before {
  background: var(--ma);
}
.gb::before {
  background: var(--gb);
}
.lBronze::before {
  background: var(--lBronze);
}

@media screen and (min-width: 769px) {
  #box_info_item ul.colors li span::before {
    width: 50px;
    height: 50px;
  }
  #box_info_item ul.colors li + li {
    margin-top: 0;
  }
}

/*=========PC=========*/
/* @media screen and (min-width: 769px) {
  .colors .icon::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: 0 auto 10px;
  }

  .blBrown:before {
    background: var(--blBrown);
  }

  .pBlack:before {
    background: var(--pBlack);
  }

  .nBrown:before {
    background: var(--nBrown);
  }

  .lBrown:before {
    background: var(--lBrown);
  }

  .dBrown:before {
    background: var(--dBrown);
  }

  .sGlay:before {
    background: var(--sGlay);
  }

  .nBlack:before {
    background: var(--nBlack);
  }

  .gBrown:before {
    background: var(--gBrown);
  }

  .wBrown:before {
    background: var(--wBrown);
  }

  .mBrown:before {
    background: var(--mBrown);
  }

  .brdBlack:before {
    background: var(--brdBlack);
  }

  .pBrown:before {
    background: var(--pBrown);
  }

  .khBlack:before {
    background: var(--khBlack);
  }

  .mcBrown:before {
    background: var(--mcBrown);
  }

  .rBlack:before {
    background: var(--rBlack);
  }

  .kBrown:before {
    background: var(--kBrown);
  }

  .medBrown:before {
    background: var(--medBrown);
  }

  .ashBrown:before {
    background: var(--ashBrown);
  }

  .mBlack:before {
    background: var(--mBlack);
  }

  .kBlack:before {
    background: var(--kBlack);
  }

  .bBrown:before {
    background: var(--bBrown);
  }

  .beBrown:before {
    background: var(--beBrown);
  }

  .cB:before {
    background: var(--cB);
  }
  .cB2:before {
    background: var(--cB2);
  }

  .Ab:before {
    background: var(--Ab);
  }

  .pinkBrown:before {
    background: var(--pinkBrown);
  }
  .aO:before {
    background: var(--aO);
  }
  .copperb::before {
    background: var(--copperb);
  }
  .dP::before {
    background: var(--dP);
  }
  .cN::before {
    background: var(--cN);
  }
  .pP::before {
    background: var(--pP);
  }
  .realBk::before {
    background: var(--realBk);
  }
  .dBrown::before {
    background: var(--dBrown);
  }
  .nBrown::before {
    background: var(--nBrown);
  }
  .roseB::before {
    background: var(--roseB);
  }
  .peachPink::before {
    background: var(--peachPink);
  }
  .bo::before {
    background: var(--bo);
  }
  .pinkC::before {
    background: var(--pinkC);
  }
  .burgundyB::before {
    background: var(--burgundyB);
  }
  .bf::before {
    background: var(--bf);
  }
  .mg::before {
    background: var(--mg);
  }
  .ashT::before {
    background: var(--ashT);
  }
  .mp::before {
    background: var(--mp);
  }
  .mocag::before {
    background: var(--mocag);
  }
  .fp::before {
    background: var(--fp);
  }
  .mc::before {
    background: var(--mc);
  }
  .cm::before {
    background: var(--cm);
  }
  .po::before {
    background: var(--po);
  }
  .oc::before {
    background: var(--po);
  }
} */

/*=========SP=========*/
/* @media screen and (max-width: 768px) {
  .blBrown {
    color: var(--blBrown);
  }

  .pBlack {
    color: var(--pBlack);
  }

  .nBrown {
    color: var(--nBrown);
  }

  .lBrown {
    color: var(--lBrown);
  }

  .dBrown {
    color: var(--dBrown);
  }

  .sGlay {
    color: var(--sGlay);
  }

  .nBlack {
    color: var(--nBlack);
  }

  .gBrown {
    color: var(--gBrown);
  }

  .wBrown {
    color: var(--wBrown);
  }

  .mBrown {
    color: var(--mBrown);
  }

  .brdBlack {
    color: var(--brdBlack);
  }

  .pBrown {
    color: var(--pBrown);
  }

  .khBlack {
    color: var(--khBlack);
  }

  .mcBrown {
    color: var(--mcBrown);
  }

  .rBlack {
    color: var(--rBlack);
  }

  .kBrown {
    color: var(--kBrown);
  }

  .medBrown {
    color: var(--medBrown);
  }

  .ashBrown {
    color: var(--ashBrown);
  }

  .mBlack {
    color: var(--mBlack);
  }

  .kBlack {
    color: var(--kBlack);
  }

  .bBrown {
    color: var(--bBrown);
  }

  .beBrown {
    color: var(--beBrown);
  }

  .cB {
    color: var(--cB);
  }
  .cB2 {
    color: var(--cB2);
  }

  .Ab {
    color: var(--Ab);
  }

  .pinkBrown {
    color: var(--pinkBrown);
  }
  .aO {
    color: var(--aO);
  }
  .copperb {
    color: var(--copperb);
  }
  .dP {
    color: var(--dP);
  }
  .cN {
    color: var(--cN);
  }
  .pP {
    color: var(--pP);
  }
  .realBk {
    color: var(--realBk);
  }
  .dBrown {
    color: var(--dBrown);
  }
  .nBrown {
    color: var(--nBrown);
  }
  .roseB {
    color: var(--roseB);
  }
  .peachPink {
    color: var(--peachPink);
  }
  .bo {
    color: var(--bo);
  }
  .pinkC {
    color: var(--pinkC);
  }
  .burgundyB {
    color: var(--burgundyB);
  }
  .bf {
    color: var(--bf);
  }
  .mg {
    color: var(--mg);
  }
  .ashT {
    color: var(--ashT);
  }
  .mp {
    color: var(--mp);
  }
  .mocag {
    color: var(--mocag);
  }
  .fp {
    color: var(--fp);
  }
  .mc {
    color: var(--mc);
  }
  .cm {
    color: var(--cm);
  }
  .po {
    color: var(--po);
  }
  .oc {
    color: var(--po);
  }
} */

/*==============
movie
==============*/

.movieArea {
  max-width: 650px;
  width: 90%;
  margin: 0 auto 40px;
}
.movieArea .movieBlk {
  position: relative;
}

.movieArea .movieBlk::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.movieArea .movieBlk iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movieArea .movieBlk + .movieBlk {
  margin: 20px auto 0;
}
.movieArea .movieBlk p {
}
.movieArea .movieBlk + p {
  text-align: left;
}

@media screen and (min-width: 769px) {
  .movieArea {
    margin: 60px auto 0;
  }
  .movieArea .movieBlk {
  }
  .movieArea .movieBlk + .movieBlk {
    margin: 20px auto 0;
  }
  .movieArea .movieBlk + p {
    margin: 10px 0 0;
  }
}

.awardBnr {
  width: 90%;
  margin: 0 auto 20px;
}
.awardBnr img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .goodsspec_ .awardBnr {
    display: none;
  }

  .awardBnr {
    margin: 60px auto 0;
    max-width: 720px;
  }
}

@media screen and (max-width: 960px) {
  .spno {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .pcno {
    display: none !important;
  }
}

.featureBlk .campaignTtlBlk {
  margin: 0 auto 80px;
}

#box_info_item .featureBlk .campaignTtlBlk .campaignTtl {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  border: none;
  width: auto;
  font-size: 18px;
  font-weight: 600 !important;
  color: #000;
  margin: 0 auto 0.65em;
}
#box_info_item .featureBlk .campaignTtlBlk p {
  font-size: 0.8rem;
}

.featureBlk .campaignTtlBlk .campaignTtl::before,
.featureBlk .campaignTtlBlk .campaignTtl::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.95em;
  height: 1.8em;
}

.featureBlk .campaignTtlBlk .campaignTtl::before {
  background: url("/images/item/dejavu/common/left.png") no-repeat;
  background-size: cover;
  left: 0;
}

.featureBlk .campaignTtlBlk .campaignTtl::after {
  background: url("/images/item/dejavu/common/right.png") no-repeat;
  background-size: cover;
  right: 0;
}

@media screen and (min-width: 961px) {
  .featureBlk .campaignTtlBlk {
    margin: 50px auto 80px;
  }

  #box_info_item .featureBlk .campaignTtlBlk .campaignTtl {
    font-size: 36px;
    margin: 0 auto 1em;
  }
  #box_info_item .featureBlk .campaignTtlBlk p {
    font-size: 1em;
  }
}

@media screen and (max-width: 768px) {
  #inner_contents {
    position: relative;
  }
  #tobrand {
    top: 4.2em;
  }
  #productSlider_ {
    margin-top: 5em;
  }
}
#box_info_item h2 {
  line-height: 1.4;
}
#box_info_item .detailImg {
  max-width: 520px;
  width: 100%;
  margin: 0 auto 50px;
}
#box_info_item .detailImg img {
  width: 100%;
}

.item_chara dd img {
  width: 100%;
}

.linkLists {
  margin: 40px auto 0;
}
.linkLists li {
}
.linkLists li + li {
  margin: 1em 0 0;
}
.linkLists li a {
  text-decoration: underline;
  color: #d10050;
  line-break: 1.7;
}

.howtoMovie {
  width: 90%;
  margin: 0 auto 60px;
}
.howtoMovie iframe {
  width: min(100%, 650px);
  height: auto;
  aspect-ratio: 16 / 9;
}
.howtoMovie .txtGlp {
}
.howtoMovie .txtGlp .txtObj {
  font-size: 0.9rem;
  text-align: center;
}
.howtoMovie .txtGlp .prdLink {
  margin: 0.5em 0 0;
  display: inline-block;
  padding: 0;
}
.howtoMovie .txtGlp .prdLink a {
  text-decoration: underline;
  color: #d10051;
  font-size: 0.85rem;
}
@media screen and (min-width: 769px) {
  .howtoMovie {
    margin: 0 auto;
  }
  .howtoMovie iframe {
  }
  .howtoMovie .txtGlp {
    margin: 1em 0 0;
  }
  .howtoMovie .txtGlp .txtObj {
  }
  .howtoMovie .txtGlp .prdLink {
  }
}