@charset "utf-8";
/* header */
.header {
  overflow: hidden !important;
  zoom: 1 !important;
  position: relative;
  padding: 0.66em;
  background-color: #ffffff;
}

/* mv */
.mv { position: relative; }
.base { position: relative; }
.gifpic {
  position: absolute;
  right: 5%;
  top: 16%;
  width: 90%;
}
.gifpic.pic01 {
  animation: fade01 3.12s ease 0s infinite;
}

/* animation */
@keyframes fade01 {
  0% { opacity: 1; }
  49% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; }
}

/* sections used in HTML */
.con8 { background-color: #daf9fd; }
.con10 { margin-bottom: 0.66em; }

/*offer_button*/
#oneClickOrderAmazonPaymentsArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#oneClickOrderBox p.subTitle {
    width: 100%;
}
.btn_area {
  position: relative;
}
.btn_box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
.button-box {
  margin: 0 auto;
  text-align: center;
  animation: btn_anm 1.1s infinite;
}
@keyframes btn_anm {
  0% {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}
.button-box a {
  text-decoration: none;
}
.button {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: 0px 5px 14px 1px #858585;
  width: 100%;
}
.style:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 28px);
  left: -10px;
  width: 63px;
  height: 69px;
  background: transparent url("https://production.static.squadbeyond.com/uploads/article_photo/photo/358098/da72fbfc-3bee-44a9-84d7-fcbc06f6b753.png") 0 0 no-repeat;
  background-size: 100% auto;
  animation: arrowleft 1s;
  animation-iteration-count: infinite;
}
@keyframes arrowleft {

  0% {
    left: -0.7em;
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    left: 0;
    opacity: 0;
  }
}
.button span {
  /* padding: 15px 0; */
  display: block;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.06em;
  white-space: nowrap;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.title {
  font-size: 38px;
  padding-bottom: 20px;
}
.copy {
  font-size: 20px;
  font-weight: normal !important;
}
.button.button-color-green {
  background: linear-gradient(to bottom, #49ac00 0%, #79c733 55%, #49ac00 50%, #49ac00 100%);
}
.button.button-color-red {
  background: linear-gradient(to bottom, #c30009 0%, #d7333c 55%, #c30009 50%, #c30009 100%);
}
.button.button-color-orange {
  background: linear-gradient(to bottom, #ff5e00 0%, #ff8b33 55%, #ff5e00 50%, #ff5e00 100%);
}

@media (max-width:600px) {
  .btn_box {width: 80%;}
  .button span {white-space: normal;}
  .title {font-size: 23px; padding-bottom: 15px;}
  .copy {font-size: 16px;}
  .button {padding: 15px 15px}
  .style:before {width: 43px; height: 49px; top: calc(50% - 20px);}
}

/*----------------------------------*/

a:link,
a:visited {
  color: #333333;
}

a:hover,
a:focus,
a:active {
  color: #dd7d32;
}

img {
  width: 100%;
  vertical-align: bottom;
}

sup {
  font-size: 50%;
  vertical-align: top;
}

sub {
  font-size: 50%;
  vertical-align: baseline;
}

.t16 {
  font-size: 53.33%;
}

.t18 {
  font-size: 60%;
}

.t20 {
  font-size: 66.66%;
}

.t24 {
  font-size: 80%;
}

.t26 {
  font-size: 86.66%;
}

.t28 {
  font-size: 93.33%;
}

.t30 {
  font-size: 100%;
}

.t32 {
  font-size: 106.66%;
}

.t34 {
  font-size: 113.33%;
}

.t36 {
  font-size: 120%;
}

.t38 {
  font-size: 126.66%;
}

.t40 {
  font-size: 133.33%;
}

.t42 {
  font-size: 140%;
}

.t44 {
  font-size: 146.66%;
}

.t46 {
  font-size: 153.33%;
}

.t48 {
  font-size: 160%;
}

.t50 {
  font-size: 166.66%;
}

.t52 {
  font-size: 173.33%;
}

.t54 {
  font-size: 180%;
}

.t56 {
  font-size: 186.66%;
}

.t58 {
  font-size: 183.33%;
}

.t60 {
  font-size: 200%;
}

.t62 {
  font-size: 206.66%;
}

.t64 {
  font-size: 213.33%;
}

.marker {
  background: #ffff7f;
  background: -moz-linear-gradient(
    top,
    white 9%,
    white 9%,
    #ffff7f 10%,
    #ffff7f 90%,
    white 91%
  );
  background: -webkit-linear-gradient(
    top,
    white 9%,
    white 9%,
    #ffff7f 10%,
    #ffff7f 90%,
    white 91%
  );
  background: linear-gradient(
    to bottom,
    #ffffff 9%,
    #ffffff 9%,
    #ffff7f 10%,
    #ffff7f 90%,
    #ffffff 91%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

@media screen and (min-width: 768px) {
  .lp-wrapper {
    margin: 0 auto;
    width: 750px;
  }
}
.header {
  overflow: hidden !important;
  zoom: 1 !important;
  position: relative;
  /*padding: 0.66em;*/
  padding: 10px 10px 0;
  background-color: #ffffff;
}
.header .logo,
.header .tel,
.header .mail {
  float: left;
}
.header .logo {
  width: 28.16%;
  margin-top: 0;
  margin-bottom: 0;
}
.header .tel {
  width: 39.44%;
}
.header .mail {
  width: 32.4%;
}

.mv {
  position: relative;
}

.mv .att p {
  line-height: 1.2;
  text-shadow: 0 0 1em white, 0 0 1em white, 0 0 1em white, 0 0 1em white;
}

.att {
  padding: 3%;
}

.btn1 {
  padding: 3%;
}

.present {
  text-align: center;
  margin-bottom: 3%;
}

.base {
  position: relative;
}
.gifpic {
  position: absolute;
  right: 5%;
  top: 16%;
  width: 90%;
}

.con1 .con1_1 {
  background: url("../images/con1_bg01.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con1 .con1_1 .txt {
  padding: 0.86em 1.6em 2em 2em;
}
.con1 .con1_1 .txt p {
  color: #ffffff;
  line-height: 1.52;
}
.con1 ul {
  margin: 0.66em 0.66em 0.5em;
  border: solid 0.26em #333333;
}

.con2 .voice {
  background: url("../images/con2_bg01.png") repeat-y 0 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.con2 .voice .txt {
  padding: 0.3em 1.6em;
  line-height: 1.4;
}
.con2 .foot {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.con2 .foot.foot1 {
  height: 3.2em;
  padding: 1.2em 0.66em 0 4.73em;
  background: url("../images/con2_bg02.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con2 .foot.foot2 {
  height: 5.9em;
  margin-top: -1em;
  padding: 2.73em 0.66em 0 3.5em;
  background: url("../images/con2_bg03.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con2 .foot p {
  text-shadow: 2px 0 0 white, 2px 2px 0 white, 0 2px 0 white, -2px 2px 0 white,
    -2px 0 0 white, -2px -2px 0 white, 0 -2px 0 white, 2px -2px 0 white;
}

.con3 .box {
  margin: 0 0.66em 0.66em;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}
.con3 .box.intro {
  margin-bottom: 1em;
}
.con3 .box.intro .txt {
  padding-bottom: 0.5em;
}
.con3 .box .txt {
  padding: 0.3em 1em 1em;
  color: #37312f;
  line-height: 1.26;
}
.con3 .box .txt.att {
  color: #666666;
  line-height: 1.35;
}
.con3 .con3_1 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/con3_bg01.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_2 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/con3_bg02.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_3 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/con3_bg03.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_4 {
  position: relative;
}
.con3 .con3_4 .txt {
  position: absolute;
  top: 12em;
  left: 0;
  margin: 0 1em;
  line-height: 1.4;
  text-shadow: 0 0 1em white, 0 0 1em white, 0 0 1em white, 0 0 1em white;
}
.con3 .con3_5 .txt {
  padding: 0.3em 1.33em 1em;
  color: #37312f;
  line-height: 1.3;
}

.con4 .box {
  margin-bottom: 0.66em;
  background-color: #e1f1f4;
}
.con4 .box .txt {
  padding: 0.3em 0.66em 0.66em;
  color: #37312f;
  line-height: 1.3;
}
.con4 .att {
  padding: 0.3em 0.66em 0.66em;
  color: #37312f;
  line-height: 1.3;
}

.con5 {
  background: url("../images/con5_bg01.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.con6 {
  overflow: hidden !important;
  zoom: 1 !important;
  background-color: #ffe5d6;
}
.con6 .txt {
  margin: 0.3em 0.66em 1em;
  color: #37312f;
  line-height: 1.3;
}
.con6 .txt p {
  margin-bottom: 0.2em;
}

.con8 {
  background-color: #daf9fd;
}

.con10 {
  margin-bottom: 0.66em;
}

.again h2 {
  margin-bottom: 0.3em;
}
.again ul {
  overflow: hidden !important;
  zoom: 1 !important;
  margin: 0 0.33em 0.86em;
}
.again ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 0.33em;
  padding: 0 0.33em;
}

.footer {
  color: #333333;
}
.footer .nav {
  margin-bottom: 2em;
  padding: 1.33em;
  border-top: solid 1px #7e685e;
  border-bottom: solid 1px #7e685e;
  text-align: center;
}
.footer .nav li {
  display: inline-block;
}
.footer .nav li + li:before {
  content: "|";
  display: inline-block;
  margin: 0 0.2em;
}
.footer .company {
  margin-bottom: 1em;
}
.footer .company p {
  text-align: center;
  line-height: 1.75;
}
.footer .copyright {
  margin-bottom: 2em;
}
.footer .copyright p {
  text-align: center;
}
.letter {
  padding: 17px 0px 32px;
}
.scrollBnr {
  display: none;
  margin: 0 auto;
  position: relative;
}
.scrollBnr-cnt {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  opacity: 1;
  transform: perspective(1px) translateZ(0);
  transition-property: all;
  transition-duration: 0.3s;
}
.scrollBnr-wrap {
  display: flex;
}
.scrollBnr-close {
  position: absolute;
  right: 10px;
  top: -32px;
}
.scrollBnr-close a {
  background: #ccc;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
}
.scrollBnr-close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.scrollBnr-close a i {
  font-size: 20px;
  z-index: 888;
  color: #222;
}