@charset "UTF-8";
/*---------------------
セクション名
----------------------*/


.top .contents .btn01 {
    position: absolute;
    margin: -300px 0 0 50px;
}

.top .contents .btn02 {
  position: absolute;
  margin: -300px 0 0 275px;
}

.top .contents .btn03 {
  position: absolute;
  margin: -300px 0 0 500px;
}



.top .contents .btn04 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -230px 0 0;
}

.top .contents .btn05 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -240px 0 0;
}



.readmore_wrapper {
  position: relative;
}
.readmore_wrapper a {
  position: relative;
}
.readmore_wrapper label {
  position: absolute;
  display: block;
  left: 200px;
  width: 332px;
  height: 84px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  z-index: 1;
}
.readmore_wrapper input[type="checkbox"] ~ label {
  background-image: url("https://www.jr-takashimaya.co.jp/cn/en/cp/7f_cosme/assets/img/top/open.png");
  bottom: 10px;
}
.readmore_wrapper input[type="checkbox"]:checked ~ label {
  background-image: url("https://www.jr-takashimaya.co.jp/cn/en/cp/7f_cosme/assets/img/top/close.png");
  bottom: 20px;
  left: 290px;
  width: 170px;
  height: 50px;
}
.readmore_wrapper input[type="checkbox"] {
  display: none;
}
.readmore_wrapper .readmore_content {
  position: relative;
  height: 470px;
  overflow: hidden;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content {
  height: auto;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content .url01 {
  display: block;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content .url02 {
  display: block;
}
.readmore_wrapper input[type="checkbox"] ~ .readmore_content .url01 {
  position: absolute;
  bottom: 190px;
  left: 50px;
  width: 650px;
  height: 71px;
  display: none;
}
.readmore_wrapper input[type="checkbox"] ~ .readmore_content .url02 {
  position: absolute;
  bottom: 100px;
  left: 50px;
  width: 650px;
  height: 71px;
  display: none;
}