/* motion,btn
---------------------------------------- */
*:selection {
  background: #f27649;
  color: #fff;
}
a,
img,
.photo,
.over,
aside#sns li span,
.nav-child,
.ico-area dd ul {
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

span.false_btn {
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 4px;
  font-weight: 700;
  min-width: 160px;
  text-align: center;
}
span.false_btn.false_btn_comment {
  background: var(--post_btn_comment);
  border: 2px solid var(--dark);
  color: #000;
  margin-bottom: 5px;
}
span.false_btn.false_btn_event {
  background: var(--post_btn_event);
  color: #000;
  border-radius: 50px;
  margin-bottom: 5px;
}
span.false_btn.false_btn_detail {
  background: var(--post_btn_detail);
  border: 2px solid var(--dark);
  color: #000;
  margin-bottom: 5px;
}
span.false_btn.false_btn_list {
  background: var(--post_btn_list);
  color: #000;
  margin-bottom: 5px;
}

span.false_btn.false_btn_edit {
  color: #fff;
  background: var(--edit);
}
.post_btn_area {
  border-top: 1px solid #999;
  background-color: #eee;
}
.post_btn_area.event_btn_area {
  background-color: #999;
}
.column_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.column_btn .btn {
  xwidth: auto !important;
}

.column_btn.flex_four .btn {
  width: calc((100% - 100px) / 4);
}
.column_btn.flex_three .btn {
  width: calc((100% - 80px) / 3);
}
.column_btn .btn a {
  width: 100%;
}
.column_btn .btn a {
  margin-top: 16px;
}
.column_btn .btn:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .column_btn {
    flex-flow: column;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
  }
  .column_btn .btn {
    width: 100%;
  }
  .column_btn.flex_four .btn {
    width: 100%;
  }
  .column_btn.flex_three .btn {
    width: 100%;
  }
  .column_btn .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .post_btn_area .column_btn {
    width: 92%;
  }
  .column_btn .btn:last-child {
    margin-bottom: 0;
  }
}
.btn.size_min,
.btn.size_s {
}
.btn.size_r,
.btn.size_l {
  text-align: center;
  width: 100%;
}
.btn {
  margin-bottom: 1rem;
}

.btn a,
.btn input {
  margin: auto;
  text-decoration: none;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.btn.size_min a,
.btn.size_min input {
  width: auto;
  height: 28px;
  font-size: 14px;
  display: inline;
  padding: 6px 10px;
}
.btn.size_s a,
.btn.size_s input {
  width: auto;
  height: 40px;
  display: inline;
  padding: 4px 8px;
}
.btn.size_r a,
.btn.size_r input {
  width: 280px;
  height: 50px;
}
.btn.size_flex a,
.btn.size_flex input {
  width: 100%;
  height: 50px;
}
.btn.size_l a,
.btn.size_l input {
  width: 360px;
  height: 60px;
}

.btn.size_full {
  width: 100%;
}
.btn.size_full a,
.btn.size_full input {
  width: 100%;
  height: 60px;
}
.btn.size_big a,
.btn.size_big input {
  width: 100%;
  height: 200px;
  font-size: 24px;
  font-weight: 700;
}

@media screen and (min-width: 961px) {
  .pickup_box {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin: 0 auto;
  }
  .manual_box {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin: 0 auto;
  }
  .btn.size_big {
    width: calc((100% - 20px) / 2);
  }
  .btn.size_big {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .btn.size_big:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .pickup_box {
    width: 100%;
  }
  .manual_box {
    width: 100%;
  }
}

.btn.size_big a span,
.btn.size_big input span {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-top: 6px;
}
.btn a:hover,
.btn input:hover {
  opacity: 0.8;
}
.btn.next a,
.btn.next input {
  position: relative;
  color: #fff;
  background: var(--brand_dark);
  transition: 0.4s;
}
.btn.next a:after,
.btn.next input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}
.member .btn.next.scroll a,
.member .btn.next.scroll input {
  background: var(--member_main_thin);
  color: #000;
  font-weight: 700;
  border: 2px solid var(--member_main_dark);
}
.member .btn.next.scroll a:after,
.member .btn.next.scroll input:after {
  content: "\f107";
}
.btn.registry a,
.btn.registry input {
  position: relative;
  color: #fff;
  background: var(--brand_thin);
  transition: 0.4s;
}
.btn.registry a:after,
.btn.registry input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}
.btn.pickup a,
.btn.pickup input {
  position: relative;
  color: #000;
  background: var(--member_main_thin);
  border: 6px solid var(--member_main);
  transition: 0.4s;
  display: flex;
  flex-flow: column;
  border-radius: 15px;
}

.btn.pickup a::before,
.btn.pickup input:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
.btn.pickup.release a,
.btn.pickup.release input {
  border: 6px solid var(--member_main_dark);
  background: #ffffa1;
}

.btn.pickup.icon_profile a::before,
.btn.pickup.icon_profile input:before {
  background-image: url(../img/icon_profile_accent.svg);
}
.btn.pickup.icon_bulletin_board a::before,
.btn.pickup.icon_bulletin_board input:before {
  background-image: url(../img/icon_bulletin_board_accent.svg);
}
.btn.pickup.icon_search a::before,
.btn.pickup.icon_search input:before {
  background-image: url(../img/icon_search_accent.svg);
}
.btn.pickup.icon_release a::before,
.btn.pickup.icon_release input:before {
  background-image: url(../img/icon_release_accent.svg);
}
.btn.pickup.icon_event a::before,
.btn.pickup.icon_event input:before {
  background-image: url(../img/icon_event_accent.svg);
}

.btn.back a,
.btn.back input {
  position: relative;
  color: #fff;
  background: var(--dark);
  transition: 0.4s;
}
.btn.back a:after,
.btn.back input:after {
  font-family: "FontAwesome";
  content: "\f104";
  position: absolute;
  left: 20px;
  margin: auto;
}

/*会員ボタン　start*/
.member .btn.next a,
.member .btn.next input {
  position: relative;
  background: #fff;
  color: var(--member_main);
  transition: 0.4s;
  border: 1px solid var(--member_main);
}
.member .btn.next a:after,
.member .btn.next input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}
.btn.search a,
.btn.search input {
  position: relative;
  background: #fff;
  color: var(--member_main_dark);
  transition: 0.4s;
  border: 1px solid var(--member_main_dark);
}
.btn.search a:after,
.btn.search input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}

.btn.pdf a,
.btn.pdf input {
  position: relative;
  background: #fff;
  color: var(--member_main_dark);
  transition: 0.4s;
  border: 1px solid var(--member_main_dark);
  font-size: 1.2em;
}
.btn.post a,
.btn.post input {
  position: relative;
  color: #fff;
  background: var(--post);
  transition: 0.4s;
  border: 1px solid var(--post);
}

.btn.post_detail a,
.btn.post_detail input {
  position: relative;
  color: #fff;
  background: var(--submit);
  transition: 0.4s;
  border: 1px solid var(--submit);
  padding-left: 0;
}
.btn.post_detail a:after,
.btn.post_detail input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}
.btn.post_btn_event a,
.btn.post_btn_event input {
  position: relative;
  font-weight: 700;
  background: var(--post_btn_event);
  transition: 0.4s;
  border-radius: 50px;
}

.btn.post_btn_list a,
.btn.post_btn_list input {
  position: relative;
  font-weight: 700;
  background: var(--post_btn_list);
  transition: 0.4s;
  border: 2px solid var(--dark);
}
.btn.post_btn_comment a,
.btn.post_btn_comment input {
  position: relative;
  font-weight: 700;
  background: var(--post_btn_comment);
  transition: 0.4s;
  border: 2px solid var(--dark);
}
.btn.post_btn_detail a,
.btn.post_btn_detail input {
  position: relative;
  font-weight: 700;
  background: var(--post_btn_detail);
  transition: 0.4s;
  border: 2px solid var(--dark);
}
.post_textlink_comment {
  margin-top: 20px;
  text-align: right;
}
.post_textlink_comment a.text_link {
  text-decoration: none;
}
.post_textlink_comment a:before {
  content: "\f27a";
  font-family: FontAwesome;
  margin-right: 8px;
  font-size: 125%;
}
.post_textlink_detail {
  text-align: right;
  margin-bottom: 0.25rem;
}
.post_textlink_detail a.text_link {
  text-decoration: none;
}
.btn.message a,
.btn.message input {
  position: relative;
  color: #fff;
  background: var(--message);
  transition: 0.4s;
  border: 1px solid var(--message);
}
.btn.post_form a,
.btn.post_form input {
  position: relative;
  color: var(--post);
  background: #fff;
  transition: 0.4s;
  border: 1px solid var(--post);
}
.btn.submit a,
.btn.submit input {
  position: relative;
  color: #fff;
  background: var(--submit);
  transition: 0.4s;
  border: 1px solid var(--submit);
  padding-left: 0;
}
.btn.submit a:after,
.btn.submit input:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 20px;
  margin: auto;
}

.btn.edit a,
.btn.edit input {
  position: relative;
  color: #fff;
  background: var(--edit);
  transition: 0.4s;
}

.btn.delete a,
.btn.delete input {
  position: relative;
  color: #fff;
  background: var(--dark);
  transition: 0.4s;
}
.btn.edit_password a,
.btn.edit_password input {
  position: relative;
  color: #fff;
  background: var(--edit_password);
  transition: 0.4s;
}
.btn.syosai {
  text-align: center;
}
.btn.syosai a,
.btn.syosai input {
  position: relative;
  color: #fff;
  background: var(--syosai);
  transition: 0.4s;
}
table.search-table .btn.syosai {
  margin-bottom: 0;
}
/*会員ボタン　end*/

@media screen and (max-width: 767px) {
  /* 480px以下に適用されるCSS（スマホ用） */
  .btn.size_r a,
  .btn.size_r input {
    width: 100%;
  }
  .btn.size_l a,
  .btn.size_l input {
    width: 100%;
  }
}