@charset "utf-8";
/*==汎用==*/
.flex01 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .flex01 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.flex02 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex03 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.ac-show:not(.nowrap) li {
  margin-right: 1%;
  flex-basis: calc(95% * 1 / 5);
}
.ac-show li a {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .flex03 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .ac-show:not(.nowrap) li {
    margin-right: 1%;
    flex-basis: calc(95% * 1 / 2);
  }
  .ac-show li a {
    height: 100%;
  }
}

/*蛍光ペン的なやつ*/
.underline {
  background: linear-gradient(transparent 70%, #ffe0c2 70%);
}
/*テキスト省略*/

.ellipsis {
  position: relative;
  overflow: hidden;
  line-height: 20px;
  height: 3.8rem;
}

.ellipsis:before,
.ellipsis:after {
  position: absolute;
  background: #fff;
}

.ellipsis:before {
  /* content: "･･･";
  bottom: 0;
  right: 0;
  padding: 0 3px; */
}

.ellipsis:after {
  /* content: "";
  width: 100%;
  height: 100%; */
}
.line_2 {
  height: 10rem;
}
.line_3 {
  height: 8rem;
}
/*==汎用ここまで==*/
/*pagetitle*/
.sec_ttl {
  margin: 60px auto;
}

.gallery {
  max-width: 1140px;
  padding: 0 25px;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .gallery {
    max-width: 96%;
    padding: 0 0;
    margin: 50px auto;
  }
}
/*=========================================
選択部分
========================================*/
.select_area {
  margin: 0 auto 60px;
}
.select_area p {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 20px;
}
.select_list {
  flex-basis: 270px;
}
.cst .select_list {
  width: 100%;
  max-width: 385px;
  margin: 50px 0 0 auto;
  display: flex;
  justify-content: space-between;
}
.cst .select_list .flex01 {
  border-bottom: 1px solid #000;
}
.cst .select_list li:first-child {
  margin-right: 20px;
}
.cst .select_list li:first-child p {
  width: 40px;
  font-weight: 500;
}
.cst.gallery-cat-swic {
  margin: 20px auto 0;
  align-items: center;
}
/* ▼menu調整20200108 */
.cst.gallery-cat-swic.left {
  justify-content: left;
}
.cst.gallery-cat-swic.left .column_flex_item {
  padding: 0 0 0 2%;
}
.cst.gallery-cat-swic.left .column01_02:first-child {
  padding: 0;
}
/* ▲menu調整20200108 */
.column01 {
  margin: 20px auto;
  flex-wrap: wrap;
}
@media all and (-ms-high-contrast: none) {
  .column01_01 {
    width: 100%;
  }
}
@media screen and (min-width: 1101px) and (-ms-high-contrast: none) {
  .column01_01 {
    max-width: 197px;
  }
}
.column01 ul li:first-child {
  flex-basis: 20%;
  margin-right: 20px;
}
.select_all a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #000;
  padding: 3px 0;
  font-weight: normal;
  border: 1px solid #000;
}
.select_all a:hover {
  color: #000;
  background-color: #fff;
}
.cst .select_all {
  width: 18%;
  margin-top: -2px;
}
.cst .select_all a {
  padding: 11px 0;
  font-weight: bold;
}

.reset_all a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #bbb;
  padding: 3px 0;
  font-weight: normal;
  border: 1px solid #bbb;
}
.reset_all a:hover {
  color: #000;
  background-color: #fff;
}
.cst .reset_all {
  width: 100%;
  margin-top: -2px;
  max-width: 200px;
}
.cst .reset_all a {
  padding: 11px 0;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .cst .select_all {
    width: 100%;
    max-width: 520px;
  }
  .cst .select_list {
    max-width: initial;
  }
  .cst .reset_all {
    width: 100%;
    max-width: 520px;
  }
}
.column01 ul li a,
.column01_02 a,
.column01_03 a,
.column01_04 a,
.column01_05 a,
.column01_06 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.column01 ul li a:hover,
.column01_02 a:hover,
.column01_03 a:hover,
.column01_04 a:hover,
.column01_05 a:hover,
.column01_06 a:hover {
  background-color: transparent;
}

.column01 ul li:nth-child(2) a {
  background: url(../../img/gallery/change_list01_cu.png) no-repeat top center;
}
.column01 ul li:nth-child(3) a {
  background: url(../../img/gallery/change_list02_cu.png) no-repeat top center;
}
.column01 ul li:nth-child(4) a {
  background: url(../../img/gallery/change_list04_cu.png) no-repeat top center;
}
.column01_02 a {
  background: url(../../img/gallery/change_house01_cu.png) no-repeat top center;
}
.column01_03 a {
  background: url(../../img/gallery/change_house02_cu.png) no-repeat top center;
}
.column01_04 a {
  background: url(../../img/gallery/change_type01_cu.png) no-repeat top center;
}
.column01_05 a {
  background: url(../../img/gallery/change_type02_cu.png) no-repeat top center;
}
.column01_06 a {
  background: url(../../img/gallery/change_type03_cu.png) no-repeat top center;
}
.column01 ul li:nth-child(2) a:hover img,
.column01 ul li:nth-child(3) a:hover img,
.column01 ul li:nth-child(4) a:hover img,
.column01_02 a:hover img,
.column01_03 a:hover img,
.column01_04 a:hover img,
.column01_05 a:hover img,
.column01_06 a:hover img {
  visibility: hidden;
}

.column02 {
  margin: 20px 0;
}

.column02 p:before,
.column03 p:before {
  content: "";
  display: inline-block;
  background: url(../../img/gallery/ttl_head.png) no-repeat center top;
  width: 6px;
  height: 35px;
  position: relative;
  top: 4px;
}

.column02 p,
.column03 p {
  color: #005c3f;
  font-size: 22px;
  border-bottom: 1px solid #000;
}
.column02 p span,
.column03 p span {
  position: relative;
  left: 10px;
  top: -5px;
}

.column02 ul,
.column03 ul {
  margin-top: 20px;
  flex-wrap: wrap;
}

.column02 ul li {
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #000;
  max-width: 257px;
  width: 22.5%;
}
.column02 ul li:nth-child(4n) {
  margin-right: 0;
}
.column02 ul li a,
.column03 ul li a {
  position: relative;
  padding: 10px 30px 10px 10px;
}
.column02 ul li a {
  display: block;
  height: 100%;
  /*width:257px;*/
  /*text-align: center;
  border:1px solid #000;*/
}
.column02 ul li a:hover,
.column03 ul li a:hover {
  background-color: #000;
  color: #fff;
}
.column03 ul li {
  border: 1px solid #000;
  max-width: 200px;
  width: 23%;
  margin-bottom: 20px;
}
.column03 ul li a {
  display: block;
  /*width:200px;*/
  height: 100%;
  padding: 10px 30px 10px 10px;
  /*text-align: center;
  border:1px solid #000;*/
}
.column02 ul li a span:after,
.column03 ul li a span:after {
  position: absolute;
  top: 28%;
  right: 5px;
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 5px;
}
.column02 ul li a.current,
.column03 ul li a.current {
  margin-left: 0;
}

/*アコーディオンはじめ*/
.ac-wrap01 {
  margin-bottom: 0;
}
span.border_left {
  display: inline-block;
}
.border_left:before {
  content: "";
  display: inline-block;
  background: url(../../img/gallery/ttl_head.png) no-repeat center top;
  width: 6px;
  height: 35px;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
/*ラベル*/
.ac-wrap label {
  color: #005c3f;
  font-size: 22px;
  border-bottom: 1px solid #000;
  display: block;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.5s;
}
/*アイコンを表示*/
.ac-wrap label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f055";
}
/*チェックは隠す*/
.ac-wrap input {
  display: none;
}
/*中身を非表示にしておく*/
.ac-wrap .ac-show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .ac-show {
  height: auto;
  padding: 5px;
  opacity: 1;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f056";
}
/*アコーディオンおわり*/

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .column01_01 {
    width: 100%;
  }
  .select_list {
    width: 100%;
    max-width: 197px;
    margin: 0 auto 20px 0;
  }
  .column01_02,
  .column01_03,
  .column01_04,
  .column01_05,
  .column01_06 {
    width: 18%;
  }
  .column01_02 a,
  .column01_03 a,
  .column01_04 a,
  .column01_05 a,
  .column01_06 a {
    background-size: contain;
    max-width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .column01_01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .column01_01 ul {
    display: none;
  }
  .column02 ul li,
  .column03 ul li {
    width: 48%;
    max-width: none;
    margin-right: 0;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .column02 ul li a,
  .column03 ul li a {
    width: 100%;
    padding: 5px 30px 5px 5px;
  }
  .column01 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .column01_02,
  .column01_03,
  .column01_04,
  .column01_05,
  .column01_06 {
    width: 33%;
    padding: 0 2%;
    max-width: 160px;
  }
  .column01_04,
  .column01_05,
  .column01_06 {
    margin-top: 10px;
  }
  .column01_02 a,
  .column01_03 a,
  .column01_04 a,
  .column01_05 a,
  .column01_06 a {
    background-size: contain;
  }
  .column01_03 {
    margin-right: 10%;
  }
  .cst.gallery-cat-swic.left .column_flex_item.column01_03 {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .ac-wrap label {
    font-size: 1.7rem;
  }
  span.border_left {
    line-height: 1.5;
  }
  .border_left:before {
    background: url(../../img/gallery/ttl_head.png) no-repeat center top -5px;
    height: 23px;
    top: 8px;
  }
  .column02 ul,
  .column03 ul {
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
}

/*=========================================
選択部分 1行
========================================*/
.gallery_list_inner {
  max-width: 910px;
  margin: 60px auto;
}
.new {
  display: block;
  color: #dd0000;
  margin-bottom: 2px;
}
.list_ttl .gallery_h2 {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 2;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.attachment-list .list_img img {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.gallery-list .list_img img {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 768 /512;
  object-fit: cover;
}
/*メイン画像*/
.list_img {
  text-align: center;
}
.list_img {
  overflow: hidden;
  width: 100%;
  max-width: 910px;
  position: relative;
}
.list_img img {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 768 /512;
  object-fit: cover;
}
.list_img a:hover {
  opacity: 0.5;
}

/*メイン画像下　説明部分*/
.list_category {
  margin: 15px auto;
}
.list_category_left {
  flex-basis: 90px;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.list_category_left.type02 {
  flex-basis: 15%;
}

.list_category_right {
  flex-basis: 817px;
}
.list_category_right_02 {
  flex-basis: 85%;
}
.list_category_right span {
  display: block;
  padding: 5px 15px;
  margin-right: 10px;
  background-color: #ff9933;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #fff;
}
.list_detail {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.list_detail ul {
  flex-basis: 635px;
}
.list_detail ul li {
  /*flex-basis:272px;*/
  width: 48%;
}
.list_detail ul li:first-child {
  margin-bottom: 20px;
}
.list_detail a {
  width: 274px;
  display: block;
  text-align: center;
  border: 1px solid #ff9933;
  color: #ff9933;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 60px;
  padding: 20px 0;
}
.list_detail a i {
  margin-right: 20px;
}
.list_detail a:hover {
  background-color: #ff9933;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .gallery_list_inner {
    max-width: 100%;
    margin: 50px auto;
  }
  .list_ttl .gallery_h2 {
    font-size: 2.1rem;
  }
  .list_img {
    overflow: hidden;
    width: 100%; /* トリミングしたい枠の幅 */
    /*height: 250px;*/ /* トリミングしたい枠の高さ */
  }
  .list_category .flex03 {
    justify-content: flex-start;
  }
  /*メイン画像下　説明部分*/
  .list_category {
    margin: 15px auto;
  }
  .list_category_left {
    flex-basis: 90px;
  }
  .list_category_right {
    flex-basis: 817px;
  }
  .list_category_right span {
    display: block;
    padding: 5px 10px;
    margin-right: 5px;
    background-color: #ff9933;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
  }
  .list_detail ul {
    flex-basis: 100%;
  }
  .list_detail ul li {
    flex-basis: 50%;
    margin-bottom: 10px;
  }
  .list_detail a {
    width: 100%;
    padding: 10px;
  }
  .list_detail a i {
    margin-right: 20px;
  }
  .list_detail a:hover {
    background-color: #ff9933;
    color: #fff;
  }
}

/*=========================================
選択部分 2列
========================================*/
.gallery_list_2rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery_list_2rows .list_ttl {
  position: relative;
}
.gallery_list_2rows .new {
  margin-bottom: 0;
  position: absolute;
  top: -15px;
}
.gallery_list_2rows .gallery_list_inner {
  max-width: 525px;
  width: 100%;
  margin: 0;
}
.gallery_list_2rows .gallery_list_inner:nth-child(2n) {
  margin-bottom: 60px;
}
.gallery_list_2rows .list_ttl .gallery_h2 {
  font-size: 2rem;
}
.gallery_list_2rows .ellipsis {
  /* height: 2em; */
  height: 4em;
}
.gallery_list_2rows .list_category {
  align-items: center;
}
.gallery_list_2rows .list_category ul li {
  width: 48%;
  margin-right: 1%;
  line-height: 1.2;
}
.gallery_list_2rows .list_category ul li:first-child {
  margin-bottom: 20px;
}
.gallery_list_2rows .list_detail a {
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 1140px) {
  .gallery_list_2rows .gallery_list_inner {
    max-width: none;
    width: 48%;
  }
  .gallery_list_2rows .list_category ul {
    font-size: 1.4rem;
    margin: 0 auto 0 4%;
  }
  .gallery_list_2rows .list_category ul li:last-child {
    width: 100%;
    margin-top: 10px;
  }
  .gallery_list_2rows .list_category ul li:first-child {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .gallery_list_2rows .list_ttl .gallery_h2 {
    margin: 0 auto 10px;
  }
  .gallery_list_2rows .list_category {
    align-items: self-start;
  }
  .list_category_left {
    flex-basis: 14%;
  }
  .gallery_list_2rows .list_category ul {
    flex-basis: 80%;
    font-size: 1.4rem;
  }
  .gallery_list_2rows .list_category ul li {
    width: auto;
    line-height: 1.5;
  }
  .gallery_list_2rows .list_category ul li:first-child {
    margin-bottom: auto;
  }
  .gallery_list_2rows .list_category ul li:last-child {
    margin-top: auto;
    width: auto;
  }
  .gallery_list_2rows .list_category ul li:not(:last-child) {
    margin-right: 1em;
  }
  .gallery_list_2rows .list_category ul li span {
    display: none;
  }
  .gallery_list_2rows .list_detail a {
    display: none;
  }
  .gallery_list_2rows .list_ttl .gallery_h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .gallery_list_2rows .gallery_list_inner {
    width: 49%;
  }
  .gallery_list_2rows .gallery_list_inner:nth-child(2n) {
    margin-bottom: 40px;
  }
  .gallery_list_2rows .list_ttl .gallery_h2 {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 0 auto 5px;
  }
  .gallery_list_2rows .ellipsis {
    /* height: 1.6em; */
    height: 3em;
  }
  .gallery_list_2rows .list_category {
    margin: 10px auto;
  }
  .gallery_list_2rows .list_category ul {
    font-size: 1.2rem;
  }
  .gallery_list_2rows .list_category ul li:not(:last-child) {
    margin-right: 0.5em;
  }
}
.gallery_list_2rows .gallery_list_inner:last-child {
  margin-bottom: 0;
}

/*=========================================
選択部分 4列
========================================*/
.gallery_list_4rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery_list_4rows .list_ttl {
  position: relative;
}
.gallery_list_4rows .new {
  margin-bottom: 0;
  position: absolute;
  top: -20px;
}
.gallery_list_4rows .gallery_list_inner {
  max-width: 260px;
  width: 100%;
  margin: 0;
}
.gallery_list_4rows .list_detail a {
  width: 100%;
  margin: 10px auto 0;
  padding: 10px;
}
.gallery_list_4rows .list_ttl .gallery_h2 {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.gallery_list_4rows .ellipsis {
  height: 2.6rem;
}
@media screen and (min-width: 768px) {
  .gallery_list_4rows::before {
    content: "";
    display: block;
    width: 23%;
    order: 1;
  }
  .gallery_list_4rows::after {
    content: "";
    display: block;
    width: 23%;
  }
  .gallery_list_4rows .gallery_list_inner:nth-child(4n) {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .gallery_list_4rows .gallery_list_inner {
    max-width: none;
    width: 23%;
  }
  .gallery_list_4rows .list_detail a {
    padding: 10px 15%;
  }
}
@media screen and (max-width: 767px) {
  .gallery_list_4rows .gallery_list_inner {
    max-width: none;
    width: 48%;
  }
  .gallery_list_4rows .gallery_list_inner:nth-child(2n) {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .gallery_list_4rows .gallery_list_inner:nth-child(2n) {
    margin-bottom: 40px;
  }
}

.gallery_list_4rows .gallery_list_inner:last-child {
  margin-bottom: 0;
}

.flex01_add {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.column01_02 {
  padding: 0 0 0 2%;
}
.column01_03 {
  padding: 0 0 0 2%;
}
.column_margein0 {
  margin: 0;
}

/*===================================
 favorit_btn1112
====================================*/
.favorite_btn_area {
  position: relative;
}
.favorite_btn {
  position: absolute;
  width: 56px;
  height: 56px;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 12px;
  appearance: none;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  bottom: 10px;
  right: 2%;
  z-index: 2;
}
.favorite_btn .fav_icon {
  display: block;
  font-size: 20px;
}
.addfavorite {
  color: #bbbbbb;
  z-index: 10;
}
.removefavorite {
  color: #f7757c;
}
.fav_txt {
  font-size: 12px;
}
@media screen and (max-width: 480px) {
  .favorite_btn {
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 4px;
    bottom: 8px;
    right: 2%;
  }
  .favorite_btn .fav_icon {
    display: block;
    font-size: 18px;
  }
  .fav_txt {
    font-size: 10px;
  }
}
/*======= 一覧へ戻るボタン=========*/
.top_link_btn_area {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 0 2% 30px;
}
.top_link_btn {
  display: inline-block;
  border: solid 1px #c9c9c9;
  margin-left: auto;
}
.top_link_btn > a {
  padding: 20px 1em;
  display: block;
}
.top_link_btn > a:hover {
  opacity: 0.5;
}
.top_link_btn .return_icon {
  padding: 0 0 0 1em;
  color: #ff9933;
}
.link_area {
  max-width: 1140px;
  padding: 80px 2%;
  margin: 0 auto;
}
.link_bnr_a {
  display: block;
  width: 100%;
  border: solid 1px #c9c9c9;
  max-width: 620px;
  margin: 0 auto;
}
.link_bnr_a:hover {
  opacity: 0.6;
}
.link_bnr {
  display: flex;
  max-height: 220px;
  height: auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.link_bnr .left_img {
  height: 100%;
  width: auto;
  line-height: 0;
}
.link_bnr .right_txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2em;
  padding: 0 1em;
  display: inline-block;
  margin: 0 auto;
}
.link_bnr .return_icon {
  padding: 0 1.5em;
  color: #ff9933;
}
@media screen and (max-width: 767px) {
  .link_bnr .left_img {
    height: auto;
    width: auto;
    line-height: 0;
  }
  .link_bnr .right_txt {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin: 0 auto;
  }
  .link_bnr .return_icon {
    padding: 0 0 0 1em;
  }
  .fav_txt {
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  .link_area .left_img {
    flex-basis: 40%;
  }
  .link_bnr .right_txt {
    flex-basis: 60%;
    font-size: 16px;
  }
}

.glist {
  display: inline-block;
  padding-top: 73px;
  margin-top: -73px;
}

/**5203で追加**/
.add_condition {
  display: none;
}
.add_condition.open {
  display: block;
}

/**条件選択タブ**/
.tab-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 11px;
}
.tab-label {
  padding: 10px 80px;
  border-radius: 5px 5px 0px 0px;
  margin-right: 8px;
  order: -1;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  border-bottom: none;
}
.tab-wrap a .tab-label:hover {
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .tab-label {
    padding: 10px 20px;
  }
}
.tab-content {
  width: 100%;
  display: none;
}
/* アクティブなタブ */
.tab-switch:checked + .tab-label {
  color: #000;
  /* background: #eee; */
  background: #fe9933;
  border: 0px solid #000;
}
.tab-switch:checked + .tab-label + .tab-content {
  display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}