@charset "UTF-8";

html { font-size: 62.5%;}

body {
  font-family: Arial, "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 1.7em;
  line-height:1.7;
  color: #333;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #00a1e6;
}

/* 表示 */
.pc_dis {
  display: block;
}

.sp_dis {
  display: none;
}

@media screen and (max-width:768px) {

  .pc_dis {
    display: none;
  }
  
  .sp_dis {
    display: block;
  }
}

/*---------------
  text
---------------*/
h1.h1-text {
  margin: 0;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 600;
}

h2.h2_img {margin: 0;}

h2.h2_text_border_bottom {
  margin: 0 0 40px;
  padding: 0 10px 3px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  border-bottom: 3px solid #3f3f3f;
}

.h2_text_border_bottom_cover {
  position: relative;
  padding: 0 0 3px;
  line-height: 1;
}

.h2_text_border_bottom_cover::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #c00;
}

@media all and (-ms-high-contrast:none) {
  .h2_text_border_bottom_cover::after {
    bottom: -2px;
  }
}

h3.h3_text_bg_3f3f3f {
  margin: 0 0 20px;
  padding: 10px;
  background: #3f3f3f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.h4_area {
  background: #004e78;
  width: 100%;
  padding: 10px;
  min-height: 80px;
}

h4.h4_text {
  margin: 0;
  font-size: 22px;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}

h4.h4_text_number {
  margin: 10px 0;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
}

p.p_text {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.6;
}

p.p_text:last-child {
  margin-bottom: 0;
}

p.p_sub_text {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #3a3a3a;
}

/*---------------
  faq
---------------*/
h3.h3_faq {
  position: relative;
  margin: 0 0 20px;
  padding-left: 28px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

p.p_faq {
  position: relative;
  margin: 0;
  padding-left: 28px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.mark_q,
.mark_a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  font-size: 20px;
  font-weight: 600;
}

.mark_q {
  color: #009ee7;
  line-height: 1.4;
}

.mark_a {
  color: #c00;
  line-height: 1.6;
}

p.text-normal {
  font-size: 1.7rem;
  line-height: 1.5;
}

p.text-normal:last-child {
  margin-bottom: 0;
}

ul.notes_fz14_number,
ul.notes_fz14 {
  margin-bottom: 0;
}

ul.notes_fz14 li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.6;
}

ul.notes_fz14_number li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.6;
}

ul.notes_fz14_number li:last-child,
ul.notes_fz14 li:last-child {
  margin-bottom: 0;
}

ul.notes_fz14_number li .mark,
ul.notes_fz14 li .mark {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  padding: 0;
}

ul.notes_fz13_pl25 li,
ul.notes_fz13 li,
ul.notes li{
  text-align: left;
  position:relative;
}
.notes li.fz24_sp {
  padding-left: 26px;
}
ul.notes_fz13_pl25 li {
  padding-left: 25px;
}
.mark {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

@media screen and (max-width : 768px){
  .notes li.fz24_sp {
    padding-left: 2em;
  }
}

.bg_f2f2f2 ul.notes_special_fz17 li{
  font-size: 17px;
}

.kv-area {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2021/kv_bg.jpg);
}

.kv-area-004ea1 {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2021/kv_004ea1_2m_present_bg.png);
  background-position: center;
  background-size: cover;
}

.kv-area-nenmatsu {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2022/kv_f2dd98_2m_present_bg.png);
  background-position: center;
  background-size: cover;
}

.kv-area img {
  max-width: 100%;
}

.section-area {
  max-width: 100%;
  height: auto;
}

.inner-1020 {
  max-width: 1020px;
  height: auto;
  margin: 0 auto;
}

.inner_1000 {
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
}

.inner-940 {
  max-width: 940px;
  height: auto;
  margin: 0 auto;
}

.inner_900 {
  max-width: 900px;
  height: auto;
  margin: 0 auto;
}

/*---------------
  header
---------------*/
header {
  width: 100%;
  border-top: 3px solid #d71920;
}

.h1-header {
  margin: 8px;
}

.h1-header img.header-img {
  width: 450px;
  height: auto;
}

/*---------------
  footer
---------------*/
footer {
  width: 100%;
  margin: 0;
  padding: 0;
  position:absolute;
  background: #333;
  color: #fff;
}

footer.footer-area .footer-inner-nav {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 10px;
}

footer.footer-area .footer-inner-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

footer.footer-area .footer-inner-nav ul li {
  margin: 0;
  padding: 0 15px;
  display: inline-block;
  line-height: 1;
  border-right:#fff 1px solid;
}

footer.footer-area .footer-inner-nav ul li:last-child {
  border-right:none;
}

footer.footer-area .footer-inner-nav ul li a {
  font-size: 1.34rem;
  text-decoration: none;
  color: #fff;
}

footer.footer-area .footer-inner-nav ul li a:hover {
  color: inherit;
  text-decoration: underline;
}

footer.footer-area .footer-inner-copy {
  width: 100%;
  margin-bottom: 10px;
}

footer.footer-area .footer-inner-copy small {
  display: block;
  font-size: 1.2rem;
  color: #fff;
}

@media screen and (max-width:768px) {
  footer.footer-area .footer-inner-nav {
    padding-top: 5px;
  }

  footer.footer-area .footer-inner-nav ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-right:none;
    border-bottom: 1px solid #96969e;
  }

  footer.footer-area .footer-inner-nav ul li a {
    display: block;
    padding: 14px 15px;
    font-size: 1.32rem;
    text-decoration: none;
  }

  footer.footer-area .footer-inner-nav ul li a:hover {
    color: inherit;
    text-decoration: underline;
  }

  footer.footer-area .footer-inner-copy small {
    font-size: 1.14rem;
  }
}

.modal-area {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center
}

.modal-area:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-area:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-area::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-area .modal-outside {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 940px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  vertical-align: middle
}

.modal-area .modal-outside .modal-inner {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-area .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-area .modal-close:hover {
  color: #2b2e38 !important
}

h2.h2_text_border_left {
  margin: 0  0 20px;
  padding: 4px 8px;
  border-left: 5px solid #D0001F;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

table.table_requirements {
  width: 100%;
  max-width: 100%;
  border-spacing: 1px;
}

table.table_requirements tr th {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f2f2f2;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
}

table.table_requirements tr td {
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
}

table.table_requirements tr th.th_strong {
  background: #d7d8d9;
}

table.table_requirements_mark tr td {
  font-family: "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

/*---------------
  カラム
---------------*/
.col-box {
  width: 100%;
  position: relative;
}

/*---------------
  flex
---------------*/
.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.flex-align-items-center { align-items: center;}
.flex-align-items-end { align-items: flex-end;}
.flex_justify-content_center { justify-content: center;}

/*---------------
  1カラム
---------------*/
.flex-box .col-in-1 {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  flex_box
---------------*/
/*---------------
  1カラム
---------------*/
.flex_box .col_in_1 {
  -ms-flex: 0 1 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-5:5
---------------*/
.flex_box .col_in_2 {
  -ms-flex: 0 1 auto;
  width: 50%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-4_5:5_5
---------------*/
.col_box .col_in_2_4_5 {
  -ms-flex: 0 1 auto;
  width: 45%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.col_box .col_in_2_5_5 {
  -ms-flex: 0 1 auto;
  width: 55%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-4:6
---------------*/
.flex_box .col_in_2-4 {
  -ms-flex: 0 1 auto;
  width: 40%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-6 {
  -ms-flex: 0 1 auto;
  width: 60%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-3:7
---------------*/
.flex_box .col_in_2-3 {
  -ms-flex: 0 1 auto;
  width: 30%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-7 {
  -ms-flex: 0 1 auto;
  width: 70%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.col_in_2-7 > h4 > span > sup{
  display:inline-block;
  margin-top:-5px;
}

/*---------------
  2カラム-2.5:7.5
---------------*/
.flex_box .col_in_2-2_5 {
  -ms-flex: 0 1 auto;
  width: 25%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-7_5 {
  -ms-flex: 0 1 auto;
  width: 75%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-2:8
---------------*/
.flex_box .col_in_2-2 {
  -ms-flex: 0 1 auto;
  width: 20%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-8 {
  -ms-flex: 0 1 auto;
  width: 80%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  3カラム
---------------*/
.flex_box .col_in_3 {
  -ms-flex: 0 1 auto;
  width: 33.33%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
/*---------------
  カラム用border
---------------*/
.col_in_border_right,
.col_in_border_right_ivb {
  border-right: 1px solid #959595;
}

/*---------------
  2カラム-5:5
---------------*/
.flex_box .col_in_2_four_step {
  -ms-flex: 0 1 auto;
  width: 50%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
}


/*---------------
  2カラム-5:5
---------------*/
.flex-box .col-in-2 {
  width: 50%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-3:7
---------------*/
.flex-box .col-in-2-2 {
  width: 20%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex-box .col-in-2-8 {
  width: 80%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-3:7
---------------*/
.flex-box .col-in-2-3 {
  width: 30%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex-box .col-in-2-7 {
  width: 70%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-3.5:6.5
---------------*/
.flex-box .col-in-2-3_5 {
  width: 35%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex-box .col-in-2-6_5 {
  width: 65%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-4:6
---------------*/
.flex-box .col-in-2-4 {
  width: 40%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex-box .col-in-2-6 {
  width: 60%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  3カラム
---------------*/
.flex-box .col-in-3 {
  width: 33.33%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  product_box
---------------*/
.product_box {
  height: 100%;
  background: #f5f5f5;
}

/*---------------
  cart
---------------*/
.col_cart_link_area a {
  color: #333 !important;
  display: block;
}

.col_cart_link_area a:hover,
.col_cart_link_area a:focus {
  text-decoration: none !important;
}

.col_cart_box {
  margin-bottom: 15px;
  padding-right: 12px;
  padding-left: 12px;
}

.cart_name {
  margin-bottom: 10px;
  font-size: 2.0rem;
  line-height: 1;
}

.col-in-3 .cart_name {
  font-size: 1.76rem;
}

.cart_name_sub {
  margin-bottom: 6px;
  font-size: 2.0rem;
  line-height: 1;
}

.cart_name_default {
  margin-bottom: 35px;
}

.cart_name_teika {
  margin-bottom: 20px;
}

.cart_price_default {
  margin-bottom: 10px;
  font-size: 1.52rem;
  line-height: 1;
}

.cart_price {
  font-size: 5.0rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.2px;
}

.cart_price_campaign {
  color: #e20000;
  font-size: 5.0rem;
  font-weight: 600;
  line-height: 1;
}

.cart_price_sub {
  margin-bottom: 4px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}

.yen {
  font-size: 3.0rem;
}

.tax {
  font-size: 2.0rem;
}

.cart_btn_store_fv {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: center;
  background: #e20000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #e20000;
  width: 100%;
  margin: 0 auto;
  margin-top: 4px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #fff;
  font-size: 2.75rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  line-height: 1.42857143;
}

.cart_btn_store_fv:hover {
  margin: 4px auto 0px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  transform: translateY(4px);
  background: #fff;
  color: #e20000;
  text-decoration: none;
  box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0);
}

.cart_btn_store_fv .icon_cart {
  background: url(/img/usr/assets/shoptop/uptake/2020/icon_cart_fff.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  font-size: 1rem;
  transition: all 0.2s;
  margin-top:2px;
}

.cart_btn_store_fv:hover .icon_cart {
  background: url(/img/usr/assets/shoptop/uptake/2020/icon_cart_e20000.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 1rem;
}

.cart_btn_store_fv sup.sup_store {
  padding-top: 10px;
}

.cart_btn_store {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: center;
  background: #e20000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #e20000;
  margin: 0 auto;
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  font-size: 2.12rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  line-height: 1.42857143;
}

.cart_btn_store:hover {
  margin: 4px auto 0px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  transform: translateY(4px);
  background: #fff;
  color: #e20000;
  box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0);
  text-decoration: none;
}

.cart_btn_store_727272 {
  background: #727272;
  border: 2px solid #727272;
  color: #fff;
}

.cart_btn_store_727272:hover {
  border: 2px solid #727272;
  color: #727272;
}

.cart_btn_store .icon_cart {
  background: url(/img/usr/assets/shoptop/uptake/2020/icon_cart_fff.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  font-size: 1rem;
  transition: all 0.2s;
}

.cart_btn_store:hover .icon_cart {
  background: url(/img/usr/assets/shoptop/uptake/2020/icon_cart_e20000.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 1rem;
}

.cart_btn_store_727272:hover .icon_cart {
  background: url(/img/usr/assets/shoptop/uptake/2020/icon_cart_727272.svg) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 1rem;
}

.cart_btn_store sup.sup_store {
  padding-top: 10px;
}

.cart_box_in_pkg {
  -webkit-flex: 1;
  flex: 1;
}

/*---------------
  cart_cp_txt
---------------*/
.cart_cp_txt {
  background-color: #e20000;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -o-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -o-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  top:-30px;
  left:-2px;
}

.cart_cp_txt p {
  margin: 0;
  padding: 0px 14px 0px 20px;
}

/*---------------
  tab
---------------*/
#tab_select {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

#tab_select li {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  padding: 20px;
  margin-left: 20px;
  background: #ffffff;
  position: relative;
  z-index: 10;
  opacity: 0.7;
}

#tab_select li:first-child {
  margin-left: 0;
}

#tab_select li:hover {
  opacity: 1;
}

#tab_select li.select {
  border: 3px solid #ed1c1e;
  border-bottom: none;
  z-index: 30;
  opacity: 1;
}

#tab_select:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #ed1c1e;
  position: absolute;
  bottom: 0;
  z-index: 20;
}

#contents_select > div {
  display: none;
}
#contents_select > div.select {
  display: block;
}

.inner_balloon_fff {
  position: relative;
  background: #fff;
  padding: 20px;
}

.inner_balloon_fff:before, .inner_balloon_fff:after {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  bottom: 0px;
}

.inner_balloon_fff:before {
  border-top: 20px solid #fff;
  border-bottom: 0px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin-bottom: -24px;
}

table.table_alternation {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}

table.table_alternation tr th {
  width: 30%;
  padding: 10px;
  background: #626262;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

table.table_alternation tr td {
  width: 70%;
  padding: 20px;
  background: #f2f2f2;
  color: #000;
  font-size: 16px;
}

table.table_alternation tr:nth-child(even) td {
	background: #fff;
}

table.table_alternation.table_alternation_even tr:nth-child(even) td {
  background: #f2f2f2;
}
table.table_alternation.table_alternation_even tr:nth-child(odd) td {
  background: #fff;
}

.cart_right_fixed_999 {
  position: fixed;
  top: 7%;
  right: 0;
  z-index: 999;
  right: -100px;
}

.cp_text {
  background-color: #fff;
  border: 2px solid #ed3138;
  width: 90%;
  margin: 0 auto;
  padding: 10px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05rem;
}

.cp_attention {
  margin-right: 6px;
  vertical-align: text-bottom
}

.tx_time {
  font-size: 30px;
  color: #ed3138;
  background: linear-gradient(transparent 75%, #ff4 75%);
}

.external-blue {
  background: url(/img/usr/assets/shoptop/uptake/2021/external_blue.gif) right no-repeat;
}

.icon {
  background-size: auto 80%;
  padding-right: 20px;
}

/*---------------
  img
---------------*/
.img_100 img {
  max-width: 100%;
  height: auto;
}

.img_90 { width: 100%;}
.img_90 img {
  max-width: 90%;
  height: auto;
}

.width_percent_30 { width: 30% !important;}
.width_max_px_320 { max-width: 320px !important;}

/*---------------
  link
---------------*/
.text_link_333 {
  color: #333;
  text-decoration: underline;
}

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

/*---------------
  text
---------------*/
.fc_fff { color: #fff;}
.fc_ed3138 { color: #ed3138;}
.fc_009ee7 { color: #009ee7;}
.fc_f2f101 { color: #f2f101;}

.lineheight_170{line-height: 1.7 !important;}

.fw_600 { font-weight: 600 !important;}

sup.sup_stn {
  font-size: 11.4px;
  line-height: 1;
}

.text-weight-600 {
  font-weight: 600;
}

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

/*---------------
  font-size
---------------*/
.fz13 { font-size: 13px !important;}
.fz14 { font-size: 14px !important;}
.fz16 { font-size: 16px !important;}
.fz18 { font-size: 18px !important;}
.fz20 { font-size: 20px !important;}
.fz22 { font-size: 22px !important;}
.fz23 { font-size: 23px !important;}
.fz24 { font-size: 24px !important;}
.fz26 { font-size: 26px !important;}
.fz28 { font-size: 28px !important;}
.fz30 { font-size: 30px !important;}
.fz32 { font-size: 32px !important;}
.fz34 { font-size: 34px !important;}
.fz36 { font-size: 36px !important;}
.fz38 { font-size: 38px !important;}
.fz40 { font-size: 40px !important;}
.fz42 { font-size: 42px !important;}
.fz44 { font-size: 44px !important;}
.fz46 { font-size: 46px !important;}
.fz48 { font-size: 48px !important;}
.fz50 { font-size: 50px !important;}
.fz52 { font-size: 52px !important;}
.fz54 { font-size: 54px !important;}
.fz56 { font-size: 56px !important;}
.fz58 { font-size: 58px !important;}
.fz60 { font-size: 60px !important;}

/*---------------
  text-align
---------------*/
.taC { text-align: center !important;}
.taL { text-align: left !important;}
.taR { text-align: right !important;}

/*---------------
  float
---------------*/
.fl-l { float:left !important;}
.fl-r { float:right !important;}

/*---------------
  border
---------------*/
.border-2-e20000 { border: solid 2px #e20000;}
.border-2-fff { border: solid 2px #fff;}
.border_right_959595 { border-right: 1px solid #959595;}
.border_bottom_959595 { border-bottom: 1px solid #959595;}

/*---------------
  background
---------------*/
.bg_fff { background: #fff;}
.bg_f2f2f2 { background: #f2f2f2;}
.bg_ed1c1e { background: #ed1c1e;}
.bg_004e78 { background: #004e78;}

/*---------------
  position
---------------*/
.position-absolute {position: absolute;}
.position-relative {position: relative;}

/*---------------
  margin & padding
---------------*/
.m0 { margin: 0 !important;}
.m0_auto { margin: 0 auto !important;}

.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}
.mt110 { margin-top: 110px !important;}
.mt120 { margin-top: 120px !important;}
.mt130 { margin-top: 130px !important;}
.mt140 { margin-top: 140px !important;}
.mt150 { margin-top: 150px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}

.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr55 { margin-right: 55px !important;}
.mr60 { margin-right: 60px !important;}
.mr65 { margin-right: 65px !important;}
.mr70 { margin-right: 70px !important;}

.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml55 { margin-left: 55px !important;}
.ml60 { margin-left: 60px !important;}
.ml65 { margin-left: 65px !important;}
.ml70 { margin-left: 70px !important;}

.p0 { padding: 0;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}

.pt0 { padding-top: 0px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}
.pt110 { padding-top: 110px !important;}
.pt120 { padding-top: 120px !important;}

.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb100 { padding-bottom: 100px !important;}
.pb120 { padding-bottom: 120px !important;}

.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr30 { padding-right: 30px !important;}
.pr40 { padding-right: 40px !important;}
.pr50 { padding-right: 50px !important;}
.pr60 { padding-right: 60px !important;}

.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl30 { padding-left: 30px !important;}
.pl40 { padding-left: 40px !important;}

@media screen and (max-width:768px) {


  .pr0_sp { padding-right: 0px !important;}
  .pt0_sp { padding-top: 0px !important;}
  .pb0_sp { padding-bottom: 0px !important;}

}
/*---------------
  20210625
---------------*/

.kv_area_11off {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2021/kv_geometric_11off_bg.png);
  background-position: center;
  background-size: cover;
}

.emphasis_firstcart {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 50px;
  top: 35px;
}

.emphasis_firstcart_2m {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 0px;
  top: 50px;
}

.emphasis_secondcart_2m {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 60px;
  top: -80px;
}

.emphasis_firstcart_10off {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 0px;
  top: 75px;
}

.emphasis_secondcart_10off {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 60px;
  top: -80px;
}

.emphasis_lastcart {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 8px;
  top: 18px;
}

.fz80 {font-size: 80px;}

/*---------------20210705---------------*/

/*---------------
  bg
---------------*/
.bg_split {
  background: linear-gradient(90deg,#c74848 0%,#c74848 50%,#2d99a5 50%,#2d99a5 100%);
}

.bd_c00000 {
  position: relative;
  line-height: 1.3;
}

.bd_c00000:after {
  content: "";
  border-bottom: 4px solid #c00000;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: -15px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  width: 60px;
}

.bg_007280_radius {
  background: #007280;
  border-radius: 100px;
}

.bd_2d99a5 {
  position: relative;
  line-height: 1.2;
}

.bd_2d99a5:after {
  content: "";
  border-bottom: 4px solid #2d99a5;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: -20px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  width: 35px;
}

/*---------------
  text
---------------*/
div#font_yugo {
  font-family: "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height:1.7;
  color: #000;
  font-weight: 500;
}

main.font_yugo {
  font-family: "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height:1.7;
  color: #000;
  font-weight: 500;
}

.bg_split ul.notes_special_fz17 li{
  font-size: 17px;
}

.fz75 {font-size: 75px;}

.fc_2d99a5 {
  color: #2d99a5 !important;
}

/*---------------
  flex
---------------*/
.flex-box-space-between { justify-content: space-between;}

.flex-box-split {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/*---------------
  kv
---------------*/
.kv-area-2d99a5 {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2021/kv_004ea1_2m_present_bg.png);
  background-position: center;
  background-size: cover;
}

/*---------------
  cart
---------------*/
.cart_btn_f4e647 {
  background: #f4e647;
  box-shadow: 0px 4px 0px 0px #dfa941;
}

.cart_btn_f4e647:hover {
  box-shadow: 0px 1px 0px 0px #dfa941;
}

.cart_btn_b7b7b7 {
  background: #b7b7b7;
  box-shadow: 0px 4px 0px 0px #7a7676;
}

.cart_btn_b7b7b7:hover {
  box-shadow: 0px 1px 0px 0px #7a7676;
}

.cart_btn_e0e0e0 {
  background: #e0e0e0;
  box-shadow: 0px 4px 0px 0px #878787;
}
.cart_btn_e0e0e0:hover {
  box-shadow: 0px 1px 0px 0px #878787;
}

.col_box_csv_cart a .csv_cart_btn_02 {
  width: 100%;
  margin-top: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s;
}

.col_box_csv_cart a .csv_cart_btn_02:hover {
  margin: 8px auto 0px;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
  opacity: 0.7;
}

.cart_btn_f5e631_02 {
  background: #f5e631;
  box-shadow: 0px 8px 0px 0px #ab7100;
}
.cart_btn_f5e631_02:hover {
  box-shadow: 0px 1px 0px 0px #ab7100;
}

.cart_btn_b7b7b7_02 {
  background: #b7b7b7;
  box-shadow: 0px 4px 0px 0px #7a7676;
}
.cart_btn_b7b7b7_02:hover {
  box-shadow: 0px 1px 0px 0px #7a7676;
}

.btn_solid_radius_30 {
  position: relative;
  display: block;
  margin-top: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
}

hr.hr_fff {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  border: 0;
}


.csv_cart_area {
  background-image: url(/assets/images/bg/bg_csv_cart_bg.png);
  background-size: cover;
}

.col_box_csv_cart {
  width: 100%;
  position: relative;
}
.col_box_csv_cart .cart_btn_b7b7b7::before{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  background-image: url(/img/usr/assets/shoptop/uptake/2021/icon_store_cart_fff.svg);
  background-size: 20px 20px;
}
.col_box_csv_cart .cart_btn_e0e0e0::before{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  background-image: url(/img/usr/assets/shoptop/uptake/2024/icon_store_cart_bk_fff.png);
  background-size: 20px 20px;
}

.col_in_2_csv_cart {
  width: 45%;
  margin-right: 10%;
  padding-top: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.col_box_csv_cart a .csv_cart_pkg {
  transition: all 0.2s;
}

.col_box_csv_cart a .csv_cart_pkg:hover {
  opacity: 0.7;
}

.col_box_csv_cart a .csv_cart_btn,
.col_box_csv_cart a .csv_cart_btn_radius30 {
  width: 100%;
  margin-top: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s;
}

.col_box_csv_cart a .csv_cart_btn_radius30{
  border-radius: 30px;
}

.col_box_csv_cart a .csv_cart_btn:hover,
.col_box_csv_cart a .csv_cart_btn_radius30:hover {
  margin: 4px auto 0px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  transform: translateY(4px);
  opacity: 0.7;
}

.cart_split_top_pkg {
  width: auto;
  height: 250px;
}

/*---------------
  border
---------------*/
.border_bottom_fff { border-bottom: 1px solid #fff;}
.border_t_b_000 { border-top: 1px solid #000; border-bottom: 1px solid #000;}

/*---------------
  link
---------------*/
.text_link_fff {
  color: #fff;
  text-decoration: underline;
}

.text_link_fff:hover{
  color: #fff;
  text-decoration: none;
}

/*---------------
  hover
---------------*/
a.tx_deco_none {
  text-decoration: underline;
}

a.tx_deco_none:hover {
  text-decoration: none;
}

/*---------------
  inner
---------------*/
.inner_880 {
  width: 880px;
  max-width: 100%;
  margin: 0 auto;
}

.inner_1028 {
  width: 1028px;
  max-width: 100%;
  margin: 0 auto;
}

.inner_1100 {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
}

/*---------------
  vertical
---------------*/
.va_top { vertical-align: top !important;}
.va_middle { vertical-align: middle !important;}


/*---------------
  border
---------------*/
.bd_fff {
  position: relative;
  line-height: 1.3;
}

.bd_fff:after {
  content: "";
  border-bottom: 4px solid #fff;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: -15px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  width: 60px;
}

.tx_l_bd_2d99a5 {
  border-left: 6px solid #2d99a5;
  line-height: 1;
}

.markerline_f5e631 {
  background: linear-gradient(transparent 60%,#f5e631 0%);
}

/*---------------
  balloon
---------------*/
.balloon_top_5 {
  background: url(/img/usr/assets/shoptop/uptake/2021/icon_balloon_top_5.png) no-repeat center;
  background-image: url(/img/usr/assets/shoptop/uptake/2021/icon_balloon_top_5.png);
  background-position-x: center;
  background-position-y: center;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  height: 525px;
}

.balloon_red {
  position: relative;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 6px 10px;
  width: 100%;
  color: #ce002b;
  text-align: center;
  background: #FFF;
  border: solid 2px #ce002b;
  box-sizing: border-box;
}

.balloon_red:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon_red:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -14px;
  border: 14px solid transparent;
  border-top: 13px solid #ce002b;
  z-index: 1;
}

.balloon_blk {
  position: relative;
  display: inline-block;
  margin: 0 0 12px 0;
  padding: 6px 10px;
  width: 100%;
  color: #000;
  text-align: center;
  background: #FFF;
  border: solid 2px #000;
  box-sizing: border-box;
}

.balloon_blk:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon_blk:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -14px;
  border: 14px solid transparent;
  border-top: 13px solid #000;
  z-index: 1;
}

.balloon_red p, .balloon_blk p {
  margin: 0;
  padding: 0;
}

/*---------------
  faq
---------------*/
p.p_faq_split {
  position: relative;
  margin: 0;
  padding-left: 28px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7;
}

.mark_q_split,
.mark_a_split {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  font-size: 20px;
  font-weight: 600;
}

.mark_q_split {
  color: #2d99a5;
  line-height: 1.4;
}

.mark_a_split {
  color: #c74848;
  line-height: 1.6;
}

.external-white {
  background: url(/img/usr/assets/shoptop/uptake/2021/external_white.gif) right no-repeat;
}

.icon_external-white_split {
  background-size: auto 80%;
  padding-right: 20px;
}

/*---------------
  split_deco
---------------*/
.posi_relative { position: relative !important;}

.split_deco_top_left_17 {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_om_red_l_top.png) no-repeat;
  position: absolute;
  top: -17px;
  left: 0;
  width: 280px;
  height: 115px;
}

.split_deco_top_right {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_border_grn.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 101px;
  height: 100px;
}

.split_deco_bottom_right_18 {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_om_grn_r_bottom.png) no-repeat;
  position: absolute;
  bottom: -18px;
  right: -1px;
  width: 280px;
  height: 115px;
}

.split_deco_top_left {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_border_red.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 101px;
  height: 100px;
}

.sp_dis .split_deco_top_left {
  background: url(/img/usr/assets/shoptop/uptake/2023/bg_border_red_sp.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 101px;
  height: 100px;
}

.split_deco_top_right_17 {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_om_grn_r_top.png) no-repeat;
  position: absolute;
  top: -17px;
  right: -1px;
  width: 280px;
  height: 115px;
}

.sp_dis .split_deco_top_right_17 {
  background: url(/img/usr/assets/shoptop/uptake/2023/bg_om_grn_r_top_sp.png) no-repeat;
  position: absolute;
  top: -17px;
  right: -105px;
  width: 280px;
  height: 115px;
}

.split_deco_bottom_left_18 {
  background: url(/img/usr/assets/shoptop/uptake/2021/bg_om_red_l_bottom.png) no-repeat;
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 280px;
  height: 115px;
}

.sp_dis .split_deco_bottom_left_18 {
  background: url(/img/usr/assets/shoptop/uptake/2023/bg_om_red_l_bottom_sp.png) no-repeat;
  position: absolute;
  bottom: -54px;
  left: 0;
  width: 280px;
  height: 115px;
}

/*---------------
  line-height
---------------*/
.line_h_1_1 { line-height: 1.1 !important;}
.line_h_1_2 { line-height: 1.2 !important;}
.line_h_1_3 { line-height: 1.3 !important;}
.line_h_1_4 { line-height: 1.4 !important;}
.line_h_1_5 { line-height: 1.5 !important;}
.line_h_1_6 { line-height: 1.6 !important;}
.line_h_1_7 { line-height: 1.7 !important;}
.line_h_1_8 { line-height: 1.8 !important;}
.line_h_1_9 { line-height: 1.9 !important;}
.line_h_2 { line-height: 2 !important;}

/*---------------
  margin & padding
---------------*/
.pr25 { padding-right: 25px !important;}
.pr35 { padding-right: 35px !important;}

.pl25 { padding-left: 25px !important;}
.pl35 { padding-left: 35px !important;}
.pl50 { padding-left: 50px !important;}
.pl60 { padding-left: 60px !important;}


/*---------------20210712---------------*/

.relief_cart label {
  position: relative;
  color: #fff;
  background: #E20000;
  font-size: 24px;
  line-height: 1.2;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  padding-top: 15px;
  width: 100%;
  text-align: center;
  display: block;
  border-bottom: 2px solid #cccccc;
}

.vbhn_vb_set_cart label {
  position: relative;
  color: #fff;
  background: #e20000;
  font-size: 22px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
  text-align: center;
  display: block;
  border-bottom: 2px solid #cccccc;
}

.relief_cart label:hover, .vbhn_vb_set_cart label:hover {
  opacity: 0.8;
}

@keyframes shake {
  10%, 90% { transform: rotate(90deg) scale(1,1.8) translate3d(-1px, 0, 0); }
  20%, 80% { transform: rotate(90deg) scale(1,1.8) translate3d(+2px, 0, 0); }
  30%, 70% { transform: rotate(90deg) scale(1,1.8) translate3d(-4px, 0, 0); }
  40%, 60% { transform: rotate(90deg) scale(1,1.8) translate3d(+4px, 0, 0); }
  50% { transform: rotate(90deg) scale(1,1.8) translate3d(-4px, 0, 0); }
}

.relief_cart label:before, .vbhn_vb_set_cart label:before {
  content: ">";
  transform: rotate(90deg) scale(1,1.8);
  animation: shake 1.5s infinite;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  width: 30px;
  height: 30px;
  top: 15px;
  right: 25px;
}

.relief_cart label.on:before, .vbhn_vb_set_cart label.on:before {
  content: "<";
  animation: none;
}

.relief_cart input, .vbhn_vb_set_cart input {
  display: none;
}

.relief_cart .hidden_show, .vbhn_vb_set_cart .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}

.relief_cart input:checked + .hidden_show {
  padding-top: 20px;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  background: #fff;
}

.vbhn_vb_set_cart input:checked + .hidden_show {
  padding-top: 20px;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  background: #fff;
}

.col_cart_balloon {
  color: #fff;
  background-color: #E20000;
  margin: 0;
  border-radius: 8px;
  position: relative;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
}

.col_cart_balloon:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #E20000;
  top: 45px;
  left: 0;
  right: 0;
  margin: auto;
}

.lineheight_120 {line-height: 1.2;}
.pl0 { padding-left: 0px !important;}
.pr0 { padding-right: 0px !important;}
.width_percent_100 { width: 100% !important;}

p.p_title_tx_ar {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 8px;
  border-left: 7px solid #D0001F;
}

.check_text {
  position: relative;
  padding-left: 25px;
}

span.icon_check_c30016 {
  background-image: url(/img/usr/assets/shoptop/uptake/2021/icon_check_c30016.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  max-width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 1em;
  vertical-align: bottom;
}

.mark_check {
  position: absolute;
  top: 5px;
  left: 0;
}

/*---------------
  カラム
---------------*/
.col_box {
  width: 100%;
  position: relative;
}

/*---------------
  flex
---------------*/
.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex-wrap: wrap;
}

.flex_justify-content_center { justify-content: center;}
.flex_justify-content_space-around { justify-content: space-around;}
.flex_align-items_center { align-items: center;}
.flex_align-items_flex-end { align-items: flex-end;}
.flex_wrap_nowrap { flex-wrap: nowrap;}

/*---------------
  3カラム
---------------*/
.flex_box .col_in_3 {
  -ms-flex: 0 1 auto;
  width: 33.33%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

/*---------------
  2カラム-3:7
---------------*/
.flex_box .col_in_2-3 {
  -ms-flex: 0 1 auto;
  width: 30%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.flex_box .col_in_2-7 {
  -ms-flex: 0 1 auto;
  width: 70%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

.emphasis_arcart {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 8px;
  top: 40px;
}


/*---------------20210727---------------*/

.mt16 { margin-top: 16px !important;}

.mb65 { margin-bottom: 65px !important;}

.fz12 { font-size: 12px !important;}

.fc_ce002b { color: #ce002b;}

.kv_area {
  width: 100%;
  background: url(/img/usr/assets/shoptop/uptake/2021/kv_bg.jpg);
}

.kv_area img {
  max-width: 100%;
}


/*---------------20211207---------------*/

.fc_222 {color: #222 !important;}
.fc_666 {color: #666 !important;}
.fc_ffef2d {color: #ffef2d !important;}
.fc_f04f4f {color: #f04f4f !important;}
.fz55 {font-size: 55px !important;}

.pl80 {padding-left: 80px !important;}
.pl100 {padding-left: 100px !important;}
.pl70 {padding-left: 70px !important;}
.pr70 {padding-right: 70px !important;}

/*---------------
  new_cart
---------------*/

.col_box .new_cart_col_3-3 {
  width: 340px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.col_box .new_cart_col_3-1 {
  width: 310px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.col_box .new_cart_col_2-3 {
  width: 570px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.col_box .new_cart_col_2-1 {
  width: 410px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.new_cart_normal {
  background-color: #e8e8e8;
  border-radius: 10px;
  padding-bottom: 35px;
}

.new_cart_emphasis {
  background-color: #f04f4f;
  border-radius: 10px;
  padding-bottom: 35px;
  box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 30%);
}

.new_cart_permonth_3 {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #f04f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.new_cart_permonth {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.new_cart_normal_10off {
  background-color: #e8e8e8;
  padding-bottom: 35px;
}

.new_cart_emphasis_10off {
  background: linear-gradient(340deg, #f04f4f, 60%, #f67f83);
  background-color: #f04f4f;
  padding-bottom: 35px;
  box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 30%);
}

.new_cart_permonth_3_10off {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid;
  border-image: linear-gradient(270deg, #f3696c, #f67f83);
  border-image-slice: 1;
}

.new_cart_permonth_10off {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #e8e8e8;
}

.new_cart_ttl {
  width: auto;
  margin: 0 25px;
  padding: 20px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.new_cart_ttl_nomal {
  width: auto;
  margin: 0 25px;
  padding: 20px 0;
  border-bottom: 2px solid rgba(2, 2, 2, 0.3);
}

.new_cart_ttl_c {
  width: auto;
  margin: 0 40px;
  padding: 20px 0 15px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.new_cart_ttl_nomal_c {
  width: auto;
  margin: 0 40px;
  padding: 20px 0;
  border-bottom: 2px solid rgba(2, 2, 2, 0.3);
}

.new_cart_campaign {
  width: fit-content;
  margin: auto;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #c74848;
  border-radius: 20px;
  padding: 0 35px;
}

.new_cart_btn_b7b7b7 {
  background: #b7b7b7;
  box-shadow: 0px 4px 0px 0px #7a7676;
}

.new_cart_btn_b7b7b7:hover {
  box-shadow: 0px 1px 0px 0px #7a7676;
}



.new_modal_link {
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: 600;
}
.new_modal_link:hover {
  opacity: 0.8;
}

.new_modal_link .icon_arrow_circle {
  background: url(/img/usr/assets/shoptop/uptake/2021/icon_arrow_circle_r_f04f4f.png) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 5px;
}

.assessment__cell-badge {
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
}