@charset "UTF-8";
/* -- login.html --*/
.firstview {
  background-image: url(../image/site/index/fv_back.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.firstview__wrapper {
  background-image: url(../image/site/index/fv_image.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.btnwrapper {
  width: 95%;
  margin: -20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.btnwrapper__btn {
  width: 48%;
}

.contentblock__block {
  position: relative;
}

.contentblock__block--block01 {
  position: relative;
  padding-bottom: 2rem;
}

.contentblock__block--block01-deco {
  position: absolute;
  width: 35%;
  bottom: 5%;
  right: 5%;
}

.contentblock__block--block02 {
  position: relative;
}

.contentblock__block--block02-deco {
  position: absolute;
  width: 27%;
  top: 23%;
  left: 5%;
}

.contentblock__block--block03 {
  position: relative;
}

.contentblock__block--block03-deco {
  position: absolute;
  width: 16%;
  top: -10%;
  right: 5%;
}

.contentblock--bottomblock {
  background-image: url(../image/site/index/block__back.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.registblock {
  background-image: url(../image/site/index/regist_back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}

.contentdetail {
  position: relative;
}

.contentdetail__block {
  position: relative;
}

.contentdetail__myrecipe {
  margin-top: -13%;
}

.contentdetail__myrecipe--balloon {
  position: absolute;
  left: 0;
  top: 0;
}

.contentdetail__myrecipe--deco {
  position: absolute;
  width: 32%;
  left: 2%;
  bottom: 10%;
}

.contentdetail__ranking--balloon {
  position: absolute;
  left: 0;
  top: 0;
}

.contentdetail__ranking--deco {
  position: absolute;
  width: 20%;
  right: 0%;
  bottom: 10%;
}

.contentdetail__special--balloon {
  position: absolute;
  left: 0;
  top: 0;
}

.contentdetail__special--deco {
  position: absolute;
  width: 32%;
  left: 0%;
  bottom: 10%;
}

.registbottomblock {
  background-image: url(../image/site/index/registbottom_back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 6.5rem;
  margin-top: -5%;
  position: relative;
}

.registbottomblock__deco01 {
  position: absolute;
  width: 7%;
  bottom: 45%;
  left: 7%;
}

.registbottomblock__deco02 {
  position: absolute;
  width: 8%;
  top: 15%;
  right: 7%;
}

.login_btn {
  text-align: center;
}

.login_btn a {
  display: block;
}

.login_btn img {
  margin: 5px auto 0 auto;
  width: 250px;
  height: auto;
  cursor: pointer;
}

/* ---- 退会完了ページ --------------------------------*/
.exit_top {
  display: inline-block;
  background-color: #827674;
  border-bottom: solid 4px #4a3c31;
  border-radius: 6px;
  padding: 8px 20px;
  color: #fff !important;
  margin: 20px auto;
  cursor: pointer;
  font-size: 1.4rem !important;
  text-decoration: none;
  font-weight: normal;
}

/* ---- 決済ログインボタン --------------------------------*/
.regist_link {
  display: inline-block;
  background-color: #827674;
  border-bottom: solid 4px #4a3c31;
  border-radius: 6px;
  padding: 8px 20px;
  color: #fff !important;
  margin: 20px auto;
  cursor: pointer;
  font-size: 1.4rem !important;
  text-decoration: none;
  font-weight: normal;
  width: 250px;
}

.login_paybtn {
  margin: 0 auto;
  padding: 0;
}

.login_paybtn li {
  width: 100%;
  height: auto;
  text-align: center;
}

.login_paybtn li a {
  padding: 0;
}

.login_paybtn li a:hover {
  padding: 0;
}

.login_paybtn li img {
  border: none !important;
  padding: 0 !important;
  border-radius: 0px !important;
  width: 250px;
  height: auto;
}

@media screen and (min-width: 768px) {
  .login_paybtn li img {
    border: none !important;
    padding: 0 !important;
    border-radius: 0px !important;
    width: 90%;
    height: auto;
  }
}

/* メールフォーム　ポップアップ */
.dialog-dialog p {
  padding: 10px 0 !important;
  font-size: 1.3rem;
}

#mail_form_panel.mail_form_regist .ui-btn {
  margin-top: 1.3em;
}

#mail_form_panel label, #mail_remind_form_panel label {
  margin-bottom: 0;
  line-height: 150%;
  font-size: 1.2rem;
}

#mail_form_panel input, #mail_remind_form_panel input, #account-edit_mail_panel input {
  background-color: #eee;
  border-radius: 0px;
  margin: 0;
  min-height: 2.2em;
  text-align: left;
  border: 0;
  -webkit-appearance: none;
  border-radius: inherit;
  padding: .4em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  outline: 0;
  font-size: 1.4rem;
  margin-bottom: 0.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mail_form_panel input#mail_regist_button, #mail_form_panel input#mail_button, #mail_remind_form_panel input#remind_button, #account-edit_mail_panel input#account-edit_mail_submit {
  padding: 10px;
  color: #fff !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-align: center;
  background-color: #827674 !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1px solid #827674 !important;
  margin-top: 1.8rem;
  font-size: 1.6rem;
  border-radius: 3px;
}

#mail_form_panel #mail_error, #mail_form_panel #mail_regist_error, #mail_remind_form_panel #mail_error2 {
  font-size: 1.2rem;
  line-height: 150%;
  color: #B82629;
  margin: 10px auto;
}

#mail_form_panel .ui-input-text {
  margin-top: 0px;
}

#mail_form_remind {
  line-height: 150%;
  font-size: 1.2rem;
  cursor: pointer;
}

#mail_remind_form_panel {
  line-height: 150%;
}

/*remind*/
.mail_form_pass {
  padding: 0 20px;
}

.mail_form_pass.remind {
  margin: 20px auto 50px auto;
}

.mail_form_pass.remind h3 {
  background-color: rgba(255, 255, 255, 0) !important;
  border-left: 5px solid #827674;
  border-bottom: 1px solid #827674;
}

.mail_form_pass.remind input[type="submit"] {
  display: inline-block !important;
  background-color: #827674;
  border-bottom: solid 4px #4a3c31;
  border-radius: 6px !important;
  padding: 8px 20px !important;
  color: #fff !important;
  margin: 20px auto !important;
  cursor: pointer !important;
  font-size: 1.6rem !important;
  text-decoration: none;
  font-weight: normal;
  text-align: center !important;
}

.mail_form_pass #mail_form_panel label {
  font-size: 1.3rem;
  margin-top: 20px;
}

.mail_form_pass #mail_form_panel .ui-btn {
  margin-top: 1.3em;
}

.mail_form_pass.remind #mail_form_panel {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .mail_form_pass.remind {
    width: 70% !important;
  }
}

/* ---- login complete --------------------------------*/
ul.niretsu {
  width: 80%;
  margin: 0 auto;
  list-style: none;
  padding: 0.3em 0 1em 0;
}

ul.niretsu li {
  width: 46%;
  float: left;
  margin-left: 8%;
}

ul.niretsu li:nth-last-child(2n) {
  margin-left: 0%;
}

ul.niretsu li img {
  width: 100%;
  height: auto;
}
/*# sourceMappingURL=index.css.map */