@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 961px) {
  .pcNone {
    display: none;
  }
  .spNone {
    display: inherit;
  }
}
@media screen and (max-width: 960px) {
  .pcNone {
    display: inherit;
  }
  .spNone {
    display: none;
  }
}
/*------------------------------
header
------------------------------*/
header {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
}
header .header {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
header h1 {}
@media screen and (max-width:960px) {
  header {
    width: 100%;
  }
}
/*------------------------------
#container
------------------------------*/
#container {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
}
.content {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
@media screen and (max-width:960px) {
  #container {
    width: 100%;
  }
}
/*------------------------------
#ofa
------------------------------*/
#ofa01, #ofa02, #ofa03 {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
}
#ofa01 .ofa01, #ofa02 .ofa02, #ofa03 .ofa03 {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
}
#ofa01 h2, #ofa01 h3, #ofa02 h2, #ofa02 h3, #ofa03 h2, #ofa03 h3 {
  display: none;
}
#ofa01 .ofa01 .btn01, #ofa02 .ofa02 .btn01, #ofa03 .ofa03 .btn01 {
  margin: auto;
  width: 90%;
  position: absolute;
  right: 0;
  left: 0;
  top: 48%;
}
#ofa01 .ofa01 .btn02, #ofa02 .ofa02 .btn02, #ofa03 .ofa03 .btn02 {
  margin: auto;
  width: 90%;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 24%;
}
#ofa01 .ofa01 .btn03, #ofa02 .ofa02 .btn03, #ofa03 .ofa03 .btn03 {
  width: 44%;
  position: absolute;
  right: 7.5%;
  bottom: 2.3%;
}
#ofa01 .ofa01 .bin, #ofa02 .ofa02 .bin, #ofa03 .ofa03 .bin {
  width: 13.5%;
  position: absolute;
  right: 4%;
  bottom: 1.7%;
}
@media screen and (max-width:960px) {
  #ofa01, #ofa02, #ofa03 {
    width: 100%;
  }
}
.btn_anime {
  animation: btn_anime 2s infinite;
}
@keyframes btn_anime {
  0% {
    transform: translate(2px, 0px);
  }
  5% {
    transform: translate(-2px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  15% {
    transform: translate(-2px, 0px);
  }
  20% {
    transform: translate(2px, 0px);
  }
  25% {
    transform: translate(-2px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
/*購入ボタン用*/
#ofa01 .form-group, #ofa01 select, #ofa02 .form-group, #ofa02 select, #ofa03 .form-group, #ofa03 select {
  display: none;
}
#ofa01 button, #ofa02 button, #ofa03 button {
  padding: 0;
  margin: 0 auto;
  border: none;
  font-size: 0;
  background-color: inherit;
}
/*------------------------------
#lp_form
------------------------------*/
#lp_form {
  text-align: center;
  margin: 5% auto 0;
  padding: 0;
  max-width: 1200px;
}
#lp_form .lp_form {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#lp_form h2, #lp_form h3 {
  display: none;
}
#lp_form .attention {
  text-align: center;
  margin: 0 auto 5%;
  color: #ca0000;
  font-weight: bold;
}
@media screen and (max-width:960px) {
  #lp_form {
    width: 100%;
  }
}
/*アマペイボタン位置調整*/
.amazonpay-button-inner-image {
  text-align: center;
  margin: auto;
}
/*------------------------------
#details
------------------------------*/
#details {
  text-align: center;
  margin: 5% auto;
  padding: 0;
  max-width: 1200px;
}
#details .details {
  text-align: center;
  margin: 0 auto 3%;
  padding: 0;
  width: 100%;
}
#details h2, #details h3 {
  display: none;
}
#details table {
  width: 100%;
  border-collapse: collapse;
}
#details table tr {
  border-bottom: solid 1px white;
}
#details table tr:last-child {
  border-bottom: none;
}
#details table th {
  position: relative;
  text-align: left;
  padding: 1.5% 3%;
  width: 22%;
  background-color: #00978b;
  color: white;
}
#details table th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #00978b;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#details table td {
  text-align: left;
  padding: 1.5% 3% 1.5% 4%;
  width: 78%;
  background-color: #efefef;
}
@media screen and (max-width:960px) {
  #details {
    width: 90%;
  }
  #details table th {
    width: 35%;
  }
  #details table td {
    width: 65%;
  }
}
/*お客様サポート*/
#details .details02 {
  text-align: left;
  margin: 0 auto;
  padding: 3% 3%;
  width: 100%;
  border: 8px solid #efefef;
}
#details .details02 .txt01 {
  margin: 0 auto 3%;
}
#details .details02 .txt02 {
  margin: 0 auto 2%;
  font-weight: bold;
}
/*------------------------------
#footer
------------------------------*/
footer {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  color: #fff;
  position: relative;
}
footer .footer {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
}
footer h2, footer h3 {
  display: none;
}
footer .logo {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 20%;
}
footer ul {
  margin: 3% auto;
  font-size: 1.2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
footer li {}
footer .copy {
  font-size: 1.2rem;
}
footer li:after {
  content: ' ｜ ';
}
footer li:last-child:after {
  content: '';
}
footer a:link, footer a:visited {
  color: #fff;
  text-decoration: none;
}
footer a:hover, footer a:active {
  color: #aea18b;
}
@media screen and (max-width:960px) {
  footer {
    width: 100%;
  }
  footer .logo {
    width: 45%;
  }
}