@charset "utf-8";

@media screen and (max-width: 640px) {
/*共通で使用するもの　ここから*/
.line_black_dotted {
  display: block !important;
  margin: 20px 2% !important;
}
.sp_block {
  display: block;
}
.sp_unset {
  display: unset;
}
.sp_height_auto {
  height: auto !important;
}
.sp_width_100 {
  width: 100% !important;
  box-sizing: border-box;
}
.sp_width_98 {
  width: 98% !important;
  margin: 0 1% !important;
  box-sizing: border-box;
}
.sp_width_98_m1 {
  width: 98% !important;
  margin: 1% !important;
  box-sizing: border-box;
}
.sp_width_96 {
  width: 96% !important;
  box-sizing: border-box;
}
.sp_width_96_mrl2 {
  width: 96% !important;
  margin: 0 2% !important;
  box-sizing: border-box;
}
.sp_width_96_m2 {
  width: 96% !important;
  margin: 2% !important;
  box-sizing: border-box;
}
.sp_width_94_m3 {
  width: 94% !important;
  margin: 3% !important;
  box-sizing: border-box;
}
.sp_width_92_p4 {
  width: 92% !important;
  padding: 4% !important;
  box-sizing: border-box;
}
.sp_width_49 {
  width: 49% !important;
  box-sizing: border-box;
}
.sp_width_32 {
  width: 32% !important;
  box-sizing: border-box;
}
.sp_ma0 {
  margin: 0 !important;
}
.sp_mt0 {
  margin-top: 0 !important;
}
.sp_mr0 {
  margin-right: 0 !important;
}
.sp_mb0 {
  margin-bottom: 0 !important;
}
.sp_ml0 {
  margin-left: 0 !important;
}
.sp_mrl0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.sp_ma2 {
  margin: 2% !important;
}
.sp_mt2 {
  margin-top: 2% !important;
}
.sp_ml2 {
  margin-left: 2% !important;
}
.sp_mr2 {
  margin-right: 2% !important;
}
.sp_mb2 {
  margin-bottom: 2% !important;
}
.sp_mrl2 {
  margin-right: 2% !important;
  margin-left: 2% !important;
}
.sp_mt4 {
  margin-top: 4% !important;
}
.sp_mt6 {
  margin-top: 6% !important;
}
.sp_mt8 {
  margin-top: 8% !important;
}
.sp_mb4 {
  margin-bottom: 4% !important;
}
.sp_mb6 {
  margin-bottom: 6% !important;
}
.sp_mtb4 {
  margin-top: 4% !important;
  margin-bottom: 4% !important;
}
.sp_pa0 {
  padding: 0 !important;
}
.sp_pt0 {
  padding-top: 0 !important;
}
.sp_pr0 {
  padding-right: 0 !important;
}
.sp_pb0 {
  padding-bottom: 0 !important;
}
.sp_pl0 {
  padding-left: 0 !important;
}
.sp_pa2 {
  padding: 2% !important;
}
.sp_pt2 {
  padding-top: 2% !important;
}
.sp_pb2 {
  padding-bottom: 2% !important;
}
.sp_ptb2 {
  padding-top: 2% !important;
  padding-bottom: 2% !important;
}
.sp_pa3 {
  padding: 3% !important;
}
.sp_pa4 {
  padding: 4% !important;
}
.sp_pr4 {
  padding-right: 4% !important;
}
.sp_pl4 {
  padding-left: 4% !important;
}
.sp_pb4 {
  padding-bottom: 4% !important;
}
.sp_floatn {
  float: none !important;
}
.sp_txtc {
  text-align: center !important;
}
.sp_txtl {
  text-align: left !important;
}
.sp_wb_ba {
  word-break: break-all;
}
.sp_width_100 iframe {
  width: 100%;
  height: auto;
}
/*共通で使用するもの　ここまで*/
.box-bg1 .box-bg2 {
  margin-top: 0;
}
.h3_box {
  box-sizing: border-box;
}
.h2-type1 {
  font-size: 15px;
}
h2.h2-type1 {
  margin: 30px 2% 0 !important;
}
h4.h4-type1 {
  margin: 0 !important;
}
section div.box-line2 p.pt10 {
  padding: 10px 0 0 !important;
}
div.df {
  display: block;
}
div.df img {
  margin: 0 0 20px;
  width: 100%;
  height: auto;
}
section.h3_box {
  margin: 0 2% 30px !important;
}
h4.h4-type1 {
  margin: 0 2%;
}
section.h3_box img {
  margin: 0 auto !important;
  width: 100%;
}
.width50 {
  width: 50% !important;
}
.sp_mb10 {
  margin-bottom: 10px;
}
.category_box.product_box_type01 {
  display: block;
}
.category_box_btn:first-child {
  margin: 0 0 20px;
}
.category_box_btn {
  max-width: 100%;
}
.category_box {
  width: 90%;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px) ! important;
  margin: 0 auto;
  line-height: 1.5;
  font-size: 14px;
}
.category_box.product_box_type01 > div {
  width: 100%;
  margin-top: 16px;
}
.category_box.product_box_type01 > div .category_box_price {
  font-size: 4vw;
  top: 35%;
}
.category_box_price {
  position: absolute;
  top: 65px;
  left: 16px;
  font-size: 18px;
  font-weight: bold;
  z-index: 2;
  line-height: 1.2;
}
.category_box.product_box_type01 > div .category_box_title {
  font-size: 5vw;
  top: 7.5%;
}
.category_box_title {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 28px;
  color: #fff;
  z-index: 1;
  background: none;
}
}