@charset "utf-8";
/* mixins ---- */

/* side_menu ---- */

li.btn617 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn617 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu .menu_grp_c > li.btn617 > a::after {

  display: none;

}



/* csr/matsuri/list ---- */

p {

  line-height: 1.8;

}



.list_info {

  display: flex;

  flex-direction: column;

  row-gap: 8px;

  margin-top: 18px;

}





.pref_selector_box {

  position: relative;

  background-color: rgb(244,244,244);

  padding: 20px;

}



.pref_selector_box .title {

  display: inline-block;

  font-size: 21px;

  font-weight: 700;

  cursor: pointer;

  text-decoration: underline;

}

.pref_selector_box .title::after {

  content: ' ▼';

}

.pref_selector_box._open .title::after {

  content: ' ▲';

}

.pref_selector_box .pref_list {

  display: none;

}

.pref_selector_box._open .pref_list {

  display: block;

}

.pref_selector_box._selected .pref_list {

  color: #999;

}

.pref_selector_box._selected .pref_list ._select {

  color: #000;

  font-weight: 700;

}

.pref_selector_box .pref_list .btn_clear {

  display: none;

  cursor: pointer;

}

.pref_selector_box._selected .pref_list .btn_clear {

  position: absolute;

  top: 24px;

  right: 20px;

  display: block;

  color: #000;

  font-size: 18px;

}

.pref_selector_box .pref_list > ul {

  display: flex;

  flex-wrap: wrap;

  gap: 8px 16px;

}

.pref_selector_box .pref_list .pref-item {

  width: 4.3em;

  cursor: pointer;

}

@media screen and (min-width: 768px) {

  .pref_selector_box .pref_list .pref-item:hover {

    text-decoration: underline;

    color: #000;

  }

}

@media screen and (max-width: 767px) {

  .note {

    font-size: 13px;

  }

  .pref_selector_box {

    margin-top: 8px;

    padding: 10px;

  }

  .pref_selector_box .title {

    font-size: 17px;

  }

  .pref_selector_box._selected .pref_list .btn_clear {

    font-size: 15px;

    top: 43px;

    right: auto;

    left: 10px;

  }

  .pref_selector_box .pref_list {

    padding-top: 20px;

    padding-bottom: 8px;

  }

  .pref_selector_box .pref_list > ul {

    gap: 5px 16px;    

  }

}



#matsuri_list._selected {

  margin-bottom: 140px;

}

#matsuri_list._selected .box {

  display: none;

}

#matsuri_list._selected .box._select {

  display: block;

}

@media screen and (max-width: 767px) {

  #matsuri_list {

    margin-top: -10px !important;

  }

}



@media screen and (max-width: 740px) {

  .list_info {

    font-size: 13px;

  }

}



.list_info li {

  display: flex;

  align-items: center;

  line-height: 1.2;

}



.list_info li h5 {

  width: 6.5em;

  min-width: 6.5em;

  background-color: #c8171e;

  color: #fff;

  padding: 4px 13px;

  margin-right: 13px;

  white-space: nowrap;

}

.list_info li a {

  text-decoration: underline;

}

.list_info li .sns_box {

  display: block;

  position: relative;

}

.list_info li .sns {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translate(0, -50%);

  display: flex;

  column-gap: 22px;

  margin-left: 22px;

}

.list_info li .sns > a {

  display: block;

  width: 36px;

  aspect-ratio: 1/1;

  text-decoration: none;

}



.list_img {

  margin-top: 10px;

}

.list_amikake {

  padding: 0px 4px 1px;

  background-color: #faf577;

  font-weight: 700;

}



@media screen and (max-width: 767px) {

  .list_info li .sns {

    column-gap: 11px;

  }

  .list_info li .sns > a {

    width: 28px;

  }

}



@media screen and (min-width: 740px) {

  #main_box .linkbox_gray.-small {

    display: block;

    box-sizing: border-box;

    width: 100%;

    margin-top: 10px;

    padding: 3px 0 1px;

    font-size: 13px;

    background-position: right 10px center;

    height: auto;

  }

}



@media screen and (max-width: 740px) {

  #main_box .linkbox_gray.-small {

    font-size: 13px;

    padding: 11px 34px 9px;

    height: auto;

  }

  #main_box .linkbox_gray.-small span {

    font-size: 10px;

  }

}