@charset "UTF-8";
/* ===================================================================

style style

=================================================================== */



/* cta直下注釈 */
body div.firstimp_pla_tk4990_notes_sp ul.firstimp_pla_tk4990_notes_sp_ul li,body div.cta_under_caution ul.cta_under_caution_ul li{
  list-style: disc;
    letter-spacing: .5px;
}

body div.firstimp_pla_tk4990_notes_sp ul.firstimp_pla_tk4990_notes_sp_ul,body div.cta_under_caution ul.cta_under_caution_ul{
padding: 0 0 0 2%;
}

body div.firstimp_pla_tk4990_notes_sp,body div.cta_under_caution{
margin: -1em 0 0;
    padding: 0 4%;
    font-size: 10px;
    line-height: 1.4;
    text-align: left;
}

/* ヘッダー */
.product img#teiki_kgm{
}

/* ヘッダー */
body header{
    height: 1em;
}

div.wrap header div{
  padding: 1em;
      height: 4em;
    width: 100vw;
        background-color: #fff;
}

div.wrap header img{
      height: 4em;
    width: auto;
}

/* 商品名 
-------------------------------------*/
div.wrap div.product div.product_data p.product_name{
font-weight:900;
font-size:2rem;
}
div.wrap div.product div.product_data .product_tags,div.wrap div.product div.product_data .product_type{
  /*商品タグ・タイプ装飾*/
padding: 5px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin:0 5px 0.5em 0;
    font-size: 1.5rem;
}
div.wrap div.product div.product_data .product_tags{
      /*商品タグ背景色*/
      background-color: #ff6666;
}
div.wrap div.product div.product_data .product_type{
        /*商品タイプ背景色*/
      background-color: #00bb00;
}





/* フォーム */
.form_box input[type="text"],
.form_box input[type="email"]{
width:100%;
}
.form_box input[type="tel"]{
width:25%;
}

/* 支払方法 */
.form_box select, #form_payment select{
padding:5px;
}

/* ？？ */
#form-order #landing_form-wrapper{
margin:0;
}

/* 商品エリア */
div.wrap div.product{
margin:6em 1em 1em 1em;
padding:2em;
border: solid 1px  rgba(200,200,200, .5)
}

/* 税込 */
div.wrap div.product div.product_data p.product_tax{
font-weight:400;
font-size:1.4rem;
color:rgba(0, 0, 0,1);
}

/* 価格 */
div.wrap div.product div.product_data p.product_price{
font-weight:900;
font-size:1.9rem;
color:rgba(255, 0, 0,1);
margin:1em 0 0 0;
line-height:1.2;
}

/* フォーム */
h2#form_checkout_title::after{
content: "お客様のご住所・ご連絡先や、お支払い方法等を入力してください。";
display:block;
font-size:1.5rem;
font-weight:300;
padding:0 2em;
color:#000;
position: absolute;
margin: 1.5em 0 0 0;
text-align: left;
}

/* フォーム見出し */
#orderForm h2#form_checkout_title{
padding:0.5em 0 0.5em 0;
color:#fff;
/* background: linear-gradient(#bbbbbb, #757575); */
background-color: #666;
font-size:2rem;
}

img#good_two,img#placenta,img#teiki_kgm{
  width: 70%;
margin: 0 auto;
display: block;
}

div.wrap div.product div.package{
margin:1em auto;
}


html {
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.7;
  color: #202228;
  background: #fff;
  max-width: 640px;
  margin: 0 auto;
}

a {
  text-decoration: underline;
  color: #333;
}

a:hover {
  text-decoration: none;
  color: #333;
}

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

select, input, textarea, button {
  vertical-align: middle;
}

#orderForm {
  padding: 0;
  line-height: 1.5;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  color: #444444;
  font-size: 18px;
}
#landing_form-wrapper table#landing_form {
  width: 100%;
}
div#landing_form-wrapper #landing_form td{
  width: auto;
}
th span.form_required{
      color: #FFFFFF;
    background-color: #ff6666;
    padding: 3px;
    font-size: 1.5rem;
}
html body #efo_required_box{
position: relative;
  top: 0px;
}

#orderForm #form_checkout_title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2.5em;
}
#orderForm .form_input_box {
  margin-right: auto;
  margin-left: auto;
}
#orderForm .agreement_label a {
  color: blue;
}

.wrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 750px;
  color: #333;
  overflow-x: hidden;
  /* HTML5 display-role reset for older browsers */
  /*--------------------
  
        popup
  
  --------------------*/
  /* ポップアップ css */
  /* ポップアップ css */
}
.wrap div, .wrap span, .wrap applet, .wrap object, .wrap iframe,
.wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap p, .wrap blockquote, .wrap pre,
.wrap a, .wrap abbr, .wrap acronym, .wrap address, .wrap big, .wrap cite, .wrap code,
.wrap del, .wrap dfn, .wrap em, .wrap img, .wrap ins, .wrap kbd, .wrap q, .wrap s, .wrap samp,
.wrap small, .wrap strike, .wrap strong, .wrap sub, .wrap sup, .wrap tt, .wrap var,
.wrap b, .wrap u, .wrap i, .wrap center,
.wrap dl, .wrap dt, .wrap dd, .wrap ol, .wrap ul, .wrap li,
.wrap fieldset, .wrap form, .wrap label, .wrap legend,
.wrap table, .wrap caption, .wrap tbody, .wrap tfoot, .wrap thead, .wrap tr, .wrap th, .wrap td,
.wrap article, .wrap aside, .wrap canvas, .wrap details, .wrap embed,
.wrap figure, .wrap figcaption, .wrap footer, .wrap header, .wrap hgroup,
.wrap menu, .wrap nav, .wrap output, .wrap ruby, .wrap section, .wrap summary,
.wrap time, .wrap mark, .wrap audio, .wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.wrap article, .wrap aside, .wrap details, .wrap figcaption, .wrap figure,
.wrap footer, .wrap header, .wrap hgroup, .wrap menu, .wrap nav, .wrap section {
  display: block;
}
.wrap body {
  line-height: 1;
}
.wrap ol, .wrap ul {
  list-style: none;
}
.wrap blockquote, .wrap q {
  quotes: none;
}
.wrap blockquote:before, .wrap blockquote:after,
.wrap q:before, .wrap q:after {
  content: '';
  content: none;
}
.wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wrap img {
  vertical-align: bottom;
}
.wrap p {
  font-size: 1.4rem;
  text-align: left;
}
.wrap .sml {
  font-size: 80%;
}
.wrap .ybg {
  background: linear-gradient(transparent 50%, #fff799 50%);
}
.wrap .blue {
  color: #43b8e9;
}
.wrap .blue02 {
  color: #2e5896;
}
.wrap .red {
  color: #ff4141;
}
.wrap .big {
  font-size: 2.4rem;
}
.wrap .middle {
  font-size: 1.8rem;
}
.wrap .pink {
  color: #eb6877;
}
.wrap .cvArea .cvInner {
  position: relative;
  margin-bottom: 14%;
}
.wrap .cvArea .cvInner .cvBtn {
  position: absolute;
  bottom: -6%;
  right: 3%;
  width: 47%;
}
.wrap .cvArea.cv02 .cvInner {
  margin-bottom: 4%;
}
.wrap .cvArea.cv02 .cvInner .cvBtn {
  position: absolute;
  bottom: 3%;
  right: 5%;
  width: 90%;
}
.wrap .cvArea p.cvCaution {
  font-size: 1.1rem;
  padding: 0 3% 0 3%;
  margin-bottom: 20px;
}
.wrap .uv01Txt {
  background: url(../../images/uv_bg.jpg) repeat top left/0.4% auto;
  padding: 10px 4%;
  color: #fff;
}
.wrap .uv01Txt .sml {
  display: block;
  text-align: right;
  font-size: 1.2rem;
  padding-top: 10px;
}
.wrap .uv02 .uvTitle {
  font-weight: bold;
  font-size: 1.6rem;
  padding: 10px 3%;
}
.wrap .uv02 .txt {
  padding: 0 3%;
}
.wrap .uv02 .sml {
  display: block;
  text-align: right;
  padding: 10px 0 20px 0;
  font-size: 1.2rem;
}
.wrap .faqCont {
  border-top: 1px solid #c3c3c3;
  width: 94%;
  margin: 15px auto 20px auto;
}
.wrap .faqCont dl {
  text-align: left;
  border-right: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  background: #f9f9f9;
}
.wrap .faqCont dl dt {
  padding: 10px 10% 10px 4%;
  font-size: 1.6rem;
  font-family: "游明朝", YuMincho, Yu Mincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: relative;
}
.wrap .faqCont dl dt span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #029fd9;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}
.wrap .faqCont dl dt:after {
  content: '';
  background: url(../../images/faq_arrow_d.png) no-repeat top left/100% auto;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 4%;
  top: 14px;
}
.wrap .faqCont dl dt.active:after {
  background: url(../../images/faq_arrow_u.png) no-repeat top left/100% auto;
}
.wrap .faqCont dl dd {
  font-size: 1.5rem;
  padding: 4%;
  display: none;
}
.wrap .intro p {
  padding: 3%;
}
.wrap .intro p span {
  color: #fb5971;
}
.wrap .footerArea {
  padding-top: 50px;
  padding-bottom: 10px;
  width: 100%;
  margin: 0 auto;
}
.wrap .footerArea .fnav {
  margin-bottom: 20px;
}
.wrap .footerArea .fnav ul {
  border-top: 1px solid #ccc;
}
.wrap .footerArea .fnav ul li a {
  color: #098ba1;
  font-size: 1.4rem;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  text-align: center;
  display: block;
}
.wrap .footerArea .finfo {
  min-height: 1px;
  width: 96%;
  margin: 0 auto;
}
.wrap .footerArea .finfo:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wrap .footerArea .finfo .fl {
  width: 70%;
  text-align: left;
  font-size: 1.0rem;
}
.wrap .footerArea .finfo .fr {
  width: 26%;
}
.wrap .cv3 .btn a,
.wrap .cvBtn3 a {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  transition: .25s linear;
  -webkit-transition: .25s linear;
  -moz-transition: .25s linear;
}
.wrap .cv3 .btn a:before,
.wrap .cvBtn3 a:before {
  display: block;
  position: absolute;
  z-index: 3;
  opacity: 0.7;
  left: -30%;
  top: -20%;
  content: "";
  width: 100px;
  height: 140%;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff white, rgba(255, 255, 255, 0) 100%);
  animation: shiny 3s infinite linear;
  -webkit-animation: shiny 3s infinite linear;
  -moz-animation: shiny 3s infinite linear;
}

#landing_form th{
  padding: 10px;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    background-color: #C0F2FF;
    text-align: left;
}
#landing_form td{
  border-bottom: 1px solid #C3C3C3;
    padding: 10px;
}
table#landing_form{
      border: 1px solid #C3C3C3;
}
th span.form_required{
  color: #FFFFFF;
    background-color: #ff6666;
    padding: 3px;
    font-size: 1.3rem;
}
#form_payment{
  margin: 20px 0 0 0;
}
#form_landing #agreement{
  margin: 3px 0px 15px 0px;
}
#agreement{
  padding: 1px 0 9px 0;
}

#agreement div{
  text-align: left;
    padding: 8px;
}

#form_payment_method_select{
  margin: 0 ;
    border: none;
    padding: 0px;
}
html body #efo_required_box{
position: relative;  
}
#form-order #landing_form-wrapper {
      margin: -40px 0 0 0;
}
#form_landing #form_checkout_message{
display: none;
}
#form_landing #duplicate_error{
background-color: #FF0000;
    color: #FFFFFF;
    text-align: center;
    line-height: 2;
}
body div#orderForm div.firstimp_tr0480_notes_supporter_sp{
font-size: 10px;
    padding: 0 3% 0 3%;
    margin: -0.5em 0 0 0;
    line-height: 1.5;
}
div.firstimp_tr0480_notes_supporter_sp ul.firstimp_tr0480_notes_supporter_sp_ul li{
  list-style: disc;
}

div.firstimp_tr0480_notes_supporter_sp ul.firstimp_tr0480_notes_supporter_sp_ul{
    padding-left: 5%;
}
html body div.firstimp_tk1490_notes_supporter_sp{
font-size: 1.1rem;
margin: -1em 3% 1em 3%;
line-height: 1.4;
letter-spacing: -0.2px;
}
html body div.firstimp_tk1490_notes_supporter_sp ul.firstimp_tk1490_notes_supporter_sp_ul{
padding: 0 0 0 6%;
}
html body div.firstimp_tk1490_notes_supporter_sp ul.firstimp_tk1490_notes_supporter_sp_ul li{
list-style: disc;
}

.wrap div.cta{
margin:20px 0 0px 0;
}

div.wrap div.firstimp_act_tk2480_notes_nooption_sp{
 font-size: 1.1rem;
margin: -1em 0 1em 0;
text-align: left;
line-height: 1.5;
}
div.wrap div.firstimp_act_tk2480_notes_nooption_sp ul.firstimp_act_tk2480_notes_nooption_sp_ul{
  padding: 0 0 0 5%;
}
div.wrap div.firstimp_act_tk2480_notes_nooption_sp ul.firstimp_act_tk2480_notes_nooption_sp_ul li{
list-style: disc;
}

div.wrap div.firstimp_tk2490_notes_nooption_sp{
margin: -1em 0 0 0;
    text-align: left;
    line-height: 1.5;
    font-size: 1.2rem;
}
div.wrap div.firstimp_tk2490_notes_nooption_sp ul.firstimp_tk2490_notes_nooption_sp_ul{
padding: 0 0 0 5%;
}
div.wrap div.firstimp_tk2490_notes_nooption_sp ul.firstimp_tk2490_notes_nooption_sp_ul li{
list-style: disc;
}

div.wrap div.firstimp_tk12300_notes_nooption_sp{
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.5;  
}
div.wrap div.firstimp_tk12300_notes_nooption_sp ul.firstimp_tk12300_notes_nooption_sp_ul{
padding: 0 0 0 5%;
}
div.wrap div.firstimp_tk12300_notes_nooption_sp ul.firstimp_tk12300_notes_nooption_sp_ul li{
list-style: disc;
}
body div#orderForm div.firstimp_act_tk2480_notes_nooption_sp{
font-size: 10px;
    padding: 0 3% 0 3%;
    margin: -0.5em 0 0 0;
    line-height: 1.5;
}
div.firstimp_act_tk2480_notes_nooption_sp ul.firstimp_act_tk2480_notes_nooption_sp_ul li{
  list-style: disc;
}

div.firstimp_act_tk2480_notes_nooption_sp ul.firstimp_act_tk2480_notes_nooption_sp_ul{
    padding-left: 5%;
}

body div.firstimp_tk2490_notes_nooption_sp{
font-size: 10px;
    padding: 0 3% 0 3%;
    margin: -0.5em 0 0 0;
    line-height: 1.5;
}
div.firstimp_tk2490_notes_nooption_sp ul.firstimp_tk2490_notes_nooption_sp_ul li{
  list-style: disc;
}

div.firstimp_tk2490_notes_nooption_sp ul.firstimp_tk2490_notes_nooption_sp_ul{
    padding-left: 5%;
}
body div.firstimp_tk12300_notes_nooption_sp{
font-size: 10px;
    padding: 0 3% 0 3%;
    margin: -0.5em 0 0 0;
    line-height: 1.5;
}
div.firstimp_tk12300_notes_nooption_sp ul.firstimp_tk12300_notes_nooption_sp_ul li{
  list-style: disc;
}

div.firstimp_tk12300_notes_nooption_sp ul.firstimp_tk12300_notes_nooption_sp_ul{
    padding-left: 5%;
}
/*--form-----------------------------------------*/
form#form-order div#form_landing input,form#form-order div#form_landing select{
height: 3em;
border-radius: 5px;
}

/*--form-----------------------------------------*/


@keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
@-webkit-keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
@-moz-keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
.wrap .popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #efefef;
  width: 96%;
  margin: 0 2%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 101;
  font-size: 1.2rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.wrap .popup_inner {
  padding: 20px;
}
.wrap #overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  z-index: 100;
}
.wrap .popup h4 {
  background: #2e5795;
  text-align: center;
  color: white;
  font-size: 20px;
  padding: 7px 0;
  margin: 0 0 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.wrap .popup_inner h5 {
  border-left: 3px solid #2e5795;
  padding: 10px 0 10px 20px;
  margin-bottom: 10px;
  background: #fff;
  font-size: 2.0rem;
}
.wrap .popup_inner p {
  font-size: 1.6rem;
}
.wrap .popup_inner dl, .wrap .box {
  overflow: auto;
}
.wrap .popup_inner dl {
  border-bottom: 1px solid #CCC;
  background: #ddd;
  font-size: 0;
}
.wrap .popup_inner dl dt {
  display: inline-block;
  width: 34%;
  padding: 3%;
  vertical-align: top;
  font-size: 1.4rem;
  clear: both;
  border-top: 1px solid #CCC;
  font-weight: bold;
}
.wrap .popup_inner dl dd {
  margin: 0;
  display: inline-block;
  width: 54%;
  padding: 3%;
  border-left: 0;
  border-top: 1px solid #CCC;
  background: #efefef;
  font-size: 1.4rem;
}
.wrap .popup_inner {
  padding: 3%;
}
.wrap .popup_inner table {
  margin: 10px 0;
  background: #fff;
}
.wrap .popup_inner td,
.wrap .popup_inner th {
  padding: 10px;
}
.wrap .popup_inner th {
  background: #333;
  color: #2e5795;
}
.wrap .popup_inner td {
  background: #fff;
  padding: 10px 20px;
}
.wrap .popup_inner ol li {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
.wrap .close {
  display: block;
  text-align: center;
  font-weight: bold;
}
.wrap .close a {
  display: inline-block;
  border: 2px solid #fff;
  background: #2e5795;
  color: #fff;
  padding: 5px 10px;
}
.wrap #swipebox-bottom-bar {
  display: none;
}
.wrap .anim {
  -webkit-animation: anim 3s ease-in infinite;
  animation: anim 3s ease-in infinite;
}


@-webkit-keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
@-webkit-keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
@-moz-keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
#landing_form .form_box div.form_input_box,#landing_form .form_box div.form_example {
  margin: 0 0 0 3%;
}