@charset "UTF-8";
/*
	BASE
font-family: "adobe-garamond-pro", serif;
font-family: "Noto Sans JP", sans-serif;
font-family: "Zen Old Mincho", serif;
font-family: "Cormorant Garamond", serif;
*******************************/
* {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-feature-settings: "palt";
  line-height: 1;
}

.min {
  font-family: "adobe-garamond-pro", "Cormorant Garamond", "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

html {
  font-size: 62.5%;
  line-height: 1;
}
html body {
  font-size: 1.6rem;
  font-weight: 500;
}
html body img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
  line-height: 0;
  max-width: 100%;
  height: auto;
}
html body p, html body th, html body td, html body dt, html body dd, html body li, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body label {
  color: #000000;
}
html body a {
  color: #000000;
  text-decoration: none;
  outline: none;
  border: none;
}
html body a img {
  outline: none;
  border: none;
  -webkit-backface-visibility: hidden;
}
html body area {
  border: none;
  outline: none;
}
html body .clear {
  clear: both;
}

:root {
  --color_def: #000000;
  --color_main: #c3592e;
  --color_white: #FFFFFF;
}

/*//////////////////////////////////////////////////////////////////////////*/
/*
	BASE LAYOUT
******************/
.wrap .contents {
  max-width: 1246px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
#popmake-282 .pum-title {
  display: none;
}
#popmake-282 .pum-content #mailpoet_form_1 {
  background: none;
}
#popmake-282 .pum-content #mailpoet_form_1 h2.mailpoet-heading {
  color: #FFFFFF !important;
  font-size: 2.2rem !important;
  padding: 1em 0;
}
#popmake-282 .pum-content #mailpoet_form_1 .mailpoet_form {
  padding: 0;
}
#popmake-282 .pum-content #mailpoet_form_1:has(.mailpoet_form_successfully_send) {
  display: none;
}
#popmake-282 .pum-content #mailpoet_form_1 .parsley-required {
  font-size: 14px;
}
#popmake-282 .pum-content #mailpoet_form_1 .mailpoet_checkbox_label {
  font-size: 16px !important;
  color: #FFFFFF;
}
#popmake-282 .pum-content #mailpoet_form_1 .mailpoet_text {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
#popmake-282 .pum-content #mailpoet_form_1 .mailpoet_submit {
  background-color: #FFFFFF !important;
  color: var(--color_sub) !important;
}
#popmake-282 .pum-content #mailpoet_form_1 .mailpoet_paragraph fieldset:has(#mailpoet_checkbox_1) {
  text-indent: -1em;
  padding-left: 1em;
}
#popmake-282 .pum-content .btnwrap {
  display: none;
}
#popmake-282 .pum-content:has(.mailpoet_form_successfully_send) .btnwrap {
  display: block;
  text-align: center;
  line-height: 1.5;
  padding-top: 1em;
  font-weight: 600;
}
#popmake-282 .pum-content:has(.mailpoet_form_successfully_send) .btnwrap #dl_catalog {
  display: grid;
  background-color: #FFFFFF;
  color: var(--color_sub);
  font-size: 1.8rem;
  height: 2.4em;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  margin-top: 1em;
}
@media (hover: hover) {
  a {
    transition: 0.3s;
  }
  a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
  .wrap .contents .btn:hover {
    opacity: 1;
    filter: brightness(1.1);
  }
}
@media screen and (max-width: 1024px) {
  .wrap .contents {
    width: calc(100% - 50px);
  }
  .pcOnly2 {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap .contents {
    width: calc(100% - 40px);
  }
  .wrap .contents p {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .wrap .contents .btn {
    font-size: 1.6rem;
  }
  .pcOnly {
    display: none !important;
  }
  .tbOnly {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .tbOnly {
    display: none !important;
  }
  .sptbOnly {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
}