/* common */
body{
  background: url(../images/bg_ptn.png);
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.05em;
  width: 100%;
  overflow-x: hidden;
  font-feature-settings: "palt";
}

a{
  text-decoration: none;
}

li{
  list-style: none;
}

img{
  max-width: 100%;
}

.btn{
  transition: all .3s;
}

.btn:hover{
  opacity: .7;
  transition: all .3s;
}

.is-sp{
  display: none;
}

.txt-att{
  font-size: 10px;
  margin-top: 15px;
  padding-left: 1em;
}
.txt-att:before{
  content: "※";
  text-indent: 1em;
  margin-left: -1em;
}

.bg_figure{
  position: absolute;
  z-index: -10;
}



/* header */
header{
  display: flex;
  justify-content: space-between;
  padding: 17px 65px;
}

.header_logo{
  width: 64px;
  display: block;
}

.header_sns{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header_sns_head{
  width: 227px;
  height: auto;
}

.header_sns_item + .header_sns_item{
  margin-left: 24px;
}


/* MV */
.mv{
  margin: 0 auto;
  max-width: 1238px;
  width: 100%;
  position: relative;
}

.mv-att{
  text-align: right;
}

.mv .bg_figure{
  top: 568px;
  right: -300px;
}

/* content */
.content{
  padding: 130px 0 80px;
}

.content_inner{
  width: 1024px;
  margin: auto;
  position: relative;
}

.content_ttl{
  font-size: 40px;
  text-align: center;
  color: #d65a39;
  position: relative;
  letter-spacing: 0.05em;
}

.content_ttl span{
  font-size: 28px;
}

.content_ttl + .content_lead{
  margin-top: 40px;
}

.content_ttl_blc{
  margin-bottom: 64px;
}

.ttl_ornament{
  position: absolute;
  top: -69px;
  left: 50%;
  transform: translateX(-50%);
}

.content_lead{
  font-size: 16px;
  text-align: center;
}


/* intro */
.content.intro{
  padding: 80px 0 0;
}
.ttl_intro{
  width: 408px;
  margin: 0 auto 64px;
  display: block;
}

.intro_item{
  display: flex;
  align-items: center;
}

.intro_lead{
  font-size: 16px;
  margin-left: 40px;
  flex: 1;
}


/* content01 */
.content01 .bg_figure.top{
  top: 10px;
  left: -90px;
}
.content01_item{
  position: relative;
  width: 100%;
}

.content01_item + .content01_item{
  margin-top: 64px;
}

.content01_img{
  padding-top: 68px;
  display: block;
}

.left .content01_img{
  margin-left: -171px;
}
.right .content01_img{
  margin-left: auto;
  margin-right: -171px;
}

.left .bg_figure{
  top: 322px;
  right: -130px;
}
.right .bg_figure{
  top: 466px;
  left: 320px;
}

.content01_text{
  width: 472px;
  height: 370px;
  padding: 45px 20px 30px 30px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 0;
  z-index: 10;
}
.left .content01_text{
  right: 0;
}
.right .content01_text{
  left: 0;
}

.content01_text.red{
  background: #d65a39;
}
.content01_text.yellow{
  background: #e69918;
}
.content01_text.brown{
  background: #a17643;
}

.content01_ttl{
  margin-bottom: 25px;
}
.red .content01_ttl{
  width: 243px;
  margin-top: 25px;
}
.yellow .content01_ttl{
  width: 220px;
}
.brown .content01_ttl{
  width: 408px;
}
.content01_subttl{
  font-size: 18px;
}
.content01_lead{
  font-size: 16px;
  margin-top: 20px;
}

/* 手に入れる方法 */
.content_method{
  background: url(../images/bg_ptn_brown.png);
  position: relative;
  margin: 47px auto 72px;
}
.content_method:before{
  content: "";
  position: absolute;
  display: block;
  top: -47px;
  left: 0;
  width: 100vw;
  height: 47px;
  background: url(../images/bg_wave_top_01.png) top left / cover no-repeat;
}
.content_method:after{
  content: "";
  position: absolute;
  display: block;
  bottom: -72px;
  left: 0;
  width: 100vw;
  height: 72px;
  background: url(../images/bg_wave_bottom_01.png) top left / cover no-repeat;
}

.content_method .bg_figure,
.content_voice .bg_figure{
  z-index: 0;
}
.content_method .bg_figure.top{
  top: -306px;
  right: -100px;
}
.content_method .bg_figure.left01{
  top: -10px;
  left: -502px;
}
.content_method .bg_figure.left02{
  top: 1580px;
  left: -170px;
}
.content_method .bg_figure.bottom{
  bottom: 325px;
  right: -520px;
}

.method_menu{
  display: flex;
  justify-content: space-between;
}

.method_btn{
  width: 492px;
  border-radius: 8px;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: block;
}
.method_btn_chance{
  width: 132px;
}
.method_btn span{
  font-style: italic;
}
.method_btn_arrow{
  position: absolute;
  top: 50%;
  right: 40px;
  width: 20px;
  transform: translateY(-50%);
}

.method_btn.present{
  background: #d65a39;
}
.method_btn.buy{
  background: #e69918;
}

.method_content{
  background: #fff;
  border-radius: 15px;
  padding: 40px;
  position: relative;
  margin-top: 84px;
  color: #57331b;
  text-align: center;
}

.method_ribon{
  width: 236px;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.method_ttl_blc{
  font-weight: bold;
  position: relative;
  margin-bottom: 45px;
}
.method_ttl_blc:before{
  position: absolute;
  display: block;
  content: "";
  width: 50%;
  height: 14px;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.method_ttl_blc.chance01:before{
  background: url(../images/method_ttl_ornament_01.svg) center top no-repeat;
  background-size: contain;
}
.method_ttl_blc.chance02:before{
  background: url(../images/method_ttl_ornament_02.svg) center top no-repeat;
  background-size: contain;
}
.method_ttl{
  font-size: 28px;
  margin-top: 20px;
}
.method_ttl span{
  color: #d65a39;
}
.method_subttl{
  font-size: 24px;
  margin-top: 28px;
}
.method_subttl span{
  color: #e69918;
}
.method_ttl_ornament{
  margin: 5px auto 0;
  display: block;
  width: 100%;
}
.method_cp_ttl_blc{
  margin: 24px 0 36px;
  font-weight: bold;
}
.method_cp_subttl{
  font-size: 20px;
}
.method_cp_ttl{
  font-size: 28px;
}
.method_cp_ttl img{
  display: inline-block;
  margin-right: 9px;
}
.method_cp_contttl{
  width: 155px;
  margin: 0 auto 32px;
  display: block;
}

.method_present_content + .method_present_content{
  margin-top: 40px;
}
.method_present_detail,
.method_step_blc{
  display: flex;
  justify-content: space-between;
}
.method_present_ttl{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}
.method_present_people span{
  font-size: 140%;
}
.slash{
  display: inline-block;
  width: 18px;
}
.slash.left{
  margin-right: 9px;
}
.slash.right{
  margin-left: 9px;
}

.method_present_img{
  position: relative;
}

.method_label_prize{
  position: absolute;
  top: -54px;
  left: -16px;
  width: 87px;
}

.method_present_limit{
  font-size: 20px;
  letter-spacing: 0.075em;
  font-weight: bold;
}
.method_present_limit span{
  font-size: 75%;
}

.method_step{
  width: 452px;
  padding: 30px 40px 34px;
  background: #fcf4e7;
  border-radius: 10px;
}
.method_step_ttl{
  width: 116px;
  margin: 0 auto 24px;
  display: block;
}
.method_step_txt{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.8;
}
.method_follow_btn{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background: #1da1f2;
  padding: 16px 24px;
  margin-top: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 8px;
}

.method_present_content .txt-att{
  text-align: left;
}

.method_req{
  margin: 56px 0;
}
.method_req_lead{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}
.method_req_lead span{
  color: #d65a39;
}

.method_req_acd_ttl{
  width: 100%;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #57331b;
  padding: 24px 0;
  border-radius: 8px;
  position: relative;
  transition: all .3s;
  cursor: pointer;
}
.method_req_acd_ttl.is-active{
  border-radius: 8px 8px 0 0;
  transition: all .3s;
}
.acd_icon{
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.acd_icon::before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.acd_icon::after{
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.method_req_acd_ttl.is-active .acd_icon::after{
  content: none;
}

.method_req_acd_inner{
  display: none;
  background: #fff;
  padding: 40px;
  font-size: 14px;
  border-radius: 0 0 8px 8px;
  color: #383028;
  line-height: 1.6;
  font-feature-settings: normal;
}

.method_req_paragraph + .method_req_paragraph{
  margin-top: 15px;
}

.method_req_paragraph .txt-att{
  margin-top: 0;
  display: inline-block;
}

.method_req_list li{
  padding-left: 1em;
}
.method_req_list li:before{
  content: "・";
  text-indent: 1em;
  margin-left: -1em;
}

.method_buy_ttl{
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 25px;
  color: #d65a39;
  font-weight: bold;
}
.method_buy_ttl img{
  margin-right: 13px;
  width: 87px;
}
.method_buy_ttl span{
  font-size: 75%;
}

.method_buy_lead{
  font-size: 16px;
  font-weight: bold;
}

.method_buy_product_ttl{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 50px;
}
.method_buy_product_ttl p{
  margin: 0 5px;
  font-size: 20px;
  font-weight: bold;
}
.method_buy_product_ttl img{
  width: 34px;
}
.method_buy_product_detail{
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.method_buy_price{
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #333333;
  text-align: left;
}
.method_buy_price span{
  color: #e60000;
}
.method_buy_price::after{
  content: '（税込・送料別）';
  font-size: 12px;
  font-weight: normal;
}
.method_buy_btn{
  width: 320px;
  font-weight: bold;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 15px;
}
.method_buy_btn + .method_buy_btn{
  margin-top: 14px;
}
.method_buy_btn_icon{
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.method_buy_btn_icon.buy{
  background: #0050c8;
}
.method_buy_btn_icon.share{
  background: #b2912b;
}
.method_buy_btn_icon img{
  width: 26px;
}
.method_buy_btn_text{
  font-size: 24px;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  flex: 1;
}
.method_buy_btn_text.buy{
  background: linear-gradient(to right, #3ca0ff,#3cd2f0);
}
.method_buy_btn_text.share{
  background: linear-gradient(to right, #e6c957,#f5e07c);
}
.method_buy_btn:hover .method_buy_btn_icon.buy{
  background: #147800;
}
.method_buy_btn:hover .method_buy_btn_icon.share{
  background: #cc421c;
}
.method_buy_btn:hover .method_buy_btn_text.buy{
  background: linear-gradient(to right, #17c300,#a2de02);
}
.method_buy_btn:hover .method_buy_btn_text.share{
  background: linear-gradient(to right, #ff7f57,#ff9f5e);
}

.method_delivery_content{
  font-weight: bold;
  padding: 42px 0;
  background: #fff;
  border: 2px solid #d65a39;
  border-radius: 15px;
  margin-top: 56px;
}
.method_delivery_ttl{
  color: #d65a39;
  font-size: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.method_delivery_txt{
  font-size: 12px;
  display: flex;
  justify-content: center;
  line-height: 1.8;
}

/* 衝撃的に旨い蟹を食べたい方はこちら */
.content_eat .content_inner .bg_figure.top{
  top: -130px;
  left: -120px;
}
.content_eat .content_inner .bg_figure.bottom{
  bottom: -50px;
  right: -150px;
}
.content_products{
  display: flex;
  justify-content: space-between;
}
.content_products_name{
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.content_products_btn{
  display: block;
  padding: 38px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: #a17643;
  text-align: center;
  margin: 80px auto 0;
  border-radius: 8px;
  width: 440px;
  position: relative;
}
.content_products_btn img{
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) rotate(-90deg);
}

/* 参加したモデルさんの声 */
.content_voice{
  background: url(../images/bg_ptn_beige.png);
  position: relative;
  margin: 48px auto 0;
}

.content_voice:before{
  content: "";
  position: absolute;
  display: block;
  top: -48px;
  left: 0;
  width: 100vw;
  height: 48px;
  background: url(../images/bg_wave_top_02.png) top left / cover no-repeat;
}
.content_voice:after{
  content: "";
  position: absolute;
  display: block;
  bottom: -100px;
  left: 0;
  width: 100vw;
  height: 100px;
  padding-bottom: 100px;
  background: url(../images/bg_wave_bottom_02.png) top left / cover no-repeat;
}

.content_voice .bg_figure.top{
  top: -50px;
  left: -130px;
}
.content_voice .bg_figure.bottom{
  bottom: -76px;
  right: -50px;
}

.content_voice_mv{
  display: block;
  margin: auto;
}

.content_voice_balloon{
  margin: 56px auto 0;
  background: #fff;
  border-radius: 15px;
  padding: 16px 40px 24px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  width: 720px;
  line-height: 2.375;
  letter-spacing: 0.075em;
  display: flex;
  justify-content: center;
}
.content_voice_point{
  font-size: 120%;
  color:  #e69918;
}
.content_voice_point span{
  position: relative;
}
.content_voice_point span:before{
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: url(../images/dotted.svg) no-repeat;
  left: 50%;
  transform: translateX(-50%);
}
.content_voice_point span:nth-of-type(3n-1):before{
  bottom: -10px;
}
.content_voice_point span:nth-of-type(3n):before{
  bottom: -11px;
}
.content_voice_point span:nth-of-type(3n+1):before{
  bottom: -12px;
}

.content_voice_balloon_tail{
  position: absolute;
  width: 68px;
  top: -22px;
  left: 304px;
}

/* ご利用案内 */
.content_guide{
  background: #fff;
}

.content_guide_ttl{
  color: #1b48a6;
  font-size: 32px;
  text-align: center;
  margin-bottom: 60px;
}

.content_guide_inner{
  display: flex;
  justify-content: space-between;
}

.content_guide_col{
  width: calc(50% - 20px);
}

.content_guide_blc + .content_guide_blc{
  margin-top: 40px;
}

.content_guide_blc_ttl{
  width: 100%;
  background: #e6ebf0;
  border-top: 2px solid #1b48a6;
  border-bottom: 1px solid #1b48a6;
  color: #1b48a6;
  font-size: 18px;
  padding: 10px 0 10px 15px;
}

.content_guide_item{
  margin-top: 30px;
}

.content_guide_item p{
  margin-top: 20px;
  font-size: 14px;
}

.content_guide_item_ttl{
  font-size: 16px;
  font-weight: bold;
  color: #1b48a6;
}
.content_guide_item_ttl:before{
  content: '■';
}

.content_guide_card{
  display: flex;
  margin-top: 20px;
}

.content_guide_card img{
  height: 36px;
  width: auto;
}
.content_guide_card img + img{
  margin-left: 10px;
}

.content_guide_amapay{
  margin-top: 20px;
  width: 158px;
  height: auto;
}

.content_guide_table{
  width: 100%;
  font-size: 14px;
  text-align: left;
  margin-top: 20px;
  border-collapse: collapse;
}
.content_guide_table th{
  background: #e6ebf0;
}
.content_guide_table th,
.content_guide_table td{
  padding-left: 16px;
  height: 48px;
  border: 1px solid #ccc;
}

.content_guide_tel{
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 20px;
}
.content_guide_tel_ttl{
  font-size: 16px;
  font-weight: bold;
}
.content_guide_tel_number{
  font-size: 32px;
  font-weight: bold;
  color: #1b48a6;
  margin-top: 5px;
}
.content_guide_tel_number img{
  display: inline-block;
  margin-right: 10px;
}
.content_guide_tel_number span{
  font-size: 14px;
  color: #333;
}
.content_guide_tel_time{
  margin-top: 10px;
  font-size: 14px;
}
.content_guide_item a{
  color: #1b48a6;
  text-decoration: underline;
}

/* footer */
.footer{
  background: #1b48a6;
  color: #fff;
  font-size: 16px;
  padding: 50px 0;
  text-align: center;
  position: relative;
}
.top_btn{
  position: absolute;
  top: -40px;
  right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,.8);
  border-radius: 8px;
  width: 80px;
  height: 80px;
}
.top_btn img{
  transform: rotate(180deg);
}
.top_btn:hover{
  background: rgba(0, 0, 0, 1);
}

/* SP */
@media screen and (max-width: 768px) {
  /* common */
  .is-sp{
    display: block;
  }
  .is-pc{
    display: none;
  }
  .txt-att{
    margin-top: 10px;
  }

  /* header */
  header{
    padding: 15px;
    align-items: center;
  }

  .header_logo{
    width: 47px;
  }

  .header_sns_head{
    width: 155px;
    height: auto;
  }

  .header_sns_item.sns_btn{
    width: 23px;
  }

  .header_sns_item + .header_sns_item{
    margin-left: 10px;
  }

  /* MV */
  .mv{
    max-width: 100%;
    padding: 0 15px;
  }

  .mv-att{
    text-align: left;
  }

  .mv .bg_figure{
    width: 260px;
    top: 380px;
    right: -180px;
  }

  /* content */
  .content{
    padding: 85px 0 30px;
  }

  .content_inner{
    width: 100%;
    padding: 0 15px;
  }

  .content_ttl{
    font-size: 28px;
    position: relative;
  }

  .content_ttl span{
    font-size: 20px;
    line-height: 1.4;
    display: inline-block;
  }

  .content_ttl + .content_lead{
    margin-top: 28px;
  }

  .content_ttl_blc{
    margin-bottom: 28px;
  }

  .ttl_ornament{
    width: 64px;
    top: -40px;
  }

  .content_lead{
    font-size: 14px;
    line-height: 1.8;
  }

  /* intro */
  .content.intro{
    padding: 48px 0 0;
  }
  .ttl_intro{
    width: 270px;
    margin: 0 auto 32px;
  }

  .intro_item{
    flex-direction: column;
  }

  .intro_lead{
    font-size: 14px;
    line-height: 1.8;
    margin: 28px 0 0;
    text-align: center;
  }

  /* content01 */
  .content01 .bg_figure.top{
    width: 73px;
    top: -54px;
    left: -10px;
  }
  .content01_item{
    position: relative;
    width: 100%;
  }
  .content01_item + .content01_item{
    margin-top: 40px;
  }

  .content01_img{
    padding-top: 0;
    max-width: none;
    width: calc(100% + 20px);
  }

  .left .content01_img{
    margin-left: -20px;
  }
  .right .content01_img{
    margin-right: -20px;
  }

  .content01_size{
    width: 287px;
    margin-top: 20px;
  }

  .left .bg_figure{
    width: 85px;
    top: 400px;
    right: -40px;
  }
  .right .bg_figure{
    width: 67px;
    top: 450px;
    left: -10px;
  }

  .content01_text{
    width: 92%;
    height: auto;
    padding: 32px 8px 32px 15px;
    position: relative;
    margin-top: -22px;
    z-index: 10;
  }
  .right .content01_text{
    margin-left: auto;
  }
  .content01_ttl{
    margin-bottom: 18px;
    line-height: 1.6;
  }
  .red .content01_ttl{
    width: 155px;
    margin-top: 0;
  }
  .yellow .content01_ttl{
    width: 145px;
  }
  .brown .content01_ttl{
    width: 215px;
  }
  .content01_subttl{
    font-size: 14px;
  }
  .content01_lead{
    font-size: 12px;
    margin-top: 16px;
  }


  /* 手に入れる方法 */
  .content_method{
    margin: 40px auto 20px;
  }
  .content_method:before{
    top: -12px;
    height: 12px;
  }
  .content_method:after{
    bottom: -20px;
    height: 20px;
  }

  .content_method .bg_figure.top{
    width: 100px;
    top: -128px;
    right: 10px;
  }
  .content_method .bg_figure.left01{
    width: 215px;
    top: -25px;
    left: -155px;
  }
  .content_method .bg_figure.left02{
    width: 80px;
    top: 1740px;
    left: -40px;
  }
  .content_method .bg_figure.bottom{
    bottom: 325px;
    right: -520px;
  }

  .method_menu{
    display: flex;
    justify-content: space-between;
  }

  .method_btn{
    width: calc(50% - 10px);
    padding: 15px 0 34px;
    font-size: 12px;
  }
  .method_btn_chance{
    width: 82px;
    margin-bottom: 10px;
  }
  .method_btn_arrow{
    top: auto;
    bottom: 14px;
    right: auto;
    left: 50%;
    width: 14px;
    transform: translateX(-50%);
  }

  .method_content{
    padding: 32px 25px;
    margin-top: 50px;
  }
  .method_content.chance02{
    padding: 32px 15px;
  }

  .method_ribon{
    width: 158px;
    top: -18px;
  }
  .method_ttl_blc{
    margin-bottom: 36px;
  }
  .method_ttl_blc:before{
    width: 100%;
    height: 10px;
    bottom: -15px;
  }
  .method_ttl_blc.chance02:before{
    width: calc(100% - 20px);
  }
  .method_ttl{
    font-size: 16px;
    margin-top: 16px;
  }
  .method_subttl{
    font-size: 16px;
    margin-top: 17px;
  }
  .chance02 .method_subttl{
    font-size: 14px;
  }
  .method_subttl span{
    color: #e69918;
  }
  .method_ttl_ornament{
    margin: 5px auto 0;
    display: block;
  }
  .method_cp_ttl_blc{
    margin: 20px 0 28px;
  }
  .method_cp_subttl{
    font-size: 14px;
  }
  .method_cp_ttl{
    font-size: 18px;
  }
  .method_cp_ttl img{
    width: 18px;
    margin-right: 6px;
  }
  .method_cp_contttl{
    width: 140px;
    margin: 0 auto 20px;
  }

  .method_present_content + .method_present_content{
    margin-top: 32px;
  }
  .method_present_detail,
  .method_step_blc{
    flex-direction: column;
  }
  .method_present_item + .method_present_item{
    margin-top: 28px;
  }
  .method_present_ttl{
    font-size: 16px;
    margin-bottom: 16px;
  }
  .method_present_people span{
    font-size: 140%;
  }

  .method_label_prize{
    position: absolute;
    top: -22px;
    left: -13px;
    width: 60px;
  }

  .method_present_limit{
    font-size: 16px;
  }

  .method_step{
    width: calc(100% + 20px);
    padding: 20px 15px;
    margin-left: -10px;
  }
  .method_step + .method_step{
    margin-top: 20px;
  }
  .method_step_ttl{
    width: 77px;
    margin: 0 auto 16px;
  }
  .method_step_txt{
    font-size: 14px;
  }
  .method_follow_btn{
    padding: 16px 20px;
    margin-top: 16px;
    font-size: 14px;
  }
  .method_follow_btn img{
    width: 23px;
  }

  .method_present_content .txt-att{
    text-align: left;
  }

  .method_req{
    margin: 32px 0 50px;
  }
  .method_req_lead{
    font-size: 14px;
    margin-bottom: 28px;
  }

  .method_req_acd_ttl{
    font-size: 14px;
    padding: 18px 0;
  }
  .acd_icon{
    display: block;
    width: 16px;
    height: 16px;
    right: 17px;
  }
  .acd_icon::before{
    height: 2px;
  }
  .acd_icon::after{
    width: 2px;
  }

  .method_req_acd_inner{
    padding: 28px 15px 20px;
    font-size: 12px;
  }

  .method_req_paragraph .txt-att{
    margin-top: 0;
    display: inline-block;
  }

  .method_req_list li{
    padding-left: 1em;
  }
  .method_req_list li:before{
    content: "・";
    text-indent: 1em;
    margin-left: -1em;
  }

  .method_buy_ttl{
    font-size: 18px;
    margin: 16px 0 20px;
  }
  .method_buy_ttl img{
    margin-right: 10px;
    width: 56px;
  }

  .method_buy_lead{
    font-size: 14px;
  }

  .method_buy_product_ttl{
    display: block;
    margin-top: 32px;
    position: relative;
  }
  .method_buy_product_ttl p{
    margin: 0;
    font-size: 14px;
  }
  .method_buy_product_ttl img{
    position: absolute;
    width: 36px;
    bottom: 0;
  }
  .method_buy_product_ttl img.left{
    left: 0;
  }
  .method_buy_product_ttl img.right{
    right: 0;
  }

  .method_buy_product_detail{
    margin-top: 28px;
    display: block;
  }
  .method_buy_product_cta{
    margin-top: 20px;
  }
  .method_buy_price{
    font-size: 20px;
    line-height: 20px;
  }
  .method_buy_price::after{
    font-size: 10px;
  }
  .method_buy_btn{
    width: 100%;
    margin-top: 20px;
  }
  .method_buy_btn + .method_buy_btn{
    margin-top: 12px;
  }
  .method_buy_btn_icon{
    width: 16%;
  }
  .method_buy_btn_icon img{
    width: 20px;
  }
  .method_buy_btn_text{
    font-size: 16px;
    padding: 15px 0;
  }

  .method_delivery_content{
    padding: 32px 15px;
    margin-top: 32px;
  }
  .method_delivery_ttl{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .method_delivery_txt{
    display: block;
  }


  /* 衝撃的に旨い蟹を食べたい方はこちら */
  .content_eat .content_inner .bg_figure.top{
    width: 84px;
    top: -70px;
    left: 0px;
  }
  .content_eat .content_inner .bg_figure.bottom{
    width: 80px;
    bottom: 216px;
    right: 0px;
  }
  .content_products{
    flex-wrap: wrap;
  }
  .content_products_item{
    width: calc(50% - 10px);
  }
  .content_products_item:nth-of-type(n+3){
    margin-top: 20px;
  }
  .content_products_name{
    font-size: 12px;
  }
  .content_products_btn{
    display: block;
    padding: 22px 0;
    font-size: 16px;
    margin: 32px auto 0;
    width: 94%;
  }
  .content_products_btn img{
    right: 25px;
  }

  /* 参加したモデルさんの声 */
  .content_voice{
    margin: 20px auto 0;
  }

  .content_voice:before{
    top: -20px;
    height: 20px;
  }
  .content_voice:after{
    bottom: -20px;
    height: 20px;
    padding-bottom: 20px;
  }

  .content_voice .bg_figure.top{
    width: 85px;
    top: -60px;
    left: -10px;
  }
  .content_voice .bg_figure.bottom{
    width: 66px;
    bottom: -30px;
    right: -10px;
  }

  .content_voice_balloon{
    margin: 34px auto 0;
    padding: 29px 15px;
    font-size: 14px;
    width: 100%;
    display: block;
  }
  .content_voice_point span:before{
    width: 5px;
    height: 5px;
  }
  .content_voice_balloon_tail{
    width: 50px;
    top: -18px;
    left: 40%;
  }

  /* ご利用案内 */
  .content_guide{
    padding-top: 55px;
  }
  .content_guide_ttl{
    font-size: 24px;
    margin-bottom: 30px;
  }

  .content_guide_inner{
    display: block;
  }

  .content_guide_col{
    width: 100%;
  }

  .content_guide_col + .content_guide_col{
    margin-top: 30px;
  }

  .content_guide_blc + .content_guide_blc{
    margin-top: 30px;
  }

  .content_guide_item{
    margin-top: 20px;
  }

  .content_guide_item p{
    margin-top: 7px;
    font-size: 12px;
  }

  .content_guide_card{
    display: flex;
    margin-top: 20px;
  }

  .content_guide_card img{
    height: 31px;
  }
  .content_guide_card img + img{
    margin-left: 10px;
  }

  .content_guide_amapay{
    margin-top: 20px;
    width: 136px;
    height: auto;
  }

  .content_guide_table{
    font-size: 12px;
    margin-top: 17px;
  }
  .content_guide_table th,
  .content_guide_table td{
    padding: 0 12px;
    height: 42px;
    font-weight: normal;
  }

  .content_guide_tel{
    padding: 17px;
    margin-top: 17px;
  }
  .content_guide_tel_ttl{
    font-size: 14px;
    font-weight: normal;
  }
  .content_guide_tel_number{
    font-size: 20px;
  }
  .content_guide_tel_number img{
    width: 22px;
    height: auto;
  }
  .content_guide_tel_number span{
    font-size: 10px;
  }
  .content_guide_tel_time{
    margin-top: 10px;
    font-size: 14px;
  }

  /* footer */
  .footer{
    font-size: 10px;
    padding: 20px 0;
  }
  .top_btn{
    top: -30px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  .top_btn img{
    width: 50%;
    height: auto;
  }
}