@charset "utf-8";

/* PC：style_pc.css
 * ************************************************** */

/* notes */
#content ul.notes {
  letter-spacing: -0.02em;
  line-height: 1.3;
  list-style: none;
}

#content ul.notes li {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

/* button */
#content .button {
  margin: 50px auto 0;
  text-align: center;
  width: 300px;
}

#content .button a {
  background: #000000;
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  position: relative;
}

#content .button a:after {
  content: '>>';
  font-size: 1.1em;
  margin: 0 0 0 5px;
  vertical-align: 0.05em;
}

/* mainvisual */
#content .mainvisual {}


/* platinum */
#content .platinum {
  background: #000000;
  color: #ffffff;
  padding: 134px 0 126px;
  padding: 8.9% 0 8.4%;
}

#content .platinum .inner {
  max-width: 892px;
  width: 59.46%
}

#content .platinum ul.notes {
  margin: 30px auto 0;
  width: 700px;
  text-align: justify;
  letter-spacing: normal;
}

/* campaign */
#content .campaign {
  background: url(../images/bg_campaign.jpg) no-repeat center center;
  background-size: cover;
  margin: 100px 0 0 0;
  margin: 6.66% 0 0 0;
  padding: 60px 0;
  padding: 4% 0;
}

#content .campaign .inner {
  max-width: 700px;
  width: 46.66%;
}

#content .campaign ul.notes {
  margin: 20px 0 0 0;
}

/* entry */
#content .entry {
  margin: 50px 0 0 0;
  margin: 3.33% 0 0 0;
  text-align: center;
}

#content .entry h2 {
  font-size: 30px;
}

#content .entry h2 br {
  display: none;
}

#content .storeList {
  margin: 40px 0 0 0;
  margin: 2.67% 0 0 0;
  overflow: hidden;
}

#content .storeList .item {
  background: #efefef;
  float: left;
  padding: 1.4% 0;
  width: 25%;
}

#content .storeList .item:nth-child(-n + 4):nth-child(even),
#content .storeList .item:nth-child(n + 5):nth-child(odd) {
  background: #dcdddd;
}

/*test*/
#content .storeList.test .item {
  background: #efefef;
  float: left;
  padding: 1.4% 0;
  width: 33.333333333%;
}

#content .storeList.test .item:nth-child(even) {
  background: #efefef;
}

#content .storeList.test .item:nth-child(odd) {
  background: #dcdddd;
}




#content .storeList .item img {
  width: 80%;
}

#content .storeList .item h3 {
  background: none;
  font-size: 20px;
  font-size: 1.33vw;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin: 12px 0 0 0;
  text-align: center;
  width: 100%;
}

#content .storeList .item h3 span {
  color: #d70051;
  display: block;
  font-size: 16px;
  font-size: 1.06vw;
  font-weight: normal;
  min-height: 35px;
  letter-spacing: -0.08em;
  line-height: 1.3;
  margin: 0 0 8px 0;
  padding: 0.8em 0 0 0;
}

#content .storeList .item.minatomirai h3 span {
  font-size: 15px;
  font-size: 1vw;
  padding-top: 0;
}

#content .storeList .item p {
  border-top: 1px solid #c9caca;
  font-size: 13px;
  font-size: 0.86vw;
  letter-spacing: -0.05em;
  line-height: 1.5;
  margin: 10px auto 0;
  padding: 15px 0 0 0;
  text-align: left;
  width: 80%;
}

#content .storeList .item p+p {
  margin-top: 6px;
}

@media screen and (min-width: 1501px) {
  #content .storeList .item h3 {
    font-size: 20px;
  }

  #content .storeList .item h3 span {
    font-size: 16px;
  }

  #content .storeList .item.minatomirai h3 span {
    font-size: 15px;
  }

  #content .storeList .item p {
    font-size: 13px;
  }
}

#content .storeList .item p+p {
  border-top: none;
  padding-top: 0;
}

#content .storeList .item .button {
  margin-top: 25px;
  width: 80%;
}

#content .storeList .item .button a {
  height: 34px;
  line-height: 32px;
}

/* scene */
#content .scene {
  /* margin: 110px 0 0 0;
	margin: 7.3% 0 0 0; */
}

#content .scene .copy {
  background: url(../images/bg_scene.jpg) no-repeat center center;
  background-size: 100%;
  padding-top: 32.5%;
  position: relative;
  text-align: center;
}

#content .scene .copy p {
  color: #ffffff;
  font-size: 27px;
  letter-spacing: 0.1em;
  line-height: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

#content .scene .sceneImg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 50.4%;
  position: relative;
}

#content .scene .hibiya .sceneImg {
  background-image: url(../images/bg_scene_hibiya.jpg);
}

#content .scene .kichijoji .sceneImg {
  background-image: url(../images/bg_scene_kichijoji.jpg);
}

#content .scene .azabujuban .sceneImg {
  background-image: url(../images/bg_scene_azabujuban.jpg);
}

#content .scene .sceneImg .text {
  color: #ffffff;
  position: absolute;
  top: 184px;
  left: 0;
  top: 24.46%;
  width: 100%;
}

#content .scene .kichijoji .sceneImg .text {
  right: 0;
  left: auto;
  /* width: 822px; */
  width: 54.8%;
}

#content .scene .hibiya .sceneImg h2 {
  /* width: 934px; */
  width: 62.27%;
}

#content .scene .kichijoji .sceneImg h2 {
  width: 100%;
}

#content .scene .azabujuban .sceneImg h2 {
  /* width: 912px; */
  width: 60.8%;
}

#content .scene .sceneImg h2 img {
  width: 100%;
}

#content .scene .sceneImg h3 {
  font-size: 45px;
  font-size: 2.5vw;
  margin: 45px 0 0 0;
  padding: 0 0 0 160px;
  padding: 0 0 0 10.6%;
}

#content .scene .sceneImg p {
  font-size: 24px;
  font-size: 1.34vw;
  line-height: 1.5;
  margin: 5px 0 0 0;
  padding: 0 0 0 160px;
  padding: 0 0 0 10.6%;
}

#content .scene .kichijoji .sceneImg h3,
#content .scene .kichijoji .sceneImg p {
  padding-left: 0;
}

@media screen and (max-width: 1200px) {
  #content .scene .sceneImg h3 {
    font-size: 30px;
  }

  #content .scene .sceneImg p {
    font-size: 16px;
  }
}

#content .scene .recommend {
  background: #f2d0ae;
  padding: 70px 0 205px;
  padding: 4.6% 0 13.6%;
}

#content .scene .recommend .inner {
  width: 1200px;
}

#content .scene .recommend h3 {
  position: relative;
  text-align: center;
}

#content .scene .recommend h3 span {
  background: #f2d0ae;
  display: inline-block;
  padding: 0 18px;
  position: relative;
  z-index: 1;
}

#content .scene .recommend h3:after {
  border-top: 2px solid #000000;
  content: '';
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #content .scene .recommend .inner {
    width: 80%;
  }

  #content .scene .recommend h3 img {
    height: 36px;
  }

  #content .scene .recommend h3:after {
    top: 14px;
  }
}

#content .scene .recommend ul {
  overflow: hidden;
}

#content .scene .recommend ul li {
  float: left;
  margin: 30px 0 0 0;
  width: 48.33%;
}

#content .scene .recommend ul li:nth-child(even) {
  float: right;
}

/* all */
#content .all {
  background: #000000;
  padding: 100px 0 80px;
  padding: 6.6% 0 5.3%;
}

#content .all h2 {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
}

#content .all h2 br {
  display: none;
}

#content .all .button {
  margin-top: 35px;
}

#content .all .button a {
  background: #ffffff;
  color: #000000;
}

/* network */
#content .network {
  background: #000000;
  border-top: 1px solid #ffffff;
  padding: 75px 0 80px;
  padding: 5% 0 5.3%;
  text-align: center;
}

#content .network h2 {
  margin: 0 0 35px 0;
}