@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%);
  top: 44%;
}

.wrap_btn .btn {
position: absolute;
display: block;
}
.wrap_btn .btn_n0 {
width: calc((465/1440)*100%);
right: 1%;
bottom: 37%;
}
.wrap_btn .btn_n5 {
width: calc((374/1440)*100%);
top: 25%;
right: 16%;
}
.wrap_btn .btn_n4 {
width: calc((293/1440)*100%);
bottom: 8%;
left: 7.5%;
}
.wrap_btn .btn_n3 {
width: calc((293/1440)*100%);
bottom: 8%;
left: 31.5%;
}
.wrap_btn .btn_n2 {
width: calc((293/1440)*100%);
bottom: 8%;
left: 54%;
}
.wrap_btn .btn_n1 {
width: calc((237/1440)*100%);
bottom: 9%;
left: 78%;
}

.wrap_btn_bottom .btn {
bottom: 9.5%;
}
.wrap_btn_bottom .btn_n1 {
bottom: 10.5%;
}

.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((657/750)*100%);
right: unset;
bottom: 7%;
}
.wrap_btn .btn_n5 {
width: calc((583/750)*100%);
top: unset;
bottom: 6%;
right: unset;
}
.wrap_btn .btn_n4 {
width: calc((583/750)*100%);
top: unset;
bottom: 7%;
left: unset;
}
.wrap_btn .btn_n3 {
width: calc((295/750)*100%);
bottom: 10%;
left: 10%;
}
.wrap_btn .btn_n2 {
width: calc((295/750)*100%);
bottom: 10%;
left: 53%;
}
.wrap_btn .btn_n1 {
width: calc((263/750)*100%);
bottom: 36%;
left: 54%;
}

  .wrap_btn_lineup .btn_lineup {
    width: calc((558/750)*100%);
    bottom:unset;
    top: 46%;
  }

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



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

}/**@end**/