@charset "UTF-8";

/*-------------------------------------------------------------------------------------------------------------------------------
* base
-------------------------------------------------------------------------------------------------------------------------------*/
main {
  background-color: #e6d282;
}


/*-------------------------------------------------------------------------------------------------------------------------------
* each 
-------------------------------------------------------------------------------------------------------------------------------*/

/* art 
=========================================================== */
.section01 {
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/sec01_bg_3.png) no-repeat center top;
  padding-bottom: 120px;
}

/* sec01-02 */
.sec01-02 {
  position: relative;
}
.sec01-02-btn {
  position: absolute;
  bottom: 23px;
  right: 42px;
}

/* sec01-03 */
.sec01-03 {
  position: relative;
}
.sec01-03-btn {
  position: absolute;
  top: 494px;
  left: 46px;
}

/* cmn-list */
.cmn-list a:hover {
  opacity: 1;
}
.cmn-list-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.cmn-list-wrapper.top::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: -3px;
  left: 0;
  width: 100%;
  height: 7px;
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/pic_line.png) no-repeat center center;
}
.cmn-list-wrapper::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 7px;
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/pic_line.png) no-repeat center center;
}
.cmn-list-wrapper > li {
  position: relative;
  width: 250px;
}
.cmn-list-wrapper > li::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
}
.cmn-list-wrapper > li:nth-child(1):before {
  display: none;
}
.cmn-list-item {
  padding-bottom: 10px;
}
.cmn-list-item .image {
  position: relative;
  padding: 11px;
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/pic_bg.png) no-repeat center center;
}
.cmn-list-item .image::after {
  content: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/pic_icon.png);
  position: absolute;
  z-index: 10;
  bottom: 14px;
  right: 18px;
}


/* artist 
=========================================================== */
.section02 {
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/sec02_bg.png) no-repeat center top;
  padding-bottom: 100px;
}
.image-box {
  padding: 14px;
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/pic_bg_02.png) no-repeat center center;
}

/* image-switch（hover で .over をフェードイン） */
/* grid で .normal / .over を同じセルに重ねる（position 指定と干渉させないため） */
.image-switch {
  display: grid;
}
.image-switch > .normal,
.image-switch > .over {
  grid-area: 1 / 1;
}
.image-switch > .over {
  opacity: 0;
  transition: opacity 0.4s;
}
.image-switch:hover > .over {
  opacity: 1;
}

/* sec02-chef */
.sec02-chef {
  position: relative;
}
.sec02-chef-image-01 {
  position: absolute;
  top: 0;
  right: 0;
}
.sec02-chef-image-02 {
  position: absolute;
  top: 345px;
  right: 23px;
}
.sec02-chef-btn {
  position: absolute;
  bottom: 73px;
  left: 40px;
}

/* sec02-designer */
.sec02-designer {
  position: relative;
}
.sec02-designer-txt {
  text-align: right;
}
.sec02-designer-image-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.sec02-designer-image-02 {
  position: absolute;
  top: 345px;
  left: 23px;
}
.sec02-designer-btn {
  position: absolute;
  bottom: -30px;
  right: 40px;
}

.sec02-list-img-01 {
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
}
.sec02-list-img-02 {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
}


/* start 
=========================================================== */
.section03 {
  padding-bottom: 280px;
  background: url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/sec03_bg_b.png) no-repeat center bottom, url(https://www.jr-takashimaya.co.jp/tw/cp/2026artmeup/assets/img/sec03_bg.png) no-repeat center top;
}
.sec03-btn {
  text-align: center;
}


/* f-cmn
=========================================================== */
/* f-txt */
.f-txt{
  background-color: #96be1e;
  padding: 70px 50px 70px;
  font-size: 24px;
  font-feature-settings: "palt";
  text-align: justify;
}
.f-txt p{
  padding-left: 1em;
  text-indent: -1em
}

/* f-nav */
.f-nav {
  position: sticky;
  bottom: 0;
  left: calc(50% - 375px);
  width: 750px;
  z-index: 100;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}
.f-nav.active {
  transform: translateY(0);
}
.f-nav a:hover {
  opacity: 1;
}
.f-nav ul {
  display: flex;
  flex-wrap: wrap;
  background-color: #773b1d;
}