@charset "UTF-8";
/*----------------------------------------
	General
----------------------------------------*/
p {
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 160%; }

li {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  list-style: none;
  font-weight: bold; }

.img-r {
  margin: 0 0 20px 20px;
  float: right; }

.img-l {
  margin: 0 20px 20px 0;
  float: left; }

.of-h {
  width: 100%;
  overflow: hidden; }

#product .timer {
  margin: 0 auto 30px;
  padding: 20px 0;
  width: 700px;
  text-align: center;
  background: rgba(237, 15, 15, 0.8); }
#product .timer p {
  margin-bottom: 5px !important;
  font-size: 32px;
  font-size: 3.2rem;
  color: #FFF;
  font-weight: bold;
  line-height: 200%; }
#product .timer a {
  margin: 2% auto 0;
  padding: 2%;
  width: 90%;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  background: #fff;
  display: block;
  transition: all .3s ease;
  border-radius: 10px;
}
#product .timer a:hover {
  color: #fff;
  background: #000;
}

/*----------------------------------------
	#global-header
----------------------------------------*/

#global-header-top {
  padding: 5% 0;
  width: 100%;
  text-align: center;
  background: #cc0974;
}
#global-header-top .timer {
  margin: 0 auto;
  width: 100%;
  background: none;
}
#global-header-top p {
  margin-bottom: 0 !important;
  font-size: 18px;
  font-size: 4.8vw;
  color: #fff;
  font-weight: bold;
  line-height: 160%;
}
#global-header-top a {
  margin: 2% auto 0;
  padding: 2%;
  width: 90%;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  background: #fff;
  display: block;
  transition: all .3s ease;
  border-radius: 10px;
}
#global-header-top a:hover {
  color: #fff;
  background: #000;
}
#global-header-top br {
  display: block;
}
#global-header-top span {
  margin-top: 1%;
  padding: 1% 3%;
  font-size: 18px;
  font-size: 4.8vw;
  text-shadow: 1px 1px 0px #000;
  background: #ef2617;
  background: linear-gradient(to right, #ef2617 0%, #fcc605 100%);
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0 0 5px #000;
}

/*----------------------------------------
	#card
----------------------------------------*/
#card-vm dt {
  padding: 10px 0;
  background: #0079ad;
  text-align: center; }
#card-vm dd {
  margin-bottom: 30px;
  padding: 40px 40px 30px;
  border-right: 10px solid #0079ad;
  border-bottom: 10px solid #0079ad;
  border-left: 10px solid #0079ad; }

#card-ja dt {
  padding: 10px 0;
  background: #008527;
  text-align: center; }
#card-ja dd {
  margin-bottom: 30px;
  padding: 40px 40px 30px;
  border-right: 10px solid #008527;
  border-bottom: 10px solid #008527;
  border-left: 10px solid #008527; }

/*----------------------------------------
    #data
----------------------------------------*/
#data {
  padding: 20px 0;
  background: #fff; }
  #data h1 {
    text-align: left;
    margin-bottom: 10px; }

.forex-type {
  margin: 0 auto;
  width: 800px; }

.table {
  margin-bottom: 50px;
  overflow: hidden;
  border-left: 1px solid #333; }
  .table .table-l, .table .table-m, .table .table-r {
    width: 33.2%;
    float: left;
    overflow: hidden; }
  .table ul {
    text-align: center;
    float: left; }
  .table li {
    margin: 0;
    padding: 8px 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .table .th {
    background: #333;
    color: #fff; }
  .table .start {
    width: 40%; }
    .table .start .th {
      border-right: 1px solid #fff; }
  .table .end {
    width: 40%; }
    .table .end .th {
      border-right: 1px solid #fff; }
  .table .benefit {
    width: 20%; }
    .table .benefit .th {
      border-right: 1px solid #fff; }
  .table .table-r .benefit .th {
    border-right: 1px solid #333; }

#resultData {
  margin: 0 auto 50px;
  width: 980px;
  height: 500px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  #resultData iframe {
    margin: 0 auto;
    width: 980px;
    height: 500px;
    box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99);
    -moz-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99);
    -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99); }

/*----------------------------------------
	#global-footer
----------------------------------------*/
#global-footer {
  padding: 10px 0;
  overflow: hidden;
  background: #333; }
  #global-footer .inner {
    margin: 0 auto;
    width: 900px; }
  #global-footer p {
    margin-bottom: 0;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    float: left; }

#global-footer-navi {
  padding-right: 10px;
  overflow: hidden;
  border-right: 1px solid #fff;
  float: right; }
  #global-footer-navi li {
    margin: 0 0 0 10px;
    padding-left: 10px;
    font-size: 10px;
    font-size: 1rem;
    list-style: none;
    border-left: 1px solid #fff;
    float: left; }
    #global-footer-navi li a {
      color: #fff; }

/*----------------------------------------
	btn
----------------------------------------*/
.btn-green {
  margin: 0 auto;
  padding: 40px 0;
  width: 680px; }
  .btn-green a {
    margin: 0 auto;
    padding: 20px;
    display: block;
    background-color: #1ca800;
    *zoom: 1;
    letter-spacing: -5px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1CA800', endColorstr='#FF0B8E14');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ca800), color-stop(100%, #0b8e14));
    background-image: -moz-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
    width: 90%;
    text-align: center;
    color: #fff !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 60px;
    font-size: 6rem;
    box-shadow: 0 12px 0 #176802;
    line-height: 1.4;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-green a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-green a span {
      font-weight: bold;
      color: #fff !important; }

.btn-red {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px;
  color: #fff; }
  .btn-red a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #ff3333;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffff3333', endColorstr='#ffc62c2c');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3333), color-stop(100%, #c62c2c));
    background-image: -moz-linear-gradient(top, #ff3333 0%, #c62c2c 100%);
    background-image: -webkit-linear-gradient(top, #ff3333 0%, #c62c2c 100%);
    background-image: linear-gradient(to bottom, #ff3333 0%, #c62c2c 100%);
    width: 90%;
    text-align: center;
    color: #fff !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 42px;
    font-size: 4.2rem;
    box-shadow: 0 12px 0 #7f1c1c;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-red a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-red a span {
      font-weight: bold;
      color: #fff !important; }
    .btn-red a .small {
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: normal;
      color: #fff !important; }

.btn-blue {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px;
  color: #fff !important; }
  .btn-blue a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #0000ff;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ff0000ff', endColorstr='#ff0000ce');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0000ff), color-stop(100%, #0000ce));
    background-image: -moz-linear-gradient(top, #0000ff 0%, #0000ce 100%);
    background-image: -webkit-linear-gradient(top, #0000ff 0%, #0000ce 100%);
    background-image: linear-gradient(to bottom, #0000ff 0%, #0000ce 100%);
    width: 90%;
    text-align: center;
    color: #fff !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 42px;
    font-size: 4.2rem;
    box-shadow: 0 12px 0 #000070;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-blue a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-blue a span {
      font-weight: bold;
      color: #fff !important; }
    .btn-blue a .small {
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: normal;
      color: #fff !important; }

.btn-green2 {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px;
  color: #fff !important; }
  .btn-green2 a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #1ca800;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1CA800', endColorstr='#FF0B8E14');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ca800), color-stop(100%, #0b8e14));
    background-image: -moz-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
    width: 90%;
    text-align: center;
    color: #fff !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 42px;
    font-size: 4.2rem;
    box-shadow: 0 12px 0 #176802;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-green2 a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-green2 a span {
      font-weight: bold;
      color: #fff !important; }
    .btn-green2 a .small {
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: normal;
      color: #fff !important; }

/*----------------------------------------
	.attention
----------------------------------------*/
.attention {
  margin: 0 auto 50px;
  padding: 30px 30px 1px;
  width: 620px;
  text-align: left;
  background: #fff; }
  .attention dt {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    border-left: 3px solid #900; }
  .attention dd {
    margin-bottom: 30px; }
  .attention p {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 160%; }
  .attention .ifrm-container {
    width: 98%;
    height: 100px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    border: solid 1px #bbb; }
    .attention .ifrm-container iframe {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }

/*----------------------------------------
	modal
----------------------------------------*/
#modal-close {
  padding: 10px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background: #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 43%;
  bottom: 0;
  z-index: 1; }

#modal-open {
  margin-bottom: 0;
  top: 10px;
  display: block;
  width: 100%;
  height: 20px;
  position: fixed;
  /* IE5 later && javascript-on */
  position: expression('absolute');
  top: expression(documentElement.scrollTop + 10 + 'px'); }

#modal-content {
  position: fixed;
  display: none;
  z-index: 2; }

#modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

#modal-content-inner {
  margin: 0 auto;
  width: 860px;
  height: 610px;
  background: url(../images/modal.jpg) no-repeat left top;
  position: relative; }
  #modal-content-inner input[type=text] {
    padding-left: 70px;
    width: 560px;
    height: 60px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 40px;
    background: #FFF url(../images/icon-mail.png) no-repeat 10px 6px;
    position: absolute;
    left: 20px;
    bottom: 75px; }
  #modal-content-inner button {
    margin: 0 auto;
    padding: 10px;
    display: block;
    background-color: #1ca800;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1CA800', endColorstr='#FF0B8E14');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ca800), color-stop(100%, #0b8e14));
    background-image: -moz-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
    width: 240px;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 25px;
    font-size: 2.5rem;
    box-shadow: 0 8px 0 #176802;
    line-height: 1.4;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer;
    position: absolute;
    right: 20px;
    bottom: 82px;
    border: none; }
    #modal-content-inner button:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }

/*----------------------------------------
	#faq
----------------------------------------*/
#faq {
  background: url(../images/back-faq.jpg) no-repeat center top fixed; }
  #faq dl {
    margin: 0 auto;
    width: 700px;
    text-align: left; }
  #faq dt {
    padding: 35px 30px 30px 80px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    line-height: 160%;
    background: rgba(241, 90, 36, 0.95) url(../images/icon-question.png) no-repeat 30px 30px; }
  #faq dd {
    padding: 50px 50px 30px;
    background: rgba(255, 255, 255, 0.95);
    border: 3px solid #f15a24; }
    #faq dd p {
      margin-bottom: 20px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 160%; }

/*----------------------------------------
	font-color
----------------------------------------*/
.fc-r {
  color: #900; }

/*濃赤*/
.fc-b {
  color: #009; }

/*濃青*/
.fc-g {
  color: #090; }

/*濃緑*/
/*----------------------------------------
	font-background-color
----------------------------------------*/
.fb-r {
  /*濃赤*/
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #900; }

.fb-b {
  /*濃青*/
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #009; }

.fb-o {
  /*オレンジ黒*/
  padding: 1px;
  font-weight: bold;
  background: #FFC926; }

.fb-or {
  /*オレンジ赤*/
  padding: 1px;
  color: #900;
  font-weight: bold;
  background: #FFC926; }

.fb-f {
  /*白黒*/
  padding: 5px;
  color: #333;
  background: #fff; }

/*------------------------------------------------------------
		font-weight
-------------------------------------------------------------*/
.fw-n {
  font-weight: normal; }

.fw-b {
  font-weight: bold; }

/*------------------------------------------------------------
		font-size
-------------------------------------------------------------*/
.fs-10 {
  font-size: 10px;
  font-size: 1rem; }

.fs-11 {
  font-size: 11px;
  font-size: 1.1rem; }

.fs-12 {
  font-size: 12px;
  font-size: 1.2rem; }

.fs-13 {
  font-size: 13px;
  font-size: 1.3rem; }

.fs-14 {
  font-size: 14px;
  font-size: 1.4rem; }

.fs-15 {
  font-size: 15px;
  font-size: 1.5rem; }

.fs-16 {
  font-size: 16px;
  font-size: 1.6rem; }

.fs-17 {
  font-size: 17px;
  font-size: 1.7rem; }

.fs-18 {
  font-size: 18px;
  font-size: 1.8rem; }

.fs-19 {
  font-size: 19px;
  font-size: 1.9rem; }

.fs-20 {
  font-size: 20px;
  font-size: 2rem; }

.fs-21 {
  font-size: 21px;
  font-size: 2.1rem; }

.fs-22 {
  font-size: 22px;
  font-size: 2.2rem; }

.fs-23 {
  font-size: 23px;
  font-size: 2.3rem; }

.fs-24 {
  font-size: 24px;
  font-size: 2.4rem; }

.fs-25 {
  font-size: 25px;
  font-size: 2.5rem; }

.fs-26 {
  font-size: 26px;
  font-size: 2.6rem; }

.fs-27 {
  font-size: 27px;
  font-size: 2.7rem; }

.fs-28 {
  font-size: 28px;
  font-size: 2.8rem; }

.fs-29 {
  font-size: 29px;
  font-size: 2.9rem; }

.fs-30 {
  font-size: 30px;
  font-size: 3rem; }

.fs-31 {
  font-size: 31px;
  font-size: 3.1rem; }

.fs-32 {
  font-size: 32px;
  font-size: 3.2rem; }

.fs-33 {
  font-size: 33px;
  font-size: 3.3rem; }

.fs-34 {
  font-size: 34px;
  font-size: 3.4rem; }

.fs-35 {
  font-size: 35px;
  font-size: 3.5rem; }

.fs-36 {
  font-size: 36px;
  font-size: 3.6rem; }

.fs-37 {
  font-size: 37px;
  font-size: 3.7rem; }

.fs-38 {
  font-size: 38px;
  font-size: 3.8rem; }

.fs-39 {
  font-size: 39px;
  font-size: 3.9rem; }

.fs-40 {
  font-size: 40px;
  font-size: 4rem; }

/*------------------------------------------------------------
		line-height
-------------------------------------------------------------*/
.lh-110 {
  line-height: 110%; }

.lh-120 {
  line-height: 120%; }

.lh-130 {
  line-height: 130%; }

.lh-140 {
  line-height: 140%; }

.lh-150 {
  line-height: 150%; }

.lh-160 {
  line-height: 160%; }

.lh-170 {
  line-height: 170%; }

.lh-180 {
  line-height: 180%; }

.lh-190 {
  line-height: 190%; }

.lh-200 {
  line-height: 200%; }

/*------------------------------------------------------------
		text-decoration
-------------------------------------------------------------*/
.td-n {
  text-decoration: none; }

.td-u {
  text-decoration: underline; }

.td-o {
  text-decoration: overline; }

.td-t {
  text-decoration: line-through; }

.td-b {
  text-decoration: blink; }

/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/
.ta-c {
  text-align: center; }

/*中央寄せ*/
.ta-r {
  text-align: right; }

/*右寄せ*/
.ta-l {
  text-align: left; }

/*左寄せ*/
/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/
.va-t {
  vertical-align: top; }

/*上寄せ*/
.va-m {
  vertical-align: middle; }

/*中央寄せ*/
.va-b {
  vertical-align: bottom; }

/*下寄せ*/
/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/
.m0 {
  margin: 0 !important; }

/*全margin無し*/
.mt-0 {
  margin-top: 0 !important; }

/*上marginが0px*/
.mr-0 {
  margin-right: 0 !important; }

/*右marginが0px*/
.mb-0 {
  margin-bottom: 0 !important; }

/*下marginが0px*/
.ml-0 {
  margin-left: 0 !important; }

/*左marginが0px*/
.m1 {
  margin: 1px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mr-1 {
  margin-right: 1px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.ml-1 {
  margin-left: 1px !important; }

.m2 {
  margin: 2px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.ml-2 {
  margin-left: 2px !important; }

.m3 {
  margin: 3px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.ml-3 {
  margin-left: 3px !important; }

.m4 {
  margin: 4px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.ml-4 {
  margin-left: 4px !important; }

.m5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.m6 {
  margin: 6px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mr-6 {
  margin-right: 6px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.ml-6 {
  margin-left: 6px !important; }

.m7 {
  margin: 7px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mr-7 {
  margin-right: 7px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.ml-7 {
  margin-left: 7px !important; }

.m8 {
  margin: 8px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.m9 {
  margin: 9px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mr-9 {
  margin-right: 9px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.ml-9 {
  margin-left: 9px !important; }

.m10 {
  margin: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.m15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.m20 {
  margin: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.m25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.m30 {
  margin: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.m40 {
  margin: 40px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.m50 {
  margin: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.m60 {
  margin: 60px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.m70 {
  margin: 70px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.m80 {
  margin: 80px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.m90 {
  margin: 90px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.m100 {
  margin: 100px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/
.p0 {
  padding: 0 !important; }

/*全padding無し*/
.pt-0 {
  padding-top: 0px !important; }

/*上paddingが0px*/
.pr-0 {
  padding-right: 0px !important; }

/*右paddingが0px*/
.pb-0 {
  padding-bottom: 0px !important; }

/*下paddingが0px*/
.pl-0 {
  padding-left: 0px !important; }

/*左paddingが0px*/
.p1 {
  padding: 1px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pr-1 {
  padding-right: 1px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pl-1 {
  padding-left: 1px !important; }

.p2 {
  padding: 2px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pl-2 {
  padding-left: 2px !important; }

.p3 {
  padding: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pl-3 {
  padding-left: 3px !important; }

.p4 {
  padding: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pl-4 {
  padding-left: 4px !important; }

.p5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.p6 {
  padding: 6px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pr-6 {
  padding-right: 6px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pl-6 {
  padding-left: 6px !important; }

.p7 {
  padding: 7px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pr-7 {
  padding-right: 7px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pl-7 {
  padding-left: 7px !important; }

.p8 {
  padding: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.p9 {
  padding: 9px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pr-9 {
  padding-right: 9px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pl-9 {
  padding-left: 9px !important; }

.p10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.p15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.p20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.p30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.p40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.p50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.p60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.p70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

  @media screen and (min-width: 769px) {
 /*----------------------------------------
    #global-header
  ----------------------------------------*/
  #global-header-top {
    padding: 20px 0;
    width: 100%;
    text-align: center;
    background: #cc0974;
  }
  #global-header-top .timer {
    margin: 0 auto;
    width: 100%;
    background: none;
  }
  #global-header-top p {
    margin-bottom: 0 !important;
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    font-weight: bold;
    line-height: 130%;
  }
  #global-header-top a {
    margin: 10px auto 0;
    padding: 1em;
    width: 50%;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    background: #fff;
    display: block;
    transition: all .3s ease;
    border-radius: 1rem;
  }
  #global-header-top a:hover {
    color: #fff;
    background: #000;
    border: 1px solid #fff;
  }
  #global-header-top span {
    margin-top: 10px;
    padding: .3em 1em;
    font-size: 35px;
    font-size: 3.5rem;
    text-shadow: 1px 1px 0 #000;
    font-weight: bold;
    background: #ef2617;
    background: linear-gradient(to right, #ef2617 0%, #fcc605 100%);
    display: inline-block;
    border-radius: 1rem;
    box-shadow: 0 0 10px #000;
  }


      /*----------------------------------------
        	#btn-float
        ----------------------------------------*/
        #btn-float {
          padding: 0;
          width: 180px;
          position: fixed;
          right: 20px;
          bottom: 20px;
        }
        #btn-float i {
          margin-right: 10px;
          font-size: 30px;
          font-size: 3rem;
        }
        #btn-float a {
          padding: 10px 0;
          display: block;
          background-color: #1ca800;
          background-size: 100%;
          background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
          background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
          width: 100%;
          text-align: center;
          color: #fff;
          border-radius: 50px;
          text-decoration: none;
          font-size: 18px;
          font-size: 1.8rem;
          box-shadow: 0 8px 0 #176802;
          line-height: 1.4;
          font-weight: 800;
          letter-spacing: -0.05em;
          text-shadow: 0px 1px 0px #333;
          -webkit-transition: all .3s ease;
          transition: all .3s ease;
          cursor: pointer;
        }
        #btn-float a:hover {
          box-shadow: none;
          -webkit-transform: translate3d(0, 8px, 0);
                  transform: translate3d(0, 8px, 0);
        }
        #btn-float a span {
          font-weight: bold;
          color: #fff !important;
        }

/*----------------------------------------
	#product
----------------------------------------*/
.product .timer {
  margin: 0 auto 5%;
  padding: 20px 0;
  width: 680px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
}
.product .timer p {
  margin-bottom: 5px !important;
  font-size: 32px;
  font-size: 3.2rem;
  color: #FFF;
  font-weight: bold;
  line-height: 180%;
}
.product .timer a {
  margin: 0 auto;
  padding: 1em;
  width: 90%;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  background: #fff;
  display: block;
  transition: all .3s ease;
  border: 1px solid #000;
  border-radius: 1rem;
}
.product .timer a:hover {
  color: #fff;
  background: #000;
  border: 1px solid #fff;
}
}