@charset "UTF-8";

/*-------基本設定-------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff5fa;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  word-wrap : break-word;
  overflow-wrap : break-word;
  color: #000;
}
body.iframe {
  background: transparent;
}

pre {
  font: inherit;
  margin: 0;
}

figure {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
select {
  text-transform: none;
}

button {
  cursor: pointer;
}

input:disabled {
  background: #f4f4f4;
}

a {
  color: #bc0f69;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

.ta-c {
  text-align: center !important;
}
.ta-l {
  text-align: left !important;
}
.ta-r {
  text-align: right !important;
}

/* vue.js */
[v-cloak] {
  display: none;
}

/* google icons */
.material-symbols-outlined {
  font-size: 24px;
  vertical-align: middle;
}
.material-symbols-outlined.fill {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}


/*-------スキマ-------*/
.ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }.ml-5 { margin-left: 5px !important; } .mr-5 { margin-right: 5px !important; } .mx-5 { margin-left: 5px !important; margin-right: 5px !important; } .mt-5 { margin-top: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }.ml-10 { margin-left: 10px !important; } .mr-10 { margin-right: 10px !important; } .mx-10 { margin-left: 10px !important; margin-right: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }.ml-15 { margin-left: 15px !important; } .mr-15 { margin-right: 15px !important; } .mx-15 { margin-left: 15px !important; margin-right: 15px !important; } .mt-15 { margin-top: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }.ml-20 { margin-left: 20px !important; } .mr-20 { margin-right: 20px !important; } .mx-20 { margin-left: 20px !important; margin-right: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }.ml-25 { margin-left: 25px !important; } .mr-25 { margin-right: 25px !important; } .mx-25 { margin-left: 25px !important; margin-right: 25px !important; } .mt-25 { margin-top: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }.ml-30 { margin-left: 30px !important; } .mr-30 { margin-right: 30px !important; } .mx-30 { margin-left: 30px !important; margin-right: 30px !important; } .mt-30 { margin-top: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }.ml-35 { margin-left: 35px !important; } .mr-35 { margin-right: 35px !important; } .mx-35 { margin-left: 35px !important; margin-right: 35px !important; } .mt-35 { margin-top: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .my-35 { margin-top: 35px !important; margin-bottom: 35px !important; }.ml-40 { margin-left: 40px !important; } .mr-40 { margin-right: 40px !important; } .mx-40 { margin-left: 40px !important; margin-right: 40px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }.ml-45 { margin-left: 45px !important; } .mr-45 { margin-right: 45px !important; } .mx-45 { margin-left: 45px !important; margin-right: 45px !important; } .mt-45 { margin-top: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .my-45 { margin-top: 45px !important; margin-bottom: 45px !important; }.ml-50 { margin-left: 50px !important; } .mr-50 { margin-right: 50px !important; } .mx-50 { margin-left: 50px !important; margin-right: 50px !important; } .mt-50 { margin-top: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }.ml-55 { margin-left: 55px !important; } .mr-55 { margin-right: 55px !important; } .mx-55 { margin-left: 55px !important; margin-right: 55px !important; } .mt-55 { margin-top: 55px !important; } .mb-55 { margin-bottom: 55px !important; } .my-55 { margin-top: 55px !important; margin-bottom: 55px !important; }.ml-60 { margin-left: 60px !important; } .mr-60 { margin-right: 60px !important; } .mx-60 { margin-left: 60px !important; margin-right: 60px !important; } .mt-60 { margin-top: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }.ml-65 { margin-left: 65px !important; } .mr-65 { margin-right: 65px !important; } .mx-65 { margin-left: 65px !important; margin-right: 65px !important; } .mt-65 { margin-top: 65px !important; } .mb-65 { margin-bottom: 65px !important; } .my-65 { margin-top: 65px !important; margin-bottom: 65px !important; }.ml-70 { margin-left: 70px !important; } .mr-70 { margin-right: 70px !important; } .mx-70 { margin-left: 70px !important; margin-right: 70px !important; } .mt-70 { margin-top: 70px !important; } .mb-70 { margin-bottom: 70px !important; } .my-70 { margin-top: 70px !important; margin-bottom: 70px !important; }.ml-75 { margin-left: 75px !important; } .mr-75 { margin-right: 75px !important; } .mx-75 { margin-left: 75px !important; margin-right: 75px !important; } .mt-75 { margin-top: 75px !important; } .mb-75 { margin-bottom: 75px !important; } .my-75 { margin-top: 75px !important; margin-bottom: 75px !important; }.ml-80 { margin-left: 80px !important; } .mr-80 { margin-right: 80px !important; } .mx-80 { margin-left: 80px !important; margin-right: 80px !important; } .mt-80 { margin-top: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }.ml-85 { margin-left: 85px !important; } .mr-85 { margin-right: 85px !important; } .mx-85 { margin-left: 85px !important; margin-right: 85px !important; } .mt-85 { margin-top: 85px !important; } .mb-85 { margin-bottom: 85px !important; } .my-85 { margin-top: 85px !important; margin-bottom: 85px !important; }.ml-90 { margin-left: 90px !important; } .mr-90 { margin-right: 90px !important; } .mx-90 { margin-left: 90px !important; margin-right: 90px !important; } .mt-90 { margin-top: 90px !important; } .mb-90 { margin-bottom: 90px !important; } .my-90 { margin-top: 90px !important; margin-bottom: 90px !important; }.ml-95 { margin-left: 95px !important; } .mr-95 { margin-right: 95px !important; } .mx-95 { margin-left: 95px !important; margin-right: 95px !important; } .mt-95 { margin-top: 95px !important; } .mb-95 { margin-bottom: 95px !important; } .my-95 { margin-top: 95px !important; margin-bottom: 95px !important; }.ml-100 { margin-left: 100px !important; } .mr-100 { margin-right: 100px !important; } .mx-100 { margin-left: 100px !important; margin-right: 100px !important; } .mt-100 { margin-top: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .my-100 { margin-top: 100px !important; margin-bottom: 100px !important; }.ml-105 { margin-left: 105px !important; } .mr-105 { margin-right: 105px !important; } .mx-105 { margin-left: 105px !important; margin-right: 105px !important; } .mt-105 { margin-top: 105px !important; } .mb-105 { margin-bottom: 105px !important; } .my-105 { margin-top: 105px !important; margin-bottom: 105px !important; }.ml-110 { margin-left: 110px !important; } .mr-110 { margin-right: 110px !important; } .mx-110 { margin-left: 110px !important; margin-right: 110px !important; } .mt-110 { margin-top: 110px !important; } .mb-110 { margin-bottom: 110px !important; } .my-110 { margin-top: 110px !important; margin-bottom: 110px !important; }.ml-115 { margin-left: 115px !important; } .mr-115 { margin-right: 115px !important; } .mx-115 { margin-left: 115px !important; margin-right: 115px !important; } .mt-115 { margin-top: 115px !important; } .mb-115 { margin-bottom: 115px !important; } .my-115 { margin-top: 115px !important; margin-bottom: 115px !important; }.ml-120 { margin-left: 120px !important; } .mr-120 { margin-right: 120px !important; } .mx-120 { margin-left: 120px !important; margin-right: 120px !important; } .mt-120 { margin-top: 120px !important; } .mb-120 { margin-bottom: 120px !important; } .my-120 { margin-top: 120px !important; margin-bottom: 120px !important; }.ml-125 { margin-left: 125px !important; } .mr-125 { margin-right: 125px !important; } .mx-125 { margin-left: 125px !important; margin-right: 125px !important; } .mt-125 { margin-top: 125px !important; } .mb-125 { margin-bottom: 125px !important; } .my-125 { margin-top: 125px !important; margin-bottom: 125px !important; }.ml-130 { margin-left: 130px !important; } .mr-130 { margin-right: 130px !important; } .mx-130 { margin-left: 130px !important; margin-right: 130px !important; } .mt-130 { margin-top: 130px !important; } .mb-130 { margin-bottom: 130px !important; } .my-130 { margin-top: 130px !important; margin-bottom: 130px !important; }.ml-135 { margin-left: 135px !important; } .mr-135 { margin-right: 135px !important; } .mx-135 { margin-left: 135px !important; margin-right: 135px !important; } .mt-135 { margin-top: 135px !important; } .mb-135 { margin-bottom: 135px !important; } .my-135 { margin-top: 135px !important; margin-bottom: 135px !important; }.ml-140 { margin-left: 140px !important; } .mr-140 { margin-right: 140px !important; } .mx-140 { margin-left: 140px !important; margin-right: 140px !important; } .mt-140 { margin-top: 140px !important; } .mb-140 { margin-bottom: 140px !important; } .my-140 { margin-top: 140px !important; margin-bottom: 140px !important; }.ml-145 { margin-left: 145px !important; } .mr-145 { margin-right: 145px !important; } .mx-145 { margin-left: 145px !important; margin-right: 145px !important; } .mt-145 { margin-top: 145px !important; } .mb-145 { margin-bottom: 145px !important; } .my-145 { margin-top: 145px !important; margin-bottom: 145px !important; }.ml-150 { margin-left: 150px !important; } .mr-150 { margin-right: 150px !important; } .mx-150 { margin-left: 150px !important; margin-right: 150px !important; } .mt-150 { margin-top: 150px !important; } .mb-150 { margin-bottom: 150px !important; } .my-150 { margin-top: 150px !important; margin-bottom: 150px !important; }.ml-155 { margin-left: 155px !important; } .mr-155 { margin-right: 155px !important; } .mx-155 { margin-left: 155px !important; margin-right: 155px !important; } .mt-155 { margin-top: 155px !important; } .mb-155 { margin-bottom: 155px !important; } .my-155 { margin-top: 155px !important; margin-bottom: 155px !important; }.ml-160 { margin-left: 160px !important; } .mr-160 { margin-right: 160px !important; } .mx-160 { margin-left: 160px !important; margin-right: 160px !important; } .mt-160 { margin-top: 160px !important; } .mb-160 { margin-bottom: 160px !important; } .my-160 { margin-top: 160px !important; margin-bottom: 160px !important; }.ml-165 { margin-left: 165px !important; } .mr-165 { margin-right: 165px !important; } .mx-165 { margin-left: 165px !important; margin-right: 165px !important; } .mt-165 { margin-top: 165px !important; } .mb-165 { margin-bottom: 165px !important; } .my-165 { margin-top: 165px !important; margin-bottom: 165px !important; }.ml-170 { margin-left: 170px !important; } .mr-170 { margin-right: 170px !important; } .mx-170 { margin-left: 170px !important; margin-right: 170px !important; } .mt-170 { margin-top: 170px !important; } .mb-170 { margin-bottom: 170px !important; } .my-170 { margin-top: 170px !important; margin-bottom: 170px !important; }.ml-175 { margin-left: 175px !important; } .mr-175 { margin-right: 175px !important; } .mx-175 { margin-left: 175px !important; margin-right: 175px !important; } .mt-175 { margin-top: 175px !important; } .mb-175 { margin-bottom: 175px !important; } .my-175 { margin-top: 175px !important; margin-bottom: 175px !important; }.ml-180 { margin-left: 180px !important; } .mr-180 { margin-right: 180px !important; } .mx-180 { margin-left: 180px !important; margin-right: 180px !important; } .mt-180 { margin-top: 180px !important; } .mb-180 { margin-bottom: 180px !important; } .my-180 { margin-top: 180px !important; margin-bottom: 180px !important; }.ml-185 { margin-left: 185px !important; } .mr-185 { margin-right: 185px !important; } .mx-185 { margin-left: 185px !important; margin-right: 185px !important; } .mt-185 { margin-top: 185px !important; } .mb-185 { margin-bottom: 185px !important; } .my-185 { margin-top: 185px !important; margin-bottom: 185px !important; }.ml-190 { margin-left: 190px !important; } .mr-190 { margin-right: 190px !important; } .mx-190 { margin-left: 190px !important; margin-right: 190px !important; } .mt-190 { margin-top: 190px !important; } .mb-190 { margin-bottom: 190px !important; } .my-190 { margin-top: 190px !important; margin-bottom: 190px !important; }.ml-195 { margin-left: 195px !important; } .mr-195 { margin-right: 195px !important; } .mx-195 { margin-left: 195px !important; margin-right: 195px !important; } .mt-195 { margin-top: 195px !important; } .mb-195 { margin-bottom: 195px !important; } .my-195 { margin-top: 195px !important; margin-bottom: 195px !important; }.ml-200 { margin-left: 200px !important; } .mr-200 { margin-right: 200px !important; } .mx-200 { margin-left: 200px !important; margin-right: 200px !important; } .mt-200 { margin-top: 200px !important; } .mb-200 { margin-bottom: 200px !important; } .my-200 { margin-top: 200px !important; margin-bottom: 200px !important; }
.pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }.pl-5 { padding-left: 5px !important; } .pr-5 { padding-right: 5px !important; } .px-5 { padding-left: 5px !important; padding-right: 5px !important; } .pt-5 { padding-top: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; }.pl-10 { padding-left: 10px !important; } .pr-10 { padding-right: 10px !important; } .px-10 { padding-left: 10px !important; padding-right: 10px !important; } .pt-10 { padding-top: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }.pl-15 { padding-left: 15px !important; } .pr-15 { padding-right: 15px !important; } .px-15 { padding-left: 15px !important; padding-right: 15px !important; } .pt-15 { padding-top: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }.pl-20 { padding-left: 20px !important; } .pr-20 { padding-right: 20px !important; } .px-20 { padding-left: 20px !important; padding-right: 20px !important; } .pt-20 { padding-top: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }.pl-25 { padding-left: 25px !important; } .pr-25 { padding-right: 25px !important; } .px-25 { padding-left: 25px !important; padding-right: 25px !important; } .pt-25 { padding-top: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; }.pl-30 { padding-left: 30px !important; } .pr-30 { padding-right: 30px !important; } .px-30 { padding-left: 30px !important; padding-right: 30px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }.pl-35 { padding-left: 35px !important; } .pr-35 { padding-right: 35px !important; } .px-35 { padding-left: 35px !important; padding-right: 35px !important; } .pt-35 { padding-top: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important; }.pl-40 { padding-left: 40px !important; } .pr-40 { padding-right: 40px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .pt-40 { padding-top: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }.pl-45 { padding-left: 45px !important; } .pr-45 { padding-right: 45px !important; } .px-45 { padding-left: 45px !important; padding-right: 45px !important; } .pt-45 { padding-top: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .py-45 { padding-top: 45px !important; padding-bottom: 45px !important; }.pl-50 { padding-left: 50px !important; } .pr-50 { padding-right: 50px !important; } .px-50 { padding-left: 50px !important; padding-right: 50px !important; } .pt-50 { padding-top: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }.pl-55 { padding-left: 55px !important; } .pr-55 { padding-right: 55px !important; } .px-55 { padding-left: 55px !important; padding-right: 55px !important; } .pt-55 { padding-top: 55px !important; } .pb-55 { padding-bottom: 55px !important; } .py-55 { padding-top: 55px !important; padding-bottom: 55px !important; }.pl-60 { padding-left: 60px !important; } .pr-60 { padding-right: 60px !important; } .px-60 { padding-left: 60px !important; padding-right: 60px !important; } .pt-60 { padding-top: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important; }.pl-65 { padding-left: 65px !important; } .pr-65 { padding-right: 65px !important; } .px-65 { padding-left: 65px !important; padding-right: 65px !important; } .pt-65 { padding-top: 65px !important; } .pb-65 { padding-bottom: 65px !important; } .py-65 { padding-top: 65px !important; padding-bottom: 65px !important; }.pl-70 { padding-left: 70px !important; } .pr-70 { padding-right: 70px !important; } .px-70 { padding-left: 70px !important; padding-right: 70px !important; } .pt-70 { padding-top: 70px !important; } .pb-70 { padding-bottom: 70px !important; } .py-70 { padding-top: 70px !important; padding-bottom: 70px !important; }.pl-75 { padding-left: 75px !important; } .pr-75 { padding-right: 75px !important; } .px-75 { padding-left: 75px !important; padding-right: 75px !important; } .pt-75 { padding-top: 75px !important; } .pb-75 { padding-bottom: 75px !important; } .py-75 { padding-top: 75px !important; padding-bottom: 75px !important; }.pl-80 { padding-left: 80px !important; } .pr-80 { padding-right: 80px !important; } .px-80 { padding-left: 80px !important; padding-right: 80px !important; } .pt-80 { padding-top: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; }.pl-85 { padding-left: 85px !important; } .pr-85 { padding-right: 85px !important; } .px-85 { padding-left: 85px !important; padding-right: 85px !important; } .pt-85 { padding-top: 85px !important; } .pb-85 { padding-bottom: 85px !important; } .py-85 { padding-top: 85px !important; padding-bottom: 85px !important; }.pl-90 { padding-left: 90px !important; } .pr-90 { padding-right: 90px !important; } .px-90 { padding-left: 90px !important; padding-right: 90px !important; } .pt-90 { padding-top: 90px !important; } .pb-90 { padding-bottom: 90px !important; } .py-90 { padding-top: 90px !important; padding-bottom: 90px !important; }.pl-95 { padding-left: 95px !important; } .pr-95 { padding-right: 95px !important; } .px-95 { padding-left: 95px !important; padding-right: 95px !important; } .pt-95 { padding-top: 95px !important; } .pb-95 { padding-bottom: 95px !important; } .py-95 { padding-top: 95px !important; padding-bottom: 95px !important; }.pl-100 { padding-left: 100px !important; } .pr-100 { padding-right: 100px !important; } .px-100 { padding-left: 100px !important; padding-right: 100px !important; } .pt-100 { padding-top: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .py-100 { padding-top: 100px !important; padding-bottom: 100px !important; }.pl-105 { padding-left: 105px !important; } .pr-105 { padding-right: 105px !important; } .px-105 { padding-left: 105px !important; padding-right: 105px !important; } .pt-105 { padding-top: 105px !important; } .pb-105 { padding-bottom: 105px !important; } .py-105 { padding-top: 105px !important; padding-bottom: 105px !important; }.pl-110 { padding-left: 110px !important; } .pr-110 { padding-right: 110px !important; } .px-110 { padding-left: 110px !important; padding-right: 110px !important; } .pt-110 { padding-top: 110px !important; } .pb-110 { padding-bottom: 110px !important; } .py-110 { padding-top: 110px !important; padding-bottom: 110px !important; }.pl-115 { padding-left: 115px !important; } .pr-115 { padding-right: 115px !important; } .px-115 { padding-left: 115px !important; padding-right: 115px !important; } .pt-115 { padding-top: 115px !important; } .pb-115 { padding-bottom: 115px !important; } .py-115 { padding-top: 115px !important; padding-bottom: 115px !important; }.pl-120 { padding-left: 120px !important; } .pr-120 { padding-right: 120px !important; } .px-120 { padding-left: 120px !important; padding-right: 120px !important; } .pt-120 { padding-top: 120px !important; } .pb-120 { padding-bottom: 120px !important; } .py-120 { padding-top: 120px !important; padding-bottom: 120px !important; }.pl-125 { padding-left: 125px !important; } .pr-125 { padding-right: 125px !important; } .px-125 { padding-left: 125px !important; padding-right: 125px !important; } .pt-125 { padding-top: 125px !important; } .pb-125 { padding-bottom: 125px !important; } .py-125 { padding-top: 125px !important; padding-bottom: 125px !important; }.pl-130 { padding-left: 130px !important; } .pr-130 { padding-right: 130px !important; } .px-130 { padding-left: 130px !important; padding-right: 130px !important; } .pt-130 { padding-top: 130px !important; } .pb-130 { padding-bottom: 130px !important; } .py-130 { padding-top: 130px !important; padding-bottom: 130px !important; }.pl-135 { padding-left: 135px !important; } .pr-135 { padding-right: 135px !important; } .px-135 { padding-left: 135px !important; padding-right: 135px !important; } .pt-135 { padding-top: 135px !important; } .pb-135 { padding-bottom: 135px !important; } .py-135 { padding-top: 135px !important; padding-bottom: 135px !important; }.pl-140 { padding-left: 140px !important; } .pr-140 { padding-right: 140px !important; } .px-140 { padding-left: 140px !important; padding-right: 140px !important; } .pt-140 { padding-top: 140px !important; } .pb-140 { padding-bottom: 140px !important; } .py-140 { padding-top: 140px !important; padding-bottom: 140px !important; }.pl-145 { padding-left: 145px !important; } .pr-145 { padding-right: 145px !important; } .px-145 { padding-left: 145px !important; padding-right: 145px !important; } .pt-145 { padding-top: 145px !important; } .pb-145 { padding-bottom: 145px !important; } .py-145 { padding-top: 145px !important; padding-bottom: 145px !important; }.pl-150 { padding-left: 150px !important; } .pr-150 { padding-right: 150px !important; } .px-150 { padding-left: 150px !important; padding-right: 150px !important; } .pt-150 { padding-top: 150px !important; } .pb-150 { padding-bottom: 150px !important; } .py-150 { padding-top: 150px !important; padding-bottom: 150px !important; }.pl-155 { padding-left: 155px !important; } .pr-155 { padding-right: 155px !important; } .px-155 { padding-left: 155px !important; padding-right: 155px !important; } .pt-155 { padding-top: 155px !important; } .pb-155 { padding-bottom: 155px !important; } .py-155 { padding-top: 155px !important; padding-bottom: 155px !important; }.pl-160 { padding-left: 160px !important; } .pr-160 { padding-right: 160px !important; } .px-160 { padding-left: 160px !important; padding-right: 160px !important; } .pt-160 { padding-top: 160px !important; } .pb-160 { padding-bottom: 160px !important; } .py-160 { padding-top: 160px !important; padding-bottom: 160px !important; }.pl-165 { padding-left: 165px !important; } .pr-165 { padding-right: 165px !important; } .px-165 { padding-left: 165px !important; padding-right: 165px !important; } .pt-165 { padding-top: 165px !important; } .pb-165 { padding-bottom: 165px !important; } .py-165 { padding-top: 165px !important; padding-bottom: 165px !important; }.pl-170 { padding-left: 170px !important; } .pr-170 { padding-right: 170px !important; } .px-170 { padding-left: 170px !important; padding-right: 170px !important; } .pt-170 { padding-top: 170px !important; } .pb-170 { padding-bottom: 170px !important; } .py-170 { padding-top: 170px !important; padding-bottom: 170px !important; }.pl-175 { padding-left: 175px !important; } .pr-175 { padding-right: 175px !important; } .px-175 { padding-left: 175px !important; padding-right: 175px !important; } .pt-175 { padding-top: 175px !important; } .pb-175 { padding-bottom: 175px !important; } .py-175 { padding-top: 175px !important; padding-bottom: 175px !important; }.pl-180 { padding-left: 180px !important; } .pr-180 { padding-right: 180px !important; } .px-180 { padding-left: 180px !important; padding-right: 180px !important; } .pt-180 { padding-top: 180px !important; } .pb-180 { padding-bottom: 180px !important; } .py-180 { padding-top: 180px !important; padding-bottom: 180px !important; }.pl-185 { padding-left: 185px !important; } .pr-185 { padding-right: 185px !important; } .px-185 { padding-left: 185px !important; padding-right: 185px !important; } .pt-185 { padding-top: 185px !important; } .pb-185 { padding-bottom: 185px !important; } .py-185 { padding-top: 185px !important; padding-bottom: 185px !important; }.pl-190 { padding-left: 190px !important; } .pr-190 { padding-right: 190px !important; } .px-190 { padding-left: 190px !important; padding-right: 190px !important; } .pt-190 { padding-top: 190px !important; } .pb-190 { padding-bottom: 190px !important; } .py-190 { padding-top: 190px !important; padding-bottom: 190px !important; }.pl-195 { padding-left: 195px !important; } .pr-195 { padding-right: 195px !important; } .px-195 { padding-left: 195px !important; padding-right: 195px !important; } .pt-195 { padding-top: 195px !important; } .pb-195 { padding-bottom: 195px !important; } .py-195 { padding-top: 195px !important; padding-bottom: 195px !important; }.pl-200 { padding-left: 200px !important; } .pr-200 { padding-right: 200px !important; } .px-200 { padding-left: 200px !important; padding-right: 200px !important; } .pt-200 { padding-top: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .py-200 { padding-top: 200px !important; padding-bottom: 200px !important; }

/*-------#wrap-------*/
#wrap {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-width: 1200px;
  min-height: 100%;
}

/*-------header_area-------*/
.header_area {
  background: #fff;
}
.header_area .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header_area .logo {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.header_area .logo a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #000;
}
.header_area .logo img {
  width: 100px;
  height: auto;
}
.header_area .logo a:hover {
  text-decoration: underline;
}
.header_area .logo a:hover img {
  opacity: .8;
}

.header_area .name {
  margin: 0;
  font-size: 16px;
}
.header_area .links {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.header_area .links a {
  text-decoration: none;
}

.header_area .gnav_area {
  background: #bc0f69;
}
.header_area .gnav {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.header_area .gnav > li {
  background: #bc0f69;
  position: relative;
  border-right: solid 1px #fff;
}
.header_area .gnav > li:first-child {
  border-left: solid 1px #fff;
}
.header_area .gnav .parent {
  display: block;
  padding: 6px 10px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  transition: .2s ease-out;
  transition-property: background-color, color;
}

.header_area .gnav .child {
  display: none;
  position: absolute;
  z-index: 100;
  width: max-content;
  border: solid 1px #fff;
  border-top: none;
  background: #fff;
}
.header_area .gnav .child li {
  position: relative;
  border-top: solid 1px #fff;
}
.header_area .gnav .child a {
  display: block;
  padding: 6px 30px 6px 10px;
  background: #9f1958;
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: .2s ease-out;
  transition-property: background-color, color;
}
.header_area .gnav .child a::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: border-color .2s ease-out;
}
.header_area .gnav .child a:hover {
  background: #ffe7f3;
  color: #bc0f69;
}
.header_area .gnav .child a:hover::after {
  border-color: #bc0f69;
}

.header_area .gnav > li:hover .parent {
  background: #ffe7f3;
  color: #bc0f69;
}
.header_area .gnav > li:hover .child {
  display: block;
}

/*-------footer_area-------*/
.footer_area {
  background: #bc0f69;
  padding: 10px;
}
.footer_area .copyright {
  margin: 0;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  text-align: center;
}

/*-------main_area-------*/
.main_area {
  width: 100%;
  max-width: 1400px;
  min-height: 600px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 1);
}
.main_area .inner {
  padding: 10px;
}

/*-------login_area-------*/
.login_area_outer {
  grid-row: span 2;
}
.login_area {
  max-width: 800px;
  margin: 70px auto;
  padding: 50px 0 30px;
  background: #fff;
  border: solid 1px #ddd;
  text-align: center;
}
.login_area .logo {
  width: 140px;
  margin: 0 auto 10px;
}
.login_area .logo img {
  width: 100%;
}
.login_area .ttl {
  margin: 0 0 40px;
  font-size: 18px;
  font-weight: normal;
}

.login_area form {
  width: 400px;
  margin: 20px auto 10px;
  text-align: left;
}

.login_area .login {
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: 10px 15px;
  padding: 20px 30px 20px 20px;
  background: #FFF5FA;
  text-align: left;
}
.login_area .login dt {
  margin: 0;
  padding: calc(.5em + 2px) 0;
  line-height: 1.15;
  text-align: right;
}
.login_area .login dd {
  margin: 0;
  padding: 0;
}

/*-------タイトル-------*/
.ttl-main {
  margin: 0 0 10px;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  background: #fff8f8;
  border-bottom: solid 1px #ddd;
}

.ttl-sub {
  margin: 0 0 10px;
  padding: 0 0 3px;
  border-bottom: solid 2px #bc0f69;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #bc0f69;
}

/*-------ボタン-------*/
.btn {
  display: inline-block;
  margin: 0;
  padding: 11px 15px 10px;
  line-height: 1;
  background: #bc0f69;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #bc0f69;
  border-radius: 5px;
  text-align: center;
  transition: .2s ease-out;
  transition-property: background-color, color;
}


.btn.s {
  padding: 8px 15px 7px;
  font-size: 14px;
}
.btn.l {
  min-width: 12em;
}
.btn.back {
  background: #eee;
  color: #555;
  border: solid 1px #ddd;
}
.btn.btn-secondary {
  background: #fff;
  border: solid 1px #bc0f69;
  color: #bc0f69;
}

.btn:hover {
  background: #ffe7f3;
  color: #bc0f69;
}

button.inline {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  background: transparent;
  border: none;
  color: #bc0f69;
  text-decoration: underline;
}
button.inline:hover {
  text-decoration: none;
}
a:hover .material-symbols-outlined,
button.inline:hover .material-symbols-outlined {
  opacity: .8;
}

a.cl-b,
button.inline.cl-b { color: #555; }

button:disabled {
  border-color: #eee;
  background: #eee;
  color: #ccc;
  cursor: auto;
}
button:disabled:hover {
  background: #eee;
  color: #ccc;
}

/* ボタンエリア */
.btn_area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2em;
  margin: 30px 0;
}
.btn_area.l {
  justify-content: flex-start;
}

/*-------テーブル-------*/
.tbl {
  width: 100%;
  margin: 0 0 30px;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
}
.tbl th,
.tbl td {
  padding: 10px;
  border: solid 1px #ddd;
}
.tbl th {
  font-weight: normal;
  text-align: left;
  background: #fff8f8;
}
.tbl tbody th {
  width: 250px;
}
.tbl thead th {
  text-align: center;
}
.tbl td.s {
  width: 10%;
  text-align: center;
}
.tbl tbody .is-private {
  background: #cdcdcd;
}

.tbl.draggable td:first-child {
  position: relative;
  padding-left: 36px;
}
.tbl.draggable .handle {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  line-height: 0;
  cursor: move;
}
.tbl.draggable .handle img {
  width: 100%;
  height: auto;
}

/* .tbl thead固定 */
.tbl.sticky {
  border-collapse: separate;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tbl.sticky thead {
  position: sticky;
  top: 0;
}
.tbl.sticky thead th {
  position: relative;
}
.tbl.sticky th,
.tbl.sticky td {
  padding: 5px;
  border: none;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.tbl.sticky td {
  line-height: 1.7;
}

/*.nested-draggable*/
.nested-draggable {
  margin: 0 0 30px;
  border: 1px solid #ddd;
}
.nested-draggable li + li {
  border-top: 1px solid #ddd;
}
.nested-draggable .child {
  min-height: 30px;
  margin-left: 30px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nested-draggable .child.non-child {
  border-top-style: dashed;
  border-left-style: dashed;
}
.nested-draggable .wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 10px 10px 36px;
}
.nested-draggable .wrap .handle {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  line-height: 0;
  cursor: move;
}
.nested-draggable .wrap img {
  width: 100%;
  height: auto;
}
.nested-draggable .wrap p {
  margin: 0;
  flex: 1;
}
.nested-draggable .wrap .btns {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

.nested-draggable.accordion .wrap {
  padding-left: 70px;
}
.nested-draggable.accordion .wrap .btn-folder {
  position: absolute;
  top: 50%;
  left: 36px;
  transform: translateY(-50%);
}

/*-------form-------*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  width: 100%;
  padding: 0.5em;
  border: solid 1px #666;
  border-radius: 5px;
}

input[type="datetime-local"],
input[type="date"],
select {
  padding: 0.5em;
  border-radius: 5px;
  border: solid 1px #666;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: .2em;
}

textarea {
  resize: vertical;
}

input.s,
textarea.s {
  width: 4em;
}
input.number,
textarea.number {
  width: 6.4em;
}
input.half,
textarea.half {
  width: 250px;
}
input.m,
textarea.m {
  width: 500px;
}

textarea.editor {
  width: 100%;
}

.checks {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
}

/* エラーリスト */
ul.errors {
  margin: 5px 0;
  font-weight: bold;
  color: #ea0000;
}
ul.errors li {
  padding-left: 1em;
  text-indent: -1em;
}
ul.errors li + li {
  margin-top: 5px;
}

/* .add-block */
.add-block ul li {
  margin-bottom: 10px;
}

/* .list */
.list {
  margin: 0;
  padding: 0;
}
.list li + li {
  margin-top: .5em;
}

/* 注 */
.attention {
  margin: 0 .5em;
  color: #ea0000;
}

/* ページネーション */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 30px 0;
}
.pagination a,
.pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  height: 2em;
  padding: 0 .2em;
  text-align: center;
  border: 1px solid #bc0f69;
  border-radius: 4px;
  text-decoration: none;
  transition: .2s ease-out;
  transition-property: background-color, color;
}
.pagination a:hover {
  background: #ffe7f3;
  color: #bc0f69;
}
.pagination .active span {
  background: #bc0f69;
  color: #fff;
}
.pagination .dotted span {
  border: none;
}
.pagination .disabled span {
  border-color: #666;
  color: #666;
}

/* .product-select */
.product-select {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
}
.product-select figure {
  width: 65px;
}
.product-select dl {
  flex: 1;
  display: grid;
  grid-template-columns: 90px 1fr;
  margin: 0;
  padding: 0;
}
.product-select dl dt,
.product-select dl dd {
  margin: 0;
  padding: 5px 0;
}

/* .tab-list */
.tab-list {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid #bc0f69;
}
.tab-list li {
  margin-bottom: -1px;
  border: 1px solid #ddd;
  border-bottom-color: #bc0f69;
  background: #eee;
}
.tab-list li.is-active {
  border: 1px solid #bc0f69;
  border-bottom-color: #fff;
  background: #fff;

}
.tab-list button,
.tab-list a {
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  background: none;
  border: none;
  color: #555;
  text-decoration: none;
  transition: .2s ease-out;
  transition-property: background-color, color;
}
.tab-list button:hover,
.tab-list a:hover {
  background: #ffe7f3;
  color: #bc0f69;
}
.tab-list li.is-active button,
.tab-list li.is-active a {
  color: #bc0f69;
}

/* .categories-list */
.categories-list {
}
.categories-list li {
  display: flex;
  gap: 4px;
  align-items: center;
}
.categories-list li + li {
  margin-top: 5px;
}

/* loading */
.loading {
  display: none;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}
.loading img {
  width: 80px;
  height: 80px;
  line-height: 0;
  animation: loading 1s steps(8) 0s infinite normal none;
}
.loading.is-active {
  display: flex;
}

@keyframes loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* モーダル */
.modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .2s ease-out;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}
.modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-con {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1100;
  width: 100%;
  max-height: 100%;
  overflow: auto;
}
.modal-inner {
  position: relative;
  width: 640px;
  margin: 0 auto;
  padding: 20px;
}
.modal .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #bc0f69;
  border: none;
  border-radius: 50%;
  transition: background-color .2s ease-out;
}
.modal .btn-close::before,
.modal .btn-close::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  background: #fff;
  transition: background-color .2s ease-out;
}
.modal .btn-close::before {
  transform: rotate(45deg);
}
.modal .btn-close::after {
  transform: rotate(-45deg);
}
.modal .btn-close:hover {
  background: #ffe7f3;
}
.modal .btn-close:hover::before,
.modal .btn-close:hover::after {
  background: #bc0f69;
}

.modal .content {
  min-height: 520px;
  padding: 20px;
  border: solid 1px #ddd;
  border-radius: 4px;
  background: #fff;
}
.modal .content iframe {
  width: 100%;
  height: 600px;
}

/* メッセージ */
.message {
  margin: 20px 10px;
  padding: 15px;
  border: 1px solid #bc0f69;
  border-radius: 5px;
  background: #fff5fa;
  color: #bc0f69;
  font-weight: bold;
}
.message p {
  margin: 0;
}
.message p + p {
  margin-top: 1em;
}

/* 種別 : 販売 */
.type-1 {
  color: #00a1c4;
}
/* 種別 : 買取 */
.type-2 {
  color: #e94709;
}