@charset "utf-8";
/* CSS Document */

/* 基本
------------------------------------------------------*/
body {
  /* font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
}
ol, ul {
	list-style: none;
}

img {
	vertical-align: top;
}
a {
  outline: none;
}

.page-container blockquote:empty {
  display: none;
}

.wrap_lp {
	max-width: 1440px;
    width: 100%;
	margin: 0 auto;
}
.wrap_lp * {
    margin: 0;
    padding: 0;
}
.wrap_lp li {
  list-style:none;
}
.wrap_lp img {
	width: 100%;
	height: auto;
}

.wrap_lp a:hover,
.acbtn:hover {
  transition: 0.7s;
  opacity:0.7;
}

.wrap_btn {
  position: relative;
}

.wrap_btn_lineup {
  position: relative;
  display: flex;
  justify-content: center;
}
.wrap_btn_lineup .btn_lineup {
  position: absolute;
  width: calc((371/1440)*100%);
  bottom: 12%;
}

.wrap_btn .btn {
position: absolute;
display: block;
}
.wrap_btn .btn_n0 {
width: calc((248/1440)*100%);
right: 12%;
bottom: 30%;
}
.wrap_btn .btn_n5 {
width: calc((358/1440)*100%);
bottom: 12%;
right: 17%;
}
.wrap_btn .btn_n4 {
width: calc((272/1440)*100%);
bottom: 14%;
left: 8%;
}
.wrap_btn .btn_n3 {
width: calc((272/1440)*100%);
bottom: 14%;
left: 32%;
}
.wrap_btn .btn_n2 {
width: calc((272/1440)*100%);
bottom: 14%;
left: 54%;
}
.wrap_btn .btn_n1 {
width: calc((237/1440)*100%);
bottom: 14%;
left: 78.2%;
}

.wrap_btn_bottom .btn {
bottom: 16%;
}


.icon{
  margin:0 auto;
  max-width:1440px;
  font-family: "Roboto";
  display:flex;
  align-items: center;
  justify-content: center;
  left:10%;
  gap:5%;
  padding:5% 0;
}

.icon li a{
  text-decoration: none;
  color:#232323;
  font-size:3vw;
  font-weight:500;
}

.icon img{
width:100%;
display: block;
margin: 0 auto;
}

/**
@media screen and (min-width: 750px) {
  .icon li a{
    font-size:20px;
  }
}
**/

/**debug**/
.testmode hr {
  display: block;;
  border-top: 10px dashed darkorange;
  height: 1px;
  background: #000;
  margin: 0;
  width: 99.5vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.testmode div {
  outline: 2px dashed deeppink;
}
.testmode img {
  outline: 1px dashed blue;
}

/**SP**/
@media screen and (max-width: 767px) {

  body.test img {
    outline: 10px solid orangered;
  }

  .wrap_btn {
    display: flex;
    justify-content: center;
  }

.wrap_btn .btn_n0 {
width: calc((625/750)*100%);
right: unset;
bottom: 24%;
}
.wrap_btn .btn_n5 {
width: calc((556/750)*100%);
bottom: 8%;
right: unset;
}
.wrap_btn .btn_n4 {
width: calc((556/750)*100%);
bottom: 10%;
left: unset;
}
.wrap_btn .btn_n3 {
width: calc((272/750)*100%);
bottom: 11%;
left: 11%;
}
.wrap_btn .btn_n2 {
width: calc((272/750)*100%);
bottom: 11%;
left: 54%;
}
.wrap_btn .btn_n1 {
width: calc((272/750)*100%);
bottom: 36%;
left: 54%;
}

  .wrap_btn_lineup .btn_lineup {
    width: calc((582/750)*100%);
    bottom: 11%;
  }

  .wrap_btn .btn_buy01 {
    bottom: 10%;
    right: unset;
  }



  .icon{
    padding:5% 5%;
    margin-bottom: 5%;
  }

}/**@end**/