@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

body {
  color: #000;
  background-color: #fff;
  font-size: 11px;
  font-family: "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "メイリオ", Meiryo, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
  position: relative;
  min-height: 100vh;
}
body.overflow-hide {
  overflow: hidden;
}

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

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

.text-center {
  text-align: center;
}

.c-265 {
  max-width: 265px;
  margin: 0 auto;
}

.c-325 {
  max-width: 325px;
  margin: 0 auto;
}

.c-350 {
  max-width: 350px;
  margin: 0 auto;
}

.c-375 {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  padding: 0 17px;
  word-wrap: break-word;
}
.c-375.p-12 {
  padding: 0 12.5px;
}
.c-375.p0 {
  padding: 0;
}

.bg-blue {
  background-color: #009fe8;
}

.flexbox {
  display: flex;
}

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

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-50 {
  margin-bottom: 50px;
}

.btn.btn-link {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #78c997;
  text-decoration: underline;
  line-height: 1.2;
  padding: 16px 0 0;
}
.btn.btn-link:hover {
  opacity: 0.7;
}
.btn.btn-link--r {
  text-align: right;
}
.btn.btn-link span {
  color: #f2f9f4;
}

.btn-link-wrap {
  display: flex;
  justify-content: space-between;
}
.btn-link-wrap--end {
  justify-content: flex-end;
}

.profile-desc {
  font-size: 11px;
  line-height: 1.7;
  margin-top: 11px;
  padding-bottom: 50px;
}

.end-desc {
  font-size: 11px;
  color: #f2f9f4;
}

.txt-link-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3px;
}
.txt-link-wrapper span {
  font-size: 10px;
  color: #f2f9f4;
}
.txt-link-wrapper .btn-link {
  margin-top: 0;
}

.btn {
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
  border: none;
  max-width: 286px;
  margin: 0 auto;
}
.btn-submit {
  padding: 11px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #78c997;
}
.btn-submit--white {
  background-color: #fff;
  color: #009fe8;
  border: 2px solid #80cff4;
}
.btn-submit.-sm {
  max-width: 238px;
}
.btn-submit.-gray {
  background-color: #B3B3B3;
}
.btn-submit.-block {
  max-width: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-submit.-block::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(../img/icons/block.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn-submit.-flw {
  max-width: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.btn-submit.-flw::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
  background-image: url(../img/icons/add-user.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn-submit.-sm-100 {
  padding: 8px;
  width: 100px;
  font-size: 12px;
}
.btn-submit.-sm-142 {
  padding: 10px;
  width: 142px;
  font-size: 15px;
}
.btn-share {
  background-color: #F19D92;
  width: 101px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-share::before {
  content: "";
  display: block;
  width: 13.5px;
  height: 15px;
  background-image: url(../img/icons/share.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-follow {
  background-color: #78c997;
  width: 101px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-follow::before {
  content: "";
  display: block;
  width: 15px;
  height: 16px;
  background-image: url(../img/icons/follow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn-follow.-gray {
  background-color: #B3B3B3;
}
.btn-profile_button {
  width: 101px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-profile_button.-green {
  background-color: #78c997;
}
.btn-profile_button.-orange {
  background-color: #F19D92;
}
.btn-profile_button.-gray {
  background-color: #B3B3B3;
}
.btn-edit {
  background-color: #78c997;
  width: 101px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-edit::before {
  content: "";
  display: block;
  width: 15px;
  height: 16px;
  background-image: url(../img/icons/edit-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn-edit.-gray {
  background-color: #B3B3B3;
}
.btn-block {
  background-color: #78c997;
  width: 101px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-block::before {
  content: "";
  display: block;
  width: 15px;
  height: 16px;
  background-image: url(../img/icons/block.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn-block.-gray {
  background-color: #B3B3B3;
}
.btn-del {
  background-color: #78c997;
  width: 101px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-del::before {
  content: "";
  display: block;
  width: 15px;
  height: 16px;
  background-image: url(../img/icons/del-icon-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn-del.-gray {
  background-color: #B3B3B3;
}
.btn-payment {
  background-color: #009fe8;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.btn-create {
  background-color: #78c997;
  text-decoration: none;
  height: 40px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.btn-create::before {
  content: "";
  display: block;
  width: 21px;
  height: 25px;
  background-image: url(../img/icons/box.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.blocker {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 21 !important;
}

.container {
  max-width: 375px;
  padding: 0 12.5px;
  margin: 0 auto;
}

.show-more {
  all: unset;
  display: block;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin-left: auto;
  color: #78c997;
  font-size: 11px;
  font-weight: 700;
  /* &.less::before {
    content: "";
    display: block;
    width: 14px;
    height: 7.5px;
    background-image: url(../img/icons/up-arrow-green.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.5s ease;
  } */
}
.show-more::before {
  content: "";
  display: block;
  width: 14px;
  height: 7.5px;
  background-image: url(../img/icons/down-arrow-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.5s ease;
}
.show-more span {
  display: inline-block;
  color: #78c997;
  font-size: 12px;
  font-weight: 700;
}
.show-more span:last-of-type {
  display: none;
}
.show-more.open::before {
  transform: rotateX(180deg);
}
.show-more.open span:first-of-type {
  display: none;
}
.show-more.open span:last-of-type {
  display: inline-block;
}
.show-more.-rgt {
  color: #78c997;
  font-size: 11px;
  font-weight: 700;
}
.show-more.-rgt::before {
  content: none;
}
.show-more.-rgt::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-image: url(../img/icons/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

main {
  margin-bottom: 50px;
}

.section-ttl {
  color: #666666;
  font-size: 13px;
  font-weight: 700;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.topnav {
  display: flex;
  justify-content: flex-start;
  background-color: #fff;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 21px;
  width: 100%;
}
.topnav__left {
  margin-right: 9px;
}
.topnav__left a {
  color: black;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 10px;
}
.topnav__left a:hover {
  background-color: #ddd;
  color: black;
}
.topnav__left .active {
  background-color: #2196f3;
  color: white;
}
.topnav__left .dropbtn {
  background-color: #fff;
  color: #666666;
  padding: 7px 6px 7px 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: solid 1px #cccccc;
  cursor: pointer;
  position: relative;
  min-width: 101px;
  width: 100%;
  min-height: 39px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../img/icons/arrow-down.svg) no-repeat right 10px center;
  background-size: 14px auto;
}
.topnav__left .dropbtn:focus-visible {
  outline: none;
}
.topnav__right form {
  display: flex;
}
.topnav__right .search-submit-btn {
  display: flex;
}
.topnav__right .search-bar {
  font-size: 13px;
  font-weight: 700;
  color: #666666;
  padding: 10px 12px;
  letter-spacing: 1px;
  max-width: 121px;
  width: 100%;
  min-height: 39px;
  border: 1px solid #B3B3B3;
  outline: none;
}
.topnav__right .submit {
  padding: 8px 10px;
  margin-left: 6px;
  font-size: 15px;
  background-color: #78c997;
  color: #fff;
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
  min-width: 102px;
}
.topnav__right .submit:focus-visible {
  outline: none;
}
.topnav__right .search-icon {
  margin-right: 5px;
}

.dropdown {
  position: relative;
  display: inline-block;
  max-width: 101px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
}

.dropdown-content a {
  color: black;
  padding: 7px 17px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.dropdown-content a:first-child {
  border-bottom: 0.5px solid #ddd;
}

.show {
  display: block;
}

.topnav .search-container button:hover {
  background: #ccc;
}

.err-red-bg {
  display: inline-block;
  color: #ff3e40;
  font-size: 9px;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

.success-message {
  text-align: center;
  color: white;
  background-color: #78c997;
  padding: 15px;
  border-radius: 2px;
  margin: 15px 0px;
}

.err-message {
  text-align: center;
  color: white;
  background-color: #ff0000;
  padding: 15px;
  border-radius: 2px;
  margin: 15px 0px;
}

.heading__primary {
  font-size: 30px;
  color: #009fe8;
}

.heading-line {
  overflow: hidden;
  text-align: center;
  margin-bottom: 12px;
}
.heading-line__desc {
  font-size: 12px;
  line-height: 1.3;
}
.heading-line__desc:after, .heading-line__desc:before {
  background-color: #009fe8;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.heading-line__desc:before {
  right: 8px;
  margin-left: -50%;
}
.heading-line__desc:after {
  left: 8px;
  margin-right: -50%;
}

.heading-ttl-wpr {
  padding-bottom: 8px;
}

.heading-ttl {
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.025em;
  padding-bottom: 5px;
}

.tooltip {
  background-color: #78c997;
  color: #fff;
  position: absolute;
  right: 0;
  top: -20px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  cursor: pointer;
  transition: 0.4s all ease-in-out;
}

.tooltip-ctnt {
  position: absolute;
  right: 0;
  top: 2px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all ease-in-out;
  color: #000;
  line-height: 1.75;
  font-size: 12px;
  z-index: 2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-ctnt:after {
  transition: 0.4s all ease-in-out;
  content: "";
  background-color: transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 0;
  margin-top: -5px;
  right: 8px;
}
.tooltip-ctnt.visible {
  visibility: visible;
  opacity: 1;
}

.header {
  background-color: #78c997;
}
.header-wrapper {
  position: relative;
  padding: 6px 0 11px;
}
.header-logo {
  text-align: center;
}
.header .back-btn {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.header .back-btn:hover {
  left: 10px;
}
.header .back-btn svg {
  width: 25px;
  height: 18px;
}
.header .menu {
  min-width: 28px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  z-index: 3;
  cursor: pointer;
}
.header .menu span, .header .menu:before, .header .menu:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.17, 0.84, 0.53, 1.39);
}
.header .menu:before, .header .menu:after {
  content: "";
}
.header .menu span {
  top: 50%;
  transform: translateY(-50%);
}
.header .menu:before {
  top: 0;
}
.header .menu:after {
  margin: 0 auto;
  bottom: 0;
}
.header .menu.active span {
  opacity: 0;
}
.header .menu.active:before {
  transform: rotate(40deg);
  transform-origin: 3px 8px;
}
.header .menu.active:after {
  transform: rotate(-40deg);
  transform-origin: 2px -5px;
}

.menulist {
  width: 60%;
  z-index: 11;
  position: absolute;
  right: 0;
  top: 60px;
  background-color: #78c997;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.menulist .nav {
  padding: 10px 15px;
}
.menulist .nav__item {
  margin-bottom: 2px;
}
.menulist .nav__link {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  display: block;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.menulist .nav__link.active {
  background-color: #4FAE72;
}
.menulist .nav__link--2 {
  font-size: 10px;
  display: inline-block;
  margin: 0 0 0 10px !important;
  padding: 7px 10px;
  background-color: #4FAE72;
}
.menulist .nav__submenu {
  padding-left: 10px;
  max-height: 0;
  transition: all 0.25s ease;
  overflow: hidden;
}
.menulist .nav__submenu.active {
  transition: all 0.25s ease;
  max-height: 500px;
}
.menulist.active {
  top: 60px;
  visibility: visible;
  opacity: 1;
}

.form-login .form-block {
  margin-bottom: 27px;
}
.form-login .form-block.-reset {
  margin-bottom: 35px;
}
.form-login .form-block--last {
  margin-bottom: 165px;
}
.form-login .form-group {
  margin-bottom: 20px;
}
.form-login .form-group__sm {
  margin-bottom: 15px;
}
.form-login .form-group input::-moz-placeholder {
  color: #B3B3B3;
}
.form-login .form-group input::placeholder {
  color: #B3B3B3;
}
.form-login .form-group input[type=password] {
  font-family: "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
}
.form-login .form-group.-drk-gray input::-moz-placeholder {
  color: #666666;
}
.form-login .form-group.-drk-gray input::placeholder {
  color: #666666;
}
.form-login .form-group.-mb8 {
  margin-bottom: 8px;
}
.form-login .form-group.-mb8 .form-group__sm {
  margin-bottom: 0;
}
.form-login .form-group.-mb14 {
  margin-bottom: 14px;
}
.form-login .form-group.-mb14 .form-group__sm {
  margin-bottom: 0;
}
.form-login .form-row {
  display: flex;
  margin-left: -9px;
}
.form-login .form-row .form-col {
  flex-grow: 1;
  padding: 0 9px;
}
.form-login .form-row .form-col--6 {
  width: 50%;
  flex: 0 0 50%;
}
.form-login .form-row .form-col--7 {
  width: 55%;
  flex: 0 0 55%;
}
.form-login .form-row .form-col--5 {
  width: 45%;
  flex: 0 0 45%;
}
.form-login .form-label {
  font-size: 12px;
  font-weight: 700;
  color: #666666;
  display: block;
  line-height: 1.75;
  margin-bottom: 6px;
}
.form-login .form-input {
  width: 100%;
  background-color: #fff !important;
  border: 1px solid #cccccc;
  padding: 10px;
  height: 39px;
  font-size: 13px;
  font-weight: 700;
  color: #666666;
}
.form-login .form-input::-moz-placeholder {
  color: #B3B3B3;
  font-size: 13px;
  letter-spacing: 0.025em;
}
.form-login .form-input::placeholder {
  color: #B3B3B3;
  font-size: 13px;
  letter-spacing: 0.025em;
}
.form-login .form-input:focus {
  outline: none;
}
.form-login .form-textarea {
  resize: none;
  width: 100%;
  height: 70px;
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #666666;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.69;
}
.form-login .form-textarea:focus {
  outline: 1px solid #cccccc;
}
.form-login .form-textarea--105 {
  height: 105px;
}
.form-login select {
  width: 100%;
  background-color: #fff !important;
  border: 1px solid #cccccc;
  padding: 12px;
  height: 39px;
  font-size: 13px;
  font-weight: 700;
}
.form-login select:focus-visible {
  outline: 0px;
}
.form-login .custom-select {
  color: #666666;
  background: url(../img/icons/arrow-down.svg) no-repeat right 0.75rem center;
  background-size: 10px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
}
.form-login .custom-select--sm {
  width: 70px;
}
.form-login .custom-select--lg {
  width: 117px;
}
.form-login .form-note {
  font-size: 12px;
  font-weight: 700;
  color: #78c997;
  display: block;
  margin-top: 5px;
  text-align: right;
  text-decoration: none;
}
.form-login .form-note a {
  font-size: 10px;
  color: #bee6f9;
  line-height: 1.4;
  letter-spacing: -1px;
  text-decoration: none;
}
.form-login .form-checkbox__input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.form-login .form-checkbox__input:checked ~ label .check-box::after {
  opacity: 1;
}
.form-login .form-checkbox__label {
  padding: 2px 0 16px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.form-login .form-checkbox__label span {
  padding-top: 1px;
  padding-left: 10px;
  line-height: 1.3;
  color: #fff;
  font-size: 10px;
}
.form-login .form-radio {
  display: inline-block;
  position: relative;
  margin-right: 18px;
}
.form-login .form-radio__input {
  position: absolute;
  z-index: -1;
  left: 0;
  visibility: hidden;
}
.form-login .form-radio__input:checked ~ .form-radio__label .check-box::after {
  background-image: url(../img/icons/icon-check.svg);
  opacity: 1;
}
.form-login .form-radio__input:checked ~ .form-radio__label .radio-box::after {
  opacity: 1;
  background-image: url(../img/icons/radio-checked.svg);
}
.form-login .form-radio__label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.form-login .form-radio__label img.checked {
  position: absolute;
  left: 0;
  z-index: -1;
}
.form-login .form-radio__label img.unchecked {
  z-index: 3;
}
.form-login .form-radio__label span {
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
  color: #666666;
  line-height: 1.4;
}
.form-login .form-radio--15 {
  margin: 15px 0;
}
.form-login .form-radio--2 {
  padding-bottom: 16px;
}
.form-login .form-radio--2 .form-radio__label img.checked,
.form-login .form-radio--2 .form-radio__label img.unchecked {
  width: 20px;
  min-width: 20px;
}
.form-login .form-radio--2 .form-radio__label span {
  padding-left: 11px;
  font-size: 10px;
  white-space: nowrap;
}
.form-login .check-box {
  border: 1px solid #cccccc;
  background-color: #fff;
  height: 18px;
  width: 18px;
  min-width: 18px;
  position: relative;
}
.form-login .check-box:after {
  content: "";
  position: absolute;
  background-image: url(../img/icons/icon-check.svg);
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  width: 11px;
  height: 9px;
  opacity: 0;
}
.form-login .check-box--14 {
  height: 14px;
  width: 14px;
  min-width: 14px;
}
.form-login .check-box--14:after {
  height: 7px;
  width: 3px;
}
.form-login .radio-box {
  height: 18px;
  width: 18px;
  min-width: 18px;
  border-radius: 50%;
  position: relative;
}
.form-login .radio-box:after {
  content: "";
  position: absolute;
  background-image: url(../img/icons/radio-unchecked.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
  width: 18px;
  min-width: 18px;
  border-radius: 50%;
}
.form-login .radio-box--15 {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.form-login .radio-box--15:after {
  height: 7px;
  width: 7px;
  top: 49%;
  left: 49%;
}
.form-login .form-upload {
  padding-bottom: 12px;
}
.form-login .form-upload .uploadedimage {
  background-color: #fff;
  padding-top: 18px;
  text-align: center;
}
.form-login .form-upload .uploadedimage__wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 0;
  cursor: pointer;
}
.form-login .form-upload .uploadedimage__wrapper label {
  font-size: 12px;
  font-weight: 700;
  color: #78c997;
  line-height: 1.2;
}
.form-login .form-upload .uploadedimage__cover-labelwpr {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-login .form-upload .uploadedimage__cover-labelwpr img {
  width: 17px;
  margin-right: 8px;
}
.form-login .form-upload .uploadedimage__profile {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 150px;
}
.form-login .form-upload .uploadedimage__profile-img {
  margin-bottom: 6px;
}
.form-login .form-upload .uploadedimage__profile-img img {
  width: 100px;
  height: 100px;
  border: 1px solid #78c997;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-login .form-desc {
  margin-top: 17px;
  margin-bottom: 16px;
}
.form-login .input-arrow {
  position: relative;
}
.form-login .input-arrow__arrow {
  position: absolute;
  top: 50%;
  right: -14px;
  font-size: 14px;
  color: #009fe8;
  transform: translateY(-50%);
  text-decoration: none;
}
.form-login .form-postal {
  position: relative;
}
.form-login .form-postal .form-input {
  padding-left: 35px;
}
.form-login .form-postal:before {
  content: "〒";
  position: absolute;
  font-size: 14px;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.form-login--lblue .form-group:last-of-type {
  margin-bottom: 25px;
}
.form-login--lblue .form-input {
  color: #666666;
  background-color: #fff !important;
}
.form-login--lblue .form-input::-moz-placeholder {
  color: #666666;
}
.form-login--lblue .form-input::placeholder {
  color: #666666;
}
.form-login--lblue .form-textarea {
  color: #f2f9f4;
  background-color: #fff !important;
}
.form-login--lblue .form-textarea::-moz-placeholder {
  color: #666666;
}
.form-login--lblue .form-textarea::placeholder {
  color: #666666;
}
.form-login--lblue select {
  background-color: #fff !important;
}
.form-login--lblue .form-radio__label span {
  color: #666666;
  font-weight: 700;
}
.form-login--lblue .form-note a {
  color: #009fe8;
}
.form-login--lblue .form-checkbox__label span {
  color: #f2f9f4;
}
.form-login .addrow {
  position: relative;
}
.form-login .addrow__icon {
  position: absolute;
  bottom: 0;
  right: -30px;
}
.form-login .buttons .form-col {
  width: 50%;
}
.form-login .form-error {
  display: none;
}
.form-login .error .form-input {
  border-color: #ff5252;
  box-shadow: 0 0 10px 0 #f39191;
}
.form-login .error .form-error {
  padding-top: 5px;
  display: inline-block;
  color: #ff3e40;
  font-size: 9px;
}

.form-login-sns {
  padding: 22px 0 30px;
}
.form-login-sns .snswrapper {
  justify-content: center;
}
.form-login-sns .snswrapper a {
  display: inline-block;
  border-radius: 50%;
  margin: 0 13px;
  background-color: #fff;
  border: 1px solid #78c997;
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-login-sns .snswrapper a:first-child {
  margin-left: 0;
}
.form-login-sns .snswrapper a:last-child {
  margin-right: 0;
}
.form-login-sns .note {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  display: inline-block;
  line-height: 1.4;
  padding-bottom: 14px;
}

.form-login-signup .form-group input::-moz-placeholder {
  font-size: 14px;
  color: #cccccc;
}

.form-login-signup .form-group input::placeholder {
  font-size: 14px;
  color: #cccccc;
}
.form-login-signup .form-group input:focus {
  outline: 1px solid #80cff4;
}

.password-field {
  position: relative;
}

.toggle-password {
  position: absolute;
  content: "";
  cursor: pointer;
  background-image: url(../img/icons/icon-eye-show.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
.toggle-password.hide {
  background-image: url(../img/icons/icon-eye-hide.svg);
  height: 13px;
}

.by-you .heading__title {
  font-size: 1rem;
  margin-top: 2rem;
  font-weight: 500;
}
.by-you .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.by-you .row > div {
  margin: 0 2.5px;
}
.by-you .board__img {
  width: 60px;
  height: 60px;
}
.by-you .board__img .img-fluid {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.by-you .board__text {
  text-align: center;
  font-size: 0.6rem;
}
.by-you .board__text .name {
  max-width: 50px;
  word-break: break-word;
  margin: 0 auto;
}
.by-you .board__text > p {
  margin-top: 5px;
}
.by-you .board__follower {
  display: flex;
  flex-direction: row;
  text-align: center;
  max-width: 140px;
}
.by-you .board__follower .follower {
  margin-right: 12px;
  position: relative;
}
.by-you .board__follower .follower .type {
  font-size: 0.6rem;
  position: absolute;
  top: -1.2rem;
  left: 4px;
}
.by-you .board__follower .follower .number {
  padding: 1rem 0.4rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: "+";
  width: 42px;
}
.by-you .board__follower .follower .top-circle {
  background-color: #fff;
  position: absolute;
  top: -10px;
  right: -7px;
  border-radius: 15px;
  padding: 0.3rem 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: "+";
  width: 20px;
}
.by-you .board__follower .follower .border-1 {
  border: 1px solid #c98dad;
  color: #c98dad;
}
.by-you .board__follower .follower .border-2 {
  border: 1px solid #a4c7e8;
  color: #a4c7e8;
}
.by-you .board__follower .follower .border-3 {
  border: 1px solid #78c997;
  color: #78c997;
}
.by-you .board__follower .follower .border-red {
  color: #fff;
  background-color: #f00;
}
.by-you .board__follower .follower:last-child {
  margin-right: 0;
}
.by-you .board__button {
  display: flex;
  flex-direction: column;
  margin-left: 20px !important;
}
.by-you .board__button .btn {
  margin-bottom: 0.4rem;
  font-size: 0.6rem;
  letter-spacing: 0.4px;
}
.by-you .board__button .link {
  list-style: none;
  text-decoration: none;
  color: #fff;
}

.modal {
  text-align: center !important;
}
.modal__flex {
  display: flex;
  margin-top: 1rem;
}
.modal__flex > button {
  margin: 0 10px;
}
.modal.-addphoto {
  max-width: 340px;
  width: 100%;
  padding: 38px 17px 25px;
  border-radius: 0;
}
.modal.-addphoto a.close-modal {
  width: 15px;
  height: 15px;
  top: 10px;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.66 29.66'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b3b3b3;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cg id='_ポップアップ'%3E%3Cpath class='cls-1' d='m29.66,1.16v.58c-.14.44-.44.76-.75,1.07-3.93,3.92-7.85,7.85-11.78,11.77-.08.08-.16.16-.26.27.11.09.2.16.28.24,3.91,3.91,7.82,7.82,11.74,11.73.32.32.63.65.77,1.09v.58c-.19.59-.57.97-1.16,1.16h-.58c-.44-.14-.75-.44-1.07-.75-3.92-3.93-7.85-7.85-11.77-11.78-.08-.08-.16-.16-.29-.27-.09.11-.15.21-.23.29-3.92,3.92-7.84,7.84-11.75,11.76-.32.32-.63.61-1.07.75h-.58c-.58-.19-.97-.57-1.16-1.16v-.58c.14-.43.44-.75.75-1.07,3.93-3.92,7.85-7.85,11.78-11.77.08-.08.16-.16.26-.27-.12-.1-.21-.18-.3-.27C8.57,10.62,4.66,6.7.73,2.79c-.31-.31-.6-.62-.73-1.05v-.58C.18.57.57.18,1.16,0h.58c.43.13.74.42,1.05.73,3.93,3.94,7.86,7.87,11.79,11.8.08.08.12.2.17.3.05-.02.09-.03.14-.05.08-.1.15-.21.23-.29,3.92-3.92,7.84-7.84,11.75-11.76.31-.31.62-.6,1.05-.73h.58c.59.18.97.57,1.16,1.16Z'/%3E%3C/g%3E%3C/svg%3E");
}
.modal.-addphoto .uploadedimage__profile {
  position: relative;
  width: 305px;
}
.modal.-addphoto .uploadedimage__profile-img {
  padding-bottom: 12px;
}
.modal.-addphoto .uploadedimage__profile-img img {
  width: 305px;
  height: 203px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
  border-radius: 0;
}
.modal.-addphoto .uploadedimage__profile input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 0;
  cursor: pointer;
}
.modal.-addphoto .uploadedimage {
  padding-top: 0;
}
.modal.-addphoto .form-group {
  text-align: left;
  margin-bottom: 25px;
}
.modal.-addphoto .form-group textarea {
  width: 100%;
  height: 58px;
  border: 1px solid #cccccc;
  resize: none;
  padding: 10px 8px;
  font-size: 13px;
  font-weight: 700;
  color: #666666;
}
.modal.-addphoto .form-group textarea:focus-visible {
  outline: none;
}
.modal.-addphoto .addphoto-btns a:not(:last-child) {
  margin-bottom: 19px;
}
.modal.-addphoto .form-upload {
  padding-bottom: 18px;
}
.modal.-photo {
  padding: 0;
  width: auto;
  border-radius: 0;
  box-shadow: none;
}
.modal.-photo .photo-img img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.modal.-photo .photo-desc {
  padding: 20px 11px 14px;
}
.modal.-photo .photo-desc-txt {
  text-align: start;
  margin-bottom: 14px;
  color: #666666;
  font-size: 13px;
  font-weight: 700;
}
.modal.-photo .photo-desc-likes {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.modal.-photo .photo-desc-likes-show span {
  color: #666666;
  font-size: 13px;
  font-weight: 700;
}
.modal.-photo .close-modal {
  width: 30px;
  height: 30px;
  top: -16px;
  right: -12px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b3b3b3; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='_ポップアップ' data-name='ポップアップ'%3E%3Cg%3E%3Ccircle class='cls-2' cx='30' cy='30' r='30'/%3E%3Cpath class='cls-1' d='m44.83,16.33v.58c-.14.44-.44.76-.75,1.07-3.93,3.92-7.85,7.85-11.78,11.77-.08.08-.16.16-.26.27.11.09.2.16.28.24,3.91,3.91,7.82,7.82,11.74,11.73.32.32.63.65.77,1.09v.58c-.19.59-.57.97-1.16,1.16h-.58c-.44-.14-.75-.44-1.07-.75-3.92-3.93-7.85-7.85-11.77-11.78-.08-.08-.16-.16-.29-.27-.09.11-.15.21-.23.29-3.92,3.92-7.84,7.84-11.75,11.76-.32.32-.63.61-1.07.75h-.58c-.58-.19-.97-.57-1.16-1.16v-.58c.14-.43.44-.75.75-1.07,3.93-3.92,7.85-7.85,11.78-11.77.08-.08.16-.16.26-.27-.12-.1-.21-.18-.3-.27-3.92-3.92-7.84-7.84-11.76-11.75-.31-.31-.6-.62-.73-1.05v-.58c.18-.59.57-.97,1.16-1.16h.58c.43.13.74.42,1.05.73,3.93,3.94,7.86,7.87,11.79,11.8.08.08.12.2.17.3.05-.02.09-.03.14-.05.08-.1.15-.21.23-.29,3.92-3.92,7.84-7.84,11.75-11.76.31-.31.62-.6,1.05-.73h.58c.59.18.97.57,1.16,1.16Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.modal.-video {
  max-width: 345px;
  width: 100%;
}
.modal.-video .photo-wrapper {
  line-height: 0;
}
.modal.-video video {
  width: 100%;
}
.modal.-confirm {
  width: 340px;
  padding: 20px 12px 14px;
  border-radius: 0;
  box-shadow: none;
}
.modal.-confirm .confirm-ttl {
  color: #666666;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 22px;
}
.modal.-confirm .confirm-desc {
  color: #666666;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 30px;
}
.modal.-confirm .confirm-btns {
  display: flex;
  justify-content: space-between;
}
.modal.-confirm .confirm-btns .btn-submit {
  margin: 0;
}
.modal.-confirm a.close-modal {
  width: 15px;
  height: 15px;
  top: 10px;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.66 29.66'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b3b3b3;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cg id='_ポップアップ'%3E%3Cpath class='cls-1' d='m29.66,1.16v.58c-.14.44-.44.76-.75,1.07-3.93,3.92-7.85,7.85-11.78,11.77-.08.08-.16.16-.26.27.11.09.2.16.28.24,3.91,3.91,7.82,7.82,11.74,11.73.32.32.63.65.77,1.09v.58c-.19.59-.57.97-1.16,1.16h-.58c-.44-.14-.75-.44-1.07-.75-3.92-3.93-7.85-7.85-11.77-11.78-.08-.08-.16-.16-.29-.27-.09.11-.15.21-.23.29-3.92,3.92-7.84,7.84-11.75,11.76-.32.32-.63.61-1.07.75h-.58c-.58-.19-.97-.57-1.16-1.16v-.58c.14-.43.44-.75.75-1.07,3.93-3.92,7.85-7.85,11.78-11.77.08-.08.16-.16.26-.27-.12-.1-.21-.18-.3-.27C8.57,10.62,4.66,6.7.73,2.79c-.31-.31-.6-.62-.73-1.05v-.58C.18.57.57.18,1.16,0h.58c.43.13.74.42,1.05.73,3.93,3.94,7.86,7.87,11.79,11.8.08.08.12.2.17.3.05-.02.09-.03.14-.05.08-.1.15-.21.23-.29,3.92-3.92,7.84-7.84,11.75-11.76.31-.31.62-.6,1.05-.73h.58c.59.18.97.57,1.16,1.16Z'/%3E%3C/g%3E%3C/svg%3E");
}
.modal.-invite {
  max-height: 95vh;
  overflow-y: auto;
}
.modal.-share {
  width: 340px;
  padding: 20px 12px 29px;
  border-radius: 0;
  box-shadow: none;
}
.modal.-share .account-list-ttl {
  padding-top: 40px;
}
.modal.-share .topnav {
  padding-top: 20px;
}
.modal.-share .topnav__right .search-bar {
  max-width: 100%;
}
.modal.-share .share-ttl {
  color: #666666;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
.modal.-share .share-list {
  padding: 0 54px;
}
.modal.-share .share-list li:not(:last-of-type) {
  margin-bottom: 24px;
}
.modal.-share .share-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
}
.modal.-share .share-item-icons {
  border: 1px solid #78c997;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal.-share .share-item span {
  color: #78c997;
  font-size: 13px;
  font-weight: 700;
}
.modal.-share a.close-modal {
  width: 15px;
  height: 15px;
  top: 10px;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.66 29.66'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b3b3b3;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cg id='_ポップアップ'%3E%3Cpath class='cls-1' d='m29.66,1.16v.58c-.14.44-.44.76-.75,1.07-3.93,3.92-7.85,7.85-11.78,11.77-.08.08-.16.16-.26.27.11.09.2.16.28.24,3.91,3.91,7.82,7.82,11.74,11.73.32.32.63.65.77,1.09v.58c-.19.59-.57.97-1.16,1.16h-.58c-.44-.14-.75-.44-1.07-.75-3.92-3.93-7.85-7.85-11.77-11.78-.08-.08-.16-.16-.29-.27-.09.11-.15.21-.23.29-3.92,3.92-7.84,7.84-11.75,11.76-.32.32-.63.61-1.07.75h-.58c-.58-.19-.97-.57-1.16-1.16v-.58c.14-.43.44-.75.75-1.07,3.93-3.92,7.85-7.85,11.78-11.77.08-.08.16-.16.26-.27-.12-.1-.21-.18-.3-.27C8.57,10.62,4.66,6.7.73,2.79c-.31-.31-.6-.62-.73-1.05v-.58C.18.57.57.18,1.16,0h.58c.43.13.74.42,1.05.73,3.93,3.94,7.86,7.87,11.79,11.8.08.08.12.2.17.3.05-.02.09-.03.14-.05.08-.1.15-.21.23-.29,3.92-3.92,7.84-7.84,11.75-11.76.31-.31.62-.6,1.05-.73h.58c.59.18.97.57,1.16,1.16Z'/%3E%3C/g%3E%3C/svg%3E");
}

.green-btn {
  background-color: #fff;
  color: #0fab1f !important;
  border: 1px solid #0fab1f;
  padding: 0.3rem;
}

.red-btn {
  background-color: #ff0000;
  color: #fff;
  border: 1px solid #ff0000;
  padding: 0.3rem;
}

.link {
  list-style: none;
  text-decoration: none;
  color: #000;
}

.pagination-list {
  display: flex;
  list-style: none;
}
.pagination-list ul {
  list-style: none;
}

.pagination {
  display: inline-block;
  padding: 2rem 0;
}
.pagination-list:first-child a, .pagination-list:last-child a {
  color: #78c997;
}
.pagination a {
  color: #666666;
  padding: 3px 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  margin: 0 3px;
}
.pagination a.active {
  background-color: #78c997;
  color: #fff;
  border-radius: 50%;
}

.co-pup {
  color: #c98dad;
}

.co-blue {
  color: #a4c7e8;
}

.co-green {
  color: #78c997;
}

.co-green {
  color: #0fab1f;
}

.co-white {
  color: #fff;
}

.album__video {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.album__video__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 10px;
}
.album__video__items--delete {
  background-color: #F19D92;
  padding: 2px 8px;
  display: inline-block;
  line-height: 16px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  min-width: 52px;
  text-align: center;
}
.album__video__items--like {
  font-size: 13px;
  color: #666666;
  line-height: 1.4;
  font-weight: 700;
  padding: 0 15px;
}
.album__video__items:hover {
  text-decoration: none;
}
.album__video__img {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.album__video__img img {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.album__video .photo-wrapper {
  line-height: 0;
}

.progress-container {
  width: 100%;
  background-color: #f1f1f1;
  display: none;
}

.progress-bar {
  height: 30px;
  background-color: #4caf50;
  width: 0%;
}

.cursor-pointer {
  cursor: pointer;
}

.toolbar {
  position: fixed;
  bottom: 0;
  background: #f2f9f4;
  width: 100%;
  padding: 12px 38px 12px 42px;
  z-index: 20;
}
.toolbar__itemwrapper {
  display: flex;
  justify-content: space-between;
  max-width: 291px;
}
.toolbar__items {
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.num {
  position: absolute;
  top: 3px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ff0000;
  color: #fff;
  line-height: 17px;
  font-family: sans-serif;
  text-align: center;
}

.album {
  margin-bottom: 18px;
}
.album__title {
  margin-bottom: 0;
}
.album__title h2 {
  color: #666666;
  font-size: 13px;
  font-weight: 700;
}
.album__gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.album__gallery.flx-3 {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 !important;
}
.album__gallery.flx-3 .album__gallery__items {
  padding: 5px 10px;
}
.album__gallery.flx-4 .album__gallery__items {
  width: calc(100% / 4);
  flex: 0 0 calc(100% / 4);
}
.album__gallery__items {
  display: block;
  margin-bottom: 10px;
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  height: 78px;
  padding: 0 5px;
  position: relative;
  line-height: 0;
  text-decoration: none;
}
.album__gallery__items img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.album__gallery__items--add {
  background-color: #f2f9f4;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.album__gallery__items--add:before, .album__gallery__items--add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 1px;
  background-color: #78c997;
}
.album__gallery__items--add:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.album__gallery__items--desc {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 10px;
  color: #fff;
}
.album__gallery__items--like {
  position: absolute;
  color: #fff;
  right: 8px;
  bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  gap: 4px;
}
.album__gallery__items--like::before {
  content: "";
  display: block;
  width: 10px;
  height: 8.5px;
  background-image: url(../img/icons/heart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.album__gallery__admin_items {
  display: block;
  margin-bottom: 50px;
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 2);
  height: 115px;
  padding: 0 5px;
  position: relative;
  line-height: 0;
  text-decoration: none;
}
.album__gallery__admin_items img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.album__gallery__admin_items--add {
  background-color: #f2f9f4;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.album__gallery__admin_items--add:before, .album__gallery__admin_items--add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 1px;
  background-color: #78c997;
}
.album__gallery__admin_items--add:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.album__gallery__admin_items--desc {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 10px;
  color: #fff;
}
.album__gallery__admin_items--like {
  position: absolute;
  color: #fff;
  right: 8px;
  bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  gap: 4px;
}
.album__gallery__admin_items--like::before {
  content: "";
  display: block;
  width: 10px;
  height: 8.5px;
  background-image: url(../img/icons/heart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.album__gallery__img {
  width: 100%;
  height: 100%;
  background-color: #E6E6E6;
}
.album__gallery__img p {
  color: #78c997;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.album__gallery__desc {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 15px;
  right: 5px;
  width: auto;
  bottom: 0;
  font-size: 10px;
  color: #fff;
  padding: 2px 3px 0px;
  background-color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}

.createlife__gallery .album {
  margin-bottom: 0;
}
.createlife__gallery .album:not(:last-of-type) {
  padding-bottom: 13px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.createlife__gallery .album .show-more {
  margin-top: 15px;
}
.createlife__gallery .album__title {
  margin-bottom: 0;
}
.createlife__gallery .album__title h2 {
  margin-bottom: 9px;
}
.createlife__gallery .album__gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0 5px;
}
.createlife__gallery .album__gallery__items {
  height: 100%;
  padding: 0 5px;
  line-height: 1;
  margin-bottom: 0;
}
.createlife__gallery .album__gallery__img {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.createlife__gallery .album__gallery__img img {
  display: block;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.createlife__gallery .album__gallery__img p {
  color: #78c997;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
}

.upload-img-comment {
  margin-top: 2px;
  width: 100%;
  padding: 10px;
  background: transparent;
  border: none;
  outline: none;
}

.upload-img-comment:focus + .line-box .line {
  width: 100%;
}

.line-box {
  position: relative;
  width: 100%;
  height: 2px;
  background: #BCBCBC;
}

.line {
  position: absolute;
  width: 0%;
  height: 2px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #78c997;
  transition: ease 0.6s;
}

.video-text-group {
  margin-bottom: 15px;
}

.page-hero {
  margin-top: -85px;
}
.page-hero.mt-0 {
  margin-top: 0;
}
.page-hero__wrapper {
  display: flex;
  justify-content: space-between;
}
.page-hero__wrapper .flx-rev {
  flex-direction: row-reverse;
}
.page-hero__wrapper .left {
  margin-top: 40px;
}
.page-hero__wrapper .left.mt-0 {
  margin-top: 0;
}
.page-hero__wrapper .left--desc {
  font-size: 14px;
  color: #707070;
  line-height: 1.3;
}
.page-hero__wrapper .left--desc-sm {
  font-size: 11px;
  margin-bottom: 10px;
}
.page-hero__wrapper .right {
  margin-top: -30px;
}
.page-hero__wrapper .right.mt-0 {
  margin-top: 0;
}
.page-hero__wrapper .right img {
  height: 125px;
  width: 125px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-hero__desc {
  font-size: 11px;
  line-height: 1.5;
}

.hero {
  max-width: 375px;
  width: 100%;
  height: 225px;
  background-image: url(../img/hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  background-color: #78c997;
}
.hero:after {
  position: absolute;
  content: "";
  background: #78c997;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.hero__logo {
  margin-bottom: 5px;
}
.hero__desc {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.7;
}
.hero__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-profile {
  padding: 10px 0 0;
}
.page-profile-wrapper {
  display: flex;
  gap: 15px;
  margin-bottom: 16px;
}
.page-profile-details > P {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.29;
}
.page-profile-details > P:not(:last-of-type) {
  margin-bottom: 5px;
}
.page-profile-img img {
  display: block;
  min-width: 125px;
  height: 125px;
  border-radius: 50%;
}
.page-profile-name {
  color: #666666;
  font-weight: 500;
  margin-bottom: 10px;
}
.page-profile-name-jp {
  color: #666666;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 5px;
}
.page-profile-name-en {
  color: #666666;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.page-profile-date {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 13px;
}
.page-profile-follow {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 13px;
}
.page-profile-follow-link {
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}
.page-profile-follow-link.-folow {
  color: #78c997;
}
.page-profile-follow-link.-view {
  color: #666666;
}
.page-profile-follow-state {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-profile-acc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.page-profile-note {
  border: 1px solid #78c997;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
}
.page-profile-note p {
  color: #78c997;
  font-size: 13px;
  font-weight: 700;
}
.page-profile-edit {
  text-decoration: none;
  color: #78c997;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.page-profile-edit::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/edit.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.createlife .page-profile-follow {
  margin-top: 11px;
  margin-bottom: 0;
}
.createlife .page-profile-follow-state {
  margin-bottom: 26px;
}
.createlife .page-profile-follow-state .btn {
  margin: 0;
  padding: 6px;
}

.account {
  padding: 14px 0;
}
.account-list-ttl {
  color: #666666;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
.account-list-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
}
.account-list-user-img {
  flex-shrink: 0;
}
.account-list-user-img img {
  border-radius: 50%;
  min-height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
}
.account-list-user-lft {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.account-list-user-name.-jp {
  color: #78c997;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}
.account-list-user-name.-en {
  color: #666666;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.account-list-user-date {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.account-list-user-btns .btn-submit + .btn-submit {
  margin-top: 12px;
}
.account-list-user-details {
  text-align: left;
}

.login {
  min-height: 100vh;
}
.login .logo {
  max-width: 271px;
  margin: 0 auto;
  padding-bottom: 71px;
}
.login.signup {
  padding-top: 0;
  padding-bottom: 47px;
  position: relative;
}
.login.signup .loginhere {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.login.signup .loginhere__link {
  display: block;
  background-color: #f2f9f4;
  font-size: 12px;
  font-weight: bold;
  color: #78c997;
  text-align: center;
  line-height: 1.75;
  -webkit-text-decoration: under;
          text-decoration: under;
  padding: 15px 10px 14px 10px;
}
.login.signup.-pt {
  padding-top: 16px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.login.signup .form-login .form-checkbox__label span {
  color: #666666;
  font-weight: 700;
  padding-top: 0;
  padding-left: 7px;
}
.login.signup .form-login .form-checkbox__label span.cl-green {
  color: #78c997;
  padding-left: 0;
}
.login.signup .form-login .form-checkbox__input:checked ~ label .check-box::after {
  background-image: url(../img/icons/icon-check-green.svg);
  width: 11px;
  height: 8px;
}

.pass-note {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  line-height: 1.6;
  padding-bottom: 16px;
}

.tabs__nav {
  display: flex;
}
.tabs__nav li {
  width: 50%;
}
.tabs__nav li:not(:last-child) {
  border-right: solid 1px #e6e6e6;
}
.tabs .tab-button {
  background-color: rgba(120, 201, 151, 0.1);
  display: block;
  border: none;
  padding: 12px;
  width: 100%;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  color: #78c997;
  text-align: center;
  text-decoration: none;
  border-bottom: solid 2px;
  border-color: transparent;
}
.tabs .tab-button.active {
  border-color: #78c997;
}
.tabs__content {
  padding: 22px 18px 18px;
}
.tabs .tab-content {
  display: none;
}
.tabs .tab-content.active {
  display: block;
}
.tabs .tab-content .form-login .btn-submit {
  margin-top: 32px;
}
.tabs .tab-content .signuphere {
  margin: 25px 0 12px;
}
.tabs .tab-content .signuphere__link {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  text-align: center;
  display: block;
  text-decoration: none;
  transition: all 0.25s ease;
}
.tabs .tab-content .signuphere__link:hover {
  text-decoration: underline;
}
.tabs .tab-content .form-login-signup .btn-submit {
  margin-top: 0;
}

.pt15 {
  padding-top: 15px;
}

.check-tandc {
  width: 100px;
}

.signup .form-login-sns-txt {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  text-align: center;
  display: block;
  padding-bottom: 12px;
}

.signup-term {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
}
.signup-term.active {
  opacity: 1;
  visibility: visible;
}
.signup-term-wpr {
  position: absolute;
  width: 340px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
  max-height: 100vh;
  overflow-y: auto;
  margin-top: 15px;
}
.signup-term .logo {
  padding-bottom: 30px;
}
.signup-term .signup-terms__contents {
  font-size: 10px;
  line-height: 1.5;
  padding: 18px 12px 16px;
  margin-bottom: 15px;
}
.signup-term .signup-terms__contents .title {
  margin-bottom: 17px;
  display: inline-block;
}
.signup-term .signup-terms__contents .desc {
  margin-bottom: 18px;
}
.signup-term .signup-terms__contents .heading-ttl {
  padding-bottom: 10px;
}
.signup-term .signup-terms__close {
  min-width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 3;
  cursor: pointer;
}
.signup-term .signup-terms__close:before, .signup-term .signup-terms__close:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b3b3b3;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.17, 0.84, 0.53, 1.39);
}
.signup-term .signup-terms__close:before {
  transform: rotate(45deg);
  transform-origin: -1px 3px;
}
.signup-term .signup-terms__close:after {
  transform: rotate(-45deg);
  transform-origin: 15px 5px;
}
.signup-term__btns {
  display: flex;
  justify-content: space-between;
}
.signup-term .btn-link {
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background-color: #78c997;
  padding: 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.signup-term .btn-link:not(:last-child) {
  margin-right: 28px;
}
.signup-term .btn-link.-gray {
  background-color: #b3b3b3;
}

.createlife--someoneh {
  padding-top: 37px;
}
.createlife__btn {
  margin: 0 0 20px;
}
.createlife__btn--newhome {
  margin-bottom: 15px;
}

.newhome .album__title {
  margin-bottom: 0;
}

.create-memoriam {
  padding-bottom: 30px;
}
.create-memoriam__map {
  margin-top: 25px;
  margin-bottom: 25px;
}
.create-memoriam .album__gallery__items {
  width: calc(100% / 4);
  flex: 0 0 calc(100% / 4);
}

.bereaved {
  display: none;
}

.form-login .form-checkbox {
  margin-bottom: 21px;
}
.form-login .form-checkbox .form-row {
  flex-wrap: wrap;
  margin: 0 -15px;
}
.form-login .form-checkbox .form-col {
  padding: 0 15px;
  flex-grow: initial;
  margin-bottom: 13px;
}
.form-login .form-checkbox .form-radio {
  margin-right: 0;
}

.btn-address-search {
  text-align: left;
  margin-left: 0;
  margin-top: 2px;
}

.memoriam-admin {
  padding-bottom: 48px;
}
.memoriam-admin .btn-submit {
  margin-bottom: 17px;
}
.memoriam-admin .profile-desc {
  margin-top: 0;
  padding: 0;
  margin-bottom: 12px;
  -webkit-line-clamp: 3;
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}
.memoriam-admin .profile-desc-box {
  padding: 16px 0;
}
.memoriam-admin .profile-desc-box-wrapper .show-more {
  margin-left: auto;
}
.memoriam-admin .profile-desc-box-wrapper .section-ttl {
  margin-bottom: 14px;
}
.memoriam-admin .c-350 {
  margin-bottom: 30px;
}
.memoriam-admin__gallery {
  margin-top: 0;
}
.memoriam-admin__gallery .section-ttl {
  margin-bottom: 13px;
}
.memoriam-admin__gallery .album__gallery__items {
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 2);
  height: 110px;
}
.memoriam-admin .comment {
  margin-bottom: 28px;
}
.memoriam-admin .comment .section-ttl {
  margin-bottom: 15px;
}
.memoriam-admin .cemetary-location {
  margin-bottom: 30px;
}
.memoriam-admin .cemetary-location-wrapper .section-ttl {
  margin-bottom: 12px;
}
.memoriam-admin .cemetary-location-desc {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
}
.memoriam-admin .cemetary-location-desc:not(:last-of-type) {
  margin-bottom: 8px;
}
.memoriam-admin .cemetary-location-frame {
  margin-top: 9px;
}
.memoriam-admin .creator-wrapper .section-ttl {
  margin-bottom: 12px;
}
.memoriam-admin .creator-profile {
  display: inline-block;
  text-decoration: none;
}
.memoriam-admin .creator-profile-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
}
.memoriam-admin .creator-profile-img img {
  display: block;
  border-radius: 50%;
  margin-bottom: 5px;
}
.memoriam-admin .creator-profile-name {
  color: #78c997;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.memoriam-admin-1 {
  padding-bottom: 48px;
}
.memoriam-admin-1 .heading-line {
  margin-bottom: 20px;
}
.memoriam-admin-1 .profile-desc {
  margin-top: 0;
  padding: 0;
  margin-bottom: 12px;
  -webkit-line-clamp: 3;
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}
.memoriam-admin-1 .profile-desc-box {
  padding: 16px 0;
}
.memoriam-admin-1 .profile-desc-box-wrapper .show-more {
  margin-left: auto;
}
.memoriam-admin-1 .profile-desc-box-wrapper .section-ttl {
  margin-bottom: 16px;
}
.memoriam-admin-1__gallery {
  margin-top: 0;
}
.memoriam-admin-1__gallery-wrapper .section-ttl {
  margin-bottom: 13px;
}
.memoriam-admin-1__gallery .album__gallery__items {
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  height: 110px;
}
.memoriam-admin-1 .comment {
  margin-bottom: 28px;
}
.memoriam-admin-1 .comment .section-ttl {
  margin-bottom: 15px;
}
.memoriam-admin-1 .cemetary-location {
  margin-bottom: 30px;
}
.memoriam-admin-1 .cemetary-location-wrapper .section-ttl {
  margin-bottom: 12px;
}
.memoriam-admin-1 .cemetary-location-desc {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
}
.memoriam-admin-1 .cemetary-location-desc:not(:last-of-type) {
  margin-bottom: 8px;
}
.memoriam-admin-1 .cemetary-location-frame {
  margin-top: 9px;
}
.memoriam-admin-1 .creator-wrapper .section-ttl {
  margin-bottom: 12px;
}
.memoriam-admin-1 .creator-profile {
  display: inline-block;
  text-decoration: none;
}
.memoriam-admin-1 .creator-profile-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
}
.memoriam-admin-1 .creator-profile-img img {
  display: block;
  border-radius: 50%;
  margin-bottom: 5px;
}
.memoriam-admin-1 .creator-profile-name {
  color: #78c997;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}
.memoriam-admin-1 .profile-btns-wrapper .btn-submit:last-of-type {
  margin-top: 16px;
}

.memoriam .profile-desc {
  padding: 0;
  margin-bottom: 12px;
  -webkit-line-clamp: 3;
  color: #666666;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  max-height: 37px;
}
.memoriam .profile-desc-box {
  padding: 16px 0;
  margin-bottom: 17px;
}
.memoriam .profile-desc-box-wrapper .show-more {
  margin-left: auto;
}
.memoriam .profile-desc-box-wrapper .section-ttl {
  margin-bottom: 16px;
}
.memoriam__gallery {
  margin-top: 0;
}
.memoriam__gallery .section-ttl {
  margin-bottom: 13px;
}
.memoriam__gallery .album__gallery__items {
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  height: 110px;
}
.memoriam .end-desc {
  text-align: right;
}
.memoriam .btn-submit {
  margin-bottom: 4px;
}
.memoriam .c-350 {
  margin-bottom: 30px;
}

.cemetary-location {
  margin-bottom: 30px;
}
.cemetary-location-wrapper .section-ttl {
  margin-bottom: 12px;
}
.cemetary-location-desc {
  color: #666666;
  font-size: 11px;
  font-weight: 500;
}
.cemetary-location-desc:not(:last-of-type) {
  margin-bottom: 8px;
}
.cemetary-location-frame {
  margin-top: 9px;
}

.comment {
  margin-bottom: 28px;
}
.comment .section-ttl {
  margin-bottom: 15px;
}

.creator-wrapper .section-ttl {
  margin-bottom: 12px;
}
.creator-profile {
  display: inline-block;
  text-decoration: none;
}
.creator-profile-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
}
.creator-profile-img img {
  display: block;
  border-radius: 50%;
  margin-bottom: 5px;
}
.creator-profile-name {
  color: #78c997;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.creator-wrapper {
  padding-bottom: 35px;
}

.photo-error {
  margin-top: 2px;
  background-color: #ff0000;
  color: #fff;
  font-size: 9px;
  padding: 2px 5px;
  letter-spacing: 0.05em;
  line-height: 1.35;
  font-weight: 400;
  text-align: center;
}

.dp-error {
  width: 100%;
  text-align: center;
}

.form-description-error {
  background-color: #ff0000;
  padding: 2px 5px;
  line-height: 1.75;
  margin-bottom: 10px;
  display: block;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.form-textcount-error {
  background-color: #ff0000;
  padding: 2px 5px;
  line-height: 1.75;
  margin-bottom: 10px;
  display: block;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: absolute;
  z-index: 99;
  width: -webkit-fill-available;
  margin-right: 5px;
  max-width: 341px;
}

.payment-warning {
  margin: 10px 0px;
  color: #ff0000;
  font-size: 12px;
  padding: 2px 5px;
  letter-spacing: 0.05em;
  line-height: 1.35;
  font-weight: 600;
}

.closebtn {
  position: absolute;
  background-color: var(--color-white);
  top: -10px;
  right: -10px;
  font-size: 60px;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 6px solid var(--color-orange);
  z-index: 9;
}
.closebtn:before, .closebtn:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 24%;
  height: 54px;
  width: 6px;
  background-color: var(--color-orange);
}
.closebtn:before {
  transform: rotate(45deg);
}
.closebtn:after {
  transform: rotate(-45deg);
}

.life-store .swiper-pagination-bullets {
  bottom: 70px;
  left: 0;
  width: 100%;
}
.life-store .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0px 5px;
  border: none;
  width: 10px;
  height: 10px;
  background: #f2f9f4 !important;
  opacity: 1;
}
.life-store .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #80cff4 !important;
}
.life-store .swiper-pagination-fraction,
.life-store .swiper-pagination-custom,
.life-store .swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  width: 100%;
  bottom: -25px;
}
.life-store .swiper-button-prev,
.life-store .swiper-button-next {
  position: absolute;
  width: 12px !important;
  height: 15px !important;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50% !important;
  background-image: none !important;
  margin-top: -50px !important;
}
.life-store .swiper-button-next {
  border-left: 12px solid #fff;
  right: 6px !important;
}
.life-store .swiper-button-prev {
  border-right: 12px solid #fff;
  left: 6px !important;
}
.life-store .swiper-button-disabled {
  display: none;
}
.life-store .swiper-container {
  width: 100% !important;
  position: relative;
}
.life-store .swipper-wrapper {
  height: auto !important;
}
.life-store .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.life-store .slick-track {
  display: flex !important;
}
.life-store .slick-slide {
  height: 100% !important;
}

.photo .c-350 {
  margin-top: 25px;
  margin-bottom: 75px;
}
.photo__slider-box .img-wrapper {
  width: 350px;
  height: 350px;
}
.photo__slider-box .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn-fav__wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 12px;
}
.btn-fav__desc {
  font-size: 11px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.photos .txt-link-wrapper {
  margin-top: 20px;
}
.photos__gallery {
  margin-top: 25px;
}
.photos .album {
  margin-bottom: 32px;
}

.uploaded-album .uploaded-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.uploaded-album .uploaded-gallery__items {
  width: calc(100% / 3);
  flex: 0 0 calc(100% / 2);
  height: 115px;
  display: block;
  margin-bottom: 50px;
  padding: 0 5px;
  position: relative;
  line-height: 0;
  text-decoration: none;
}
.uploaded-album .uploaded-gallery__items img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.uploaded-album .uploaded-gallery__img {
  width: 100%;
  height: 100%;
  background-color: #E6E6E6;
}
.uploaded-album .uploaded-gallery__img p {
  color: #78c997;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.uploaded-album .uploaded-gallery__desc {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 15px;
  right: 5px;
  width: auto;
  bottom: 0;
  font-size: 10px;
  color: #fff;
  padding: 2px 3px 0px;
  background-color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}

.follow .right {
  position: relative;
}
.follow .follow-popup-box {
  padding: 15px 10px 10px 15px;
  background-color: #fff;
  width: 175px;
  height: 85px;
  position: absolute;
  right: -5px;
  border: 1px solid #80cff4;
  box-shadow: 0 0px 0 #fff, 0 2px 3px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
}
.follow .follow-popup-box--desc {
  font-size: 14px;
  line-height: 1.3;
}
.follow .follow-popup-box .btn-link {
  margin-top: 12px;
}
.follow .follow-popup-box.active {
  opacity: 1;
  visibility: visible;
}
.follow .profile-desc {
  line-height: 1.5;
  padding-bottom: 35px;
}

.followers .form-group.form-checkbox {
  margin-bottom: 7px;
}
.followers .form-login .form-checkbox__label {
  padding: 1px 0 20px;
}
.followers .form-login .form-checkbox__label span {
  padding-left: 16px;
  color: #009fe8;
}
.followers .form-login .form-checkbox__label img {
  width: 14px;
}
.followers .buttons {
  padding-bottom: 42px;
}

.comment .life-store .swiper-button-next {
  border-left: 12px solid #009fe8;
  right: 6px !important;
}
.comment .life-store .swiper-button-prev {
  border-right: 12px solid #009fe8;
  left: 6px !important;
}
.comment .end-desc {
  text-align: right;
}
.comment .btn-fav__wrap {
  margin-top: 20px;
  margin-bottom: 98px;
}
.comment .swiper-button-prev,
.comment .swiper-button-next {
  margin-top: -125px !important;
}
.comment .profile-desc {
  margin-top: 27px;
  padding-bottom: 35px;
  min-width: 265px;
  min-height: 274px;
}

.comments .btn-submit {
  margin-top: 25px;
}
.comments .end-desc {
  text-align: right;
}
.comments .profile-desc {
  padding-bottom: 0;
  margin-top: 25px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comments .comments-wrap {
  margin-bottom: 40px;
}

.comment.-main {
  padding-top: 18px;
}
.comment.-main .heading-ttl {
  padding-bottom: 12px;
}
.comment.-main .comment-box:not(:last-of-type) {
  margin-bottom: 14px;
}
.comment.-main .comment-desc {
  padding: 12px 10px 7px 8px;
}
.comment-wrapper {
  margin-bottom: 18px;
}
.comment-none {
  background-color: #f2f9f4;
  padding: 13px 8px;
}
.comment-none-txt {
  color: #666666;
  font-size: 10px;
  font-weight: 500;
}
.comment-box {
  display: flex;
  gap: 7px;
}
.comment-box:not(:last-of-type) {
  margin-bottom: 12px;
}
.comment-box.-reply {
  padding-left: 45px;
}
.comment-img {
  flex-shrink: 0;
}
.comment-img img {
  display: block;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
}
.comment-desc {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background-color: #f2f9f4;
  padding: 14px 10px 8px 10px;
}
.comment-desc small {
  font-size: 10px;
  font-weight: 500;
  color: #666666;
  padding-left: 13px;
}
.comment-desc-rht .profile-desc {
  min-width: unset;
  min-height: unset;
  color: #666666;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.559;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 8px;
}
.comment-desc-lft {
  display: flex;
  flex-direction: column;
}
.comment-desc-name {
  font-size: 12px;
  font-weight: 700;
  color: #78c997;
}
.comment-action .comment-reply {
  margin-left: 13px;
}
.comment-like {
  text-decoration: none;
  color: #666666;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
}
.comment-like::before {
  content: "";
  display: block;
  width: 10px;
  height: 8px;
  background-image: url(../img/icons/heart-gray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.comment-like-btn svg {
  width: 18px;
  height: 15px;
}
.comment-like-btn.active .cls-1 {
  fill: #78c997;
}
.comment-like-btn + .comment-del-btn {
  margin-top: 30px;
}
.comment-reply {
  color: #666666;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.comment-reply img {
  margin-right: 3px;
}
.comment-btn {
  background-color: #78c997;
  max-width: 238px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: none;
  outline: none;
  border-radius: 0;
  cursor: pointer;
  color: #fff;
  font-family: 15px;
  font-weight: 700;
  padding: 10px 0;
}
.comment-btn::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../img/icons/chat.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.comment__create {
  background-color: #fff;
  padding: 14px 14px 14px 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
.comment__create-wpr {
  display: flex;
  align-items: center;
  max-width: 375px;
  margin: 0 auto;
}
.comment__create-img {
  width: 40px;
  max-width: 100%;
}
.comment__create .form-group {
  width: 240px;
  max-width: 100%;
  margin: 0 8px;
}
.comment__create .btn-post {
  max-width: 55px;
  font-size: 13px;
  font-weight: 700;
  color: #78c997;
  background-color: transparent;
  padding: 0;
  margin-left: 5px;
}
.comment__create input {
  width: 100%;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 12px;
  height: 39px;
  font-size: 13px;
  font-weight: 500;
  color: #b3b3b3;
}
.comment__create input::-moz-placeholder {
  color: #b3b3b3;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.comment__create input::placeholder {
  color: #b3b3b3;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.comment__create input:focus {
  outline: none;
}
.comment__create-over-toolbar {
  background-color: #fff;
  padding: 14px 14px 14px 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  bottom: 48px;
  left: 0;
}
.comment__create-over-toolbar-wpr {
  display: flex;
  align-items: center;
  max-width: 375px;
  margin: 0 auto;
}
.comment__create-over-toolbar-img {
  width: 40px;
  max-width: 100%;
}
.comment__create-over-toolbar .form-group {
  width: 240px;
  max-width: 100%;
  margin: 0 8px;
}
.comment__create-over-toolbar .btn-post {
  max-width: 55px;
  font-size: 13px;
  font-weight: 700;
  color: #78c997;
  background-color: transparent;
  padding: 0;
  margin-left: 5px;
}
.comment__create-over-toolbar input {
  width: 100%;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 12px;
  height: 39px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}
.comment__create-over-toolbar input::-moz-placeholder {
  color: #b3b3b3;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.comment__create-over-toolbar input::placeholder {
  color: #b3b3b3;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.comment__create-over-toolbar input:focus {
  outline: none;
}
.comment__create-over-toolbar-none {
  display: none;
}

.comment-reply-box {
  padding-bottom: 10px;
  padding-left: 45px;
}
.comment-reply-box.-new {
  padding-left: 0;
}
.comment-reply-box .form-group {
  display: flex;
  align-items: center;
}
.comment-reply-box textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #cccccc;
  resize: none;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
}
.comment-reply-box textarea:focus-visible {
  outline: none;
}
.comment-reply-box .btn-submit {
  max-width: 70px;
  font-size: 12px;
  padding: 8px;
  margin-left: 15px;
  margin-bottom: 0;
}

.thumbnailContainer {
  display: flex;
  align-items: self-start;
  justify-content: center;
  margin: 10px 277px 10px 0px;
}

.cmt-img-del {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 16px;
  width: auto;
  font-size: 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
  margin-left: 2px;
  background: url(../img/icons/close-cross.svg) no-repeat;
}

.add-comment form textarea {
  width: 265px;
  height: 265px;
  border: 1px solid #80CFF4;
  resize: none;
  margin-top: 30px;
  margin-bottom: 125px;
  padding: 10px;
  font-size: 11px;
  color: #f2f9f4;
}
.add-comment form textarea:focus-visible {
  outline: none;
}
.add-comment form .btn-submit {
  margin-bottom: 62px;
}

.donationsetting .form-group {
  margin-bottom: 30px;
}
.donationsetting .form-login--lblue .form-radio__label span {
  padding: 0 13px;
  white-space: nowrap;
}
.donationsetting .buttons {
  padding: 7px 0 42px;
}
.donationsetting .invitation-check {
  margin: 30px 0 35px;
}

.notificationsetting .form-group {
  margin-bottom: 32px;
}
.notificationsetting .form-login .form-checkbox__label {
  padding-bottom: 19px;
}
.notificationsetting .form-login .form-checkbox__label.last {
  padding-bottom: 0;
}
.notificationsetting .form-login .form-checkbox__label img {
  width: 14px;
}
.notificationsetting .form-login .form-radio--2 .form-radio__label img {
  width: 14px;
  min-width: 14px;
}
.notificationsetting .buttons {
  padding-bottom: 42px;
}
.notificationsetting .invitation-check {
  margin: 30px 0 35px;
}
.notificationsetting .invitation-check .invitation-txt {
  margin-left: 55px;
}

.notification {
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}
.notification .heading__title {
  font-size: 1rem;
  margin-top: 2rem;
  font-weight: 500;
}
.notification-wrapper {
  margin-top: 15px;
}
.notification-inner {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: solid 1px #cccccc;
}
.notification-inner:first-child {
  padding-top: 0;
  padding-bottom: 18px;
}
.notification-inner.unread {
  background-color: #f2f9f4;
}
.notification-lft, .notification-rgt {
  max-width: 40px;
  width: 100%;
}
.notification-lft {
  margin-right: 13px;
}
.notification-rgt {
  margin-left: 30px;
}
.notification-desc {
  font-size: 12px;
  font-weight: 700;
  color: #666666;
  text-align: left;
  line-height: 1.3;
  text-decoration: none;
  transition: all 0.25s ease;
}
.notification-desc:hover {
  text-decoration: underline;
}
.notification-desc span {
  color: #78c997;
}
.notification-desc small {
  font-size: 11px;
  font-weight: 500;
}
.notification .wrapper {
  text-align: left;
}
.notification .wrapper__items dt {
  margin: 1rem 0;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  font-size: 0.6rem;
}
.notification .wrapper__items dt .title {
  max-width: 200px;
  width: 100%;
  line-height: 1.3;
  word-break: break-word;
}
.notification .wrapper__items dt .more {
  font-size: 0.5rem;
  color: #707070;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
.notification .wrapper__items dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.5rem;
  padding: 0 30px 0 40px;
  margin: 5px 0;
}
.notification .wrapper__items dd .name {
  width: 100%;
  max-width: 200px;
  line-height: 1.3;
  word-break: break-word;
  position: relative;
}
.notification .wrapper__items dd .name::before {
  content: "";
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  position: absolute;
  left: -7px;
  top: -0.9px;
}
.notification .wrapper__items dd .n-btn {
  max-width: 25px;
  width: 100%;
  font-size: 0.3rem;
}
.notification .wrapper__img {
  width: 100%;
  max-width: 25px;
  height: 25px;
}

.pagination-list span {
  color: #666666;
  padding: 3px 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  margin: 0 3px;
}

.add-photo .form-login .form-upload .uploadedimage__cover {
  background-color: #bee6f9;
  width: 265px;
  height: 265px;
  margin: 25px 0 10px;
}
.add-photo .form-login .form-upload .uploadedimage__wrapper label {
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
}
.add-photo .add-comment textarea {
  height: 130px !important;
  margin: 0 0 10px;
}
.add-photo .form-login .form-upload {
  padding-bottom: 44px;
}
.add-photo .add-comment .btn-submit {
  margin-bottom: 0;
}

.invitation .sns-section {
  margin-top: 25px;
  margin-bottom: 52px;
  position: relative;
}
.invitation .sns-section__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  transition: all 0.25s ease;
}
.invitation .sns-section__item {
  margin-top: 40px;
  width: 100%;
}
.invitation .sns-section__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.25s ease;
}
.invitation .sns-section__wrap--desc {
  position: absolute;
  right: 210px;
}
.invitation .sns-section__link {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #80cff4;
}
.invitation .sns-section__link--img {
  max-width: 16px;
}
.invitation .sns-section__link:hover {
  opacity: 0.8;
}
.invitation .sns-section.active .sms-box {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 3;
  top: 0;
}
.invitation .sns-section.active .sns-section__list {
  padding-top: 103px;
}
.invitation .sns-section.active .sns-section__wrap {
  justify-content: flex-start;
}
.invitation .sns-section.active .sns-section__wrap--desc {
  opacity: 0;
}
.invitation .sns-section.active .sns-section__item:not(:first-child) {
  margin-top: 20px;
}
.invitation .sns-section.active .sns-section__item:not(:first-child) .sns-section__link {
  width: 45px;
  height: 45px;
  margin-left: 38px;
}
.invitation .sns-section.active .sns-section__link--sec {
  margin-left: 28px !important;
}
.invitation .sms-box {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding: 29px 36px 24px 29px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #009fe8;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
}
.invitation .sms-box__close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  font-size: 25px;
  color: #009fe8;
  cursor: pointer;
}

.invitation-check {
  margin-top: 65px;
}
.invitation-check__wrap {
  display: flex;
  align-items: center;
}
.invitation-check .images-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  min-width: 180px;
}
.invitation-check .images-wrap--item {
  display: block;
  padding: 0 5px;
  margin-bottom: 10px;
  position: relative;
}
.invitation-check .images-wrap--item .main-img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.invitation-check .invitation-txt {
  margin-left: 30px;
  max-width: 133px;
}
.invitation-check .form-login {
  position: absolute;
  right: 10px;
  bottom: -10px;
}

.invitation1 .invitation-check {
  margin-top: 35px;
}
.invitation1 .invitation-txt {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0;
}

.invitation2 .invitation-check {
  margin-top: 30px;
}
.invitation2 .invitation-check .images-wrap {
  align-items: flex-end;
}
.invitation2 .invitation-check .images-wrap--item .main-img {
  width: 115px;
  height: 115px;
}
.invitation2 .invitation-check .images-wrap--item .main-img--sm {
  width: 45px;
  height: 45px;
}

.flowersetting .invitation-check {
  margin-bottom: 20px;
}
.flowersetting .form-login .form-group {
  margin-bottom: 30px;
}
.flowersetting .buttons {
  margin: 95px 0 107px;
}

.send-flower .page-hero {
  margin-bottom: 33px;
}
.send-flower .sendcard-btn {
  margin-bottom: 62px;
}

.sendcard {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.sendcard:last-of-type {
  margin-bottom: 40px;
}
.sendcard__image {
  width: 100px;
  flex: 0 0 100px;
  position: relative;
  line-height: 0;
}
.sendcard__label {
  display: block;
  position: relative;
}
.sendcard__label .form-checkbox__label {
  padding: 4px 4.5px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sendcard__label .form-checkbox__label span {
  padding-left: 5px;
  color: #fff;
}
.sendcard__detail {
  flex-grow: 1;
  padding-left: 10px;
}
.sendcard__title {
  font-size: 11px;
  line-height: 1.5;
  color: #009fe8;
  margin-bottom: 5px;
}
.sendcard__desc {
  font-size: 11px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sendcard__date {
  text-align: right;
  display: block;
  padding-right: 25px;
  font-size: 10px;
  line-height: 1.4;
}
.sendcard--main {
  align-items: flex-end !important;
}
.sendcard--main .sendcard__image {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
}
.sendcard--main .sendcard__title {
  color: #f2f9f4;
  margin-bottom: 0;
  text-align: right;
}

.donation .page-hero__desc {
  margin-top: 25px;
  margin-bottom: 33px;
}
.donation .sendcard__title {
  margin-bottom: 10px;
}
.donation .sendcard__image {
  position: relative;
}
.donation .sendcard__input {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  display: flex;
  align-items: center;
}
.donation .sendcard__input .form-input {
  height: 15px;
  border: 1px solid #F6CA91;
  padding: 0 5px 0 15px;
  line-height: 1.3;
  font-size: 10px;
}
.donation .sendcard__input .form-input:focus {
  outline: 1px solid #F6CA91;
}
.donation .sendcard__input .form-label {
  width: 20px;
  flex: 0 0 20px;
  margin-left: 2.5px;
  margin-bottom: 0;
  color: #fff;
  line-height: 1.3;
}
.donation .sendcard .form-input-wrapper {
  position: relative;
}
.donation .sendcard .form-input-wrapper:after {
  position: absolute;
  content: "￥";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
}
.donation .sendcard-btn {
  margin-bottom: 62px;
}

.placeorder .form-login {
  margin-top: 65px;
}
.placeorder .form-radio {
  display: block;
}
.placeorder .form-radio__label {
  position: relative;
}
.placeorder .form-radio__label .radio-box-wrapper {
  position: absolute;
  bottom: 0;
  right: -18px;
}
.placeorder .form-radio__label span {
  font-size: 10px;
}
.placeorder .sendcard {
  margin-bottom: 15px;
  align-items: stretch;
}
.placeorder .sendcard--main {
  margin-bottom: 55px;
}
.placeorder .sendcard__detail {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.placeorder .sendcard__desc {
  margin-bottom: 0;
  display: flex;
}
.placeorder .sendcard__desc .pricetitle {
  width: 40px;
  flex: 0 0 40px;
  margin-left: 5px;
}
.placeorder .sendcard__desc .priceamount {
  background-color: #fff;
  flex-grow: 1;
  border: 1px solid #80cff4;
  line-height: 1.6;
  text-align: center;
}
.placeorder .totalprice {
  border-bottom: 1px solid #80cff4;
  font-size: 14px;
  line-height: 1.9;
  padding-bottom: 2.5px;
  margin: 40px 0 24px;
}
.placeorder .totalprice span {
  float: right;
}
.placeorder .radio-group {
  margin: 35px 0;
}
.placeorder .form-grouporder {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}
.placeorder .form-grouporder__title {
  width: 85px;
  flex: 0 0 85px;
  padding-right: 5px;
  font-size: 10px;
  line-height: 1.4;
}
.placeorder .form-grouporder__input {
  max-width: 180px;
}
.placeorder .buttons {
  margin: 47px 0 40px;
}
.placeorder .radio-box2 {
  position: relative;
  line-height: 0;
}
.placeorder .radio-box2 .radio-box-checked {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.placeorder .form-login .form-radio__input:checked ~ .form-radio__label .radio-box2 .radio-box-checked {
  display: block;
}

.search {
  padding-top: 18px;
  padding-bottom: 18px;
}
.search .heading-ttl {
  padding-bottom: 10px;
}

.items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 14px;
}

.board {
  display: flex;
  align-items: flex-start;
}
.board:not(:last-child) {
  margin-bottom: 22px;
}
.board__img {
  margin-right: 18px;
  max-width: 100px;
  width: 100%;
}
.board__img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.board__text {
  padding-top: 13px;
}
.board__text p {
  padding-bottom: 13px;
}
.board__text p:last-child {
  padding-bottom: 0;
}
.board__text .name {
  max-width: 200px;
  word-break: break-word;
  font-size: 18px;
  font-weight: 700;
  color: #78c997;
  letter-spacing: 0.025em;
}
.board__text .name span {
  color: #666666;
  font-size: 12px;
  display: block;
  padding-top: 5px;
}
.board__text .date {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
}
.board__text .views {
  font-size: 12px;
  font-weight: 700;
  color: #666666;
}
.board__text .views span {
  padding-left: 15px;
}

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

.recomended__heading .title {
  font-size: 0.8rem;
  margin-top: 2rem;
  font-weight: 500;
  text-align: center;
}
.recomended__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recomended__img > img {
  margin: 0 5px;
}

@supports (-webkit-touch-callout: none) {
  /* Your Safari-specific CSS styles here */
  .board__text .date {
    font-size: 10px;
  }

  .board__text .views {
    font-size: 11px;
  }

  .board__img {
    margin-right: 15px;
  }
}
.name-link {
  text-decoration: none;
}

sup {
  color: #ff0000;
}

.video-info {
  display: flex;
  margin-bottom: 10px;
}
.video-info img {
  width: 5px;
  height: 10px;
}
.video-info .description {
  padding: 0px 10px;
  font-size: 10px;
  line-height: 15px;
}