@charset "UTF-8";
/*
* MAPアプリ
*/
#app {
  background: #ffffff;
}

@media screen and (min-width: 641px) {
  #app .cont_inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#app .cont_inner input#btn_map:checked ~ .cont_list,
#app .cont_inner input#btn_list:checked ~ .cont_map {
  height: 0;
  overflow: hidden;
}

#app .cont_inner input.view_type {
  display: none;
}

#app .cont_inner .cont_btns {
  position: relative;
}

/*
* カテゴリーボタン
*/
#app .cont_category {
  margin-top: 32px;
  display: flex;
}
#app .cont_category input {
  display: none;
}
@media screen and (max-width:640px) {
  #app .cont_category {
    flex-wrap: wrap;
    margin-left: -2px;
    margin-right: -2px;
  }
  #app .cont_category input:checked ~ label:before {
    content: url("../img/icon-check.svg");
  }
  #app .cont_category span {
    margin-left: 4px;
    font-size: 13px;
  }
  #app .cont_category label {
    white-space: nowrap;
    height: 33px;
    display: flex;
    background: #cccccc;
    margin: 2px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 0;
    border-radius: 5px;
    font-size: 12px, 12px;
    color: #fff;
  }
  #app .cont_category label:before {
    content: "";
    display: block;
    height: 33px;
    width: 33px;
    padding: 6.5px;
    margin-right: 8px;
    border-right: 1px solid #fff;
  }
  #app .cont_category #btn_gourmet:checked ~ label {
    background-color: #f1611d;
  }
  #app .cont_category #btn_rekishi:checked ~ label {
    background-color: #336cc8;
  }
  #app .cont_category #btn_taiken:checked ~ label {
    background-color: #aa58ca;
  }
  #app .cont_category #btn_sapa:checked ~ label {
    background-color: #87bd1c;
  }
  #app .cont_category #btn_gentei:checked ~ label {
    background-color: #EA68A2;
  }
  #app .cont_category #btn_station:checked ~ label {
    background-color: #009fe8;
  }
  #app .cont_category #btn_airport:checked ~ label {
    background-color: #2cad60;
  }
  #app .cont_category #btn_other:checked ~ label {
    background-color: #fed518;
  }
}
@media screen and (min-width:641px) {
  #app .cont_category {
    justify-content: center;
    margin-bottom: 36px;
  }
  #app .cont_category input:checked ~ label {
    transform: translateY(-10px);
  }
  #app .cont_category input:checked ~ label:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: 6px solid transparent;
    bottom: -16px;
    left: calc(50% - 6px);
  }
  #app .cont_category input:checked ~ label span {
    bottom: -30px;
  }
  #app .cont_category > div {
    position: relative;
  }
  #app .cont_category label {
    border-radius: 100%;
    background: #d3d3d3;
    display: block;
    cursor: pointer;
    position: relative;
    transition: transform 0.3s;
    width: 76px;
    height: 76px;
    margin: 0 5px;
  }
  #app .cont_category span {
    color: #848484;
    font-size: 0.7em;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  #app .cont_category img {
    width: 44px;
    height: 44px;
    margin: 16px;
  }
  #app .cont_category #btn_gourmet:checked ~ label {
    background-color: #f1611d;
  }
  #app .cont_category #btn_gourmet:checked ~ label:after {
    border-top: 12px solid #f1611d;
  }
  #app .cont_category #btn_rekishi:checked ~ label {
    background-color: #336cc8;
  }
  #app .cont_category #btn_rekishi:checked ~ label:after {
    border-top: 12px solid #336cc8;
  }
  #app .cont_category #btn_taiken:checked ~ label {
    background-color: #aa58ca;
  }
  #app .cont_category #btn_taiken:checked ~ label:after {
    border-top: 12px solid #aa58ca;
  }
  #app .cont_category #btn_sapa:checked ~ label {
    background-color: #87bd1c;
  }
  #app .cont_category #btn_sapa:checked ~ label:after {
    border-top: 12px solid #87bd1c;
  }
  #app .cont_category #btn_gentei:checked ~ label {
    background-color: #EA68A2;
  }
  #app .cont_category #btn_gentei:checked ~ label:after {
    border-top: 12px solid #EA68A2;
  }
  #app .cont_category #btn_station:checked ~ label {
    background-color: #009fe8;
  }
  #app .cont_category #btn_station:checked ~ label:after {
    border-top: 12px solid #009fe8;
  }
  #app .cont_category #btn_airport:checked ~ label {
    background-color: #2cad60;
  }
  #app .cont_category #btn_airport:checked ~ label:after {
    border-top: 12px solid #2cad60;
  }
  #app .cont_category #btn_other:checked ~ label {
    background-color: #fed518;
  }
  #app .cont_category #btn_other:checked ~ label:after {
    border-top: 12px solid #fed518;
  }
}

/*
* MAP・リスト切り替えボタン
*/
#app .cont_toggle_btn {
  display: flex;
  max-width: 500px;
  margin: auto;
  height: 42px;
  margin-top: 16px;
}
@media screen and (min-width: 850px) {
  #app .cont_toggle_btn {
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
#app .cont_toggle_btn label {
  width: 50%;
  font-size: 12px, 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bdbdbd;
  border-right: none;
  background: #f2f2f2;
}
@media screen and (min-width: 850px) {
  #app .cont_toggle_btn label {
    width: 40px;
  }
}
#app .cont_toggle_btn label:last-child {
  border-right: 1px solid #bdbdbd;
}
#app .cont_toggle_btn label:after {
  margin-left: 0.5em;
  font-size: 13px;
}
#app .cont_toggle_btn .label_map:after {
  content: "MAP表示";
}
@media screen and (min-width: 850px) {
  #app .cont_toggle_btn .label_map:after {
    content: none;
  }
}
#app .cont_toggle_btn .label_list:after {
  content: "リスト表示";
}
@media screen and (min-width: 850px) {
  #app .cont_toggle_btn .label_list:after {
    content: none;
  }
}
#app .cont_toggle_btn__icon {
  opacity: 0.5;
}

#btn_map:checked ~ .cont_btns .cont_toggle_btn label.label_map,
#btn_list:checked ~ .cont_btns .cont_toggle_btn label.label_list {
  background: #fff;
}
#btn_map:checked ~ .cont_btns .cont_toggle_btn label.label_map .cont_toggle_btn__icon,
#btn_list:checked ~ .cont_btns .cont_toggle_btn label.label_list .cont_toggle_btn__icon {
  opacity: 1;
}

#app .cont_inner #cont_gentei_msg {
  background: #fffdeb;
  overflow: hidden;
  padding: 0.4em 0;
  display: none;
  margin-top: 15px;
  border: 1px solid #e4e4e4;
}

@media screen and (min-width: 641px) {
  #app .cont_inner #cont_gentei_msg {
    border-radius: 15px;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner #cont_gentei_msg {
    margin-left: -10px;
    margin-right: -10px;
    border-left: none;
    border-right: none;
  }
}
#app .cont_inner #cont_gentei_msg.view {
  display: block;
}

#app .cont_inner #cont_gentei_msg.view p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
  white-space: nowrap;
  margin: 0;
}

#app .cont_inner #cont_gentei_msg.view p span {
  color: #fc5f79;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_map {
    margin-top: 15px;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner .cont_map {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
#app .cont_inner .cont_map #gmap {
  width: 100%;
  height: 600px;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_map #gmap {
    height: 600px;
    border-radius: 5px;
    overflow: hidden;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner .cont_map #gmap {
    height: 60vh;
  }
}
#app .cont_inner .cont_map #gmap .cont_infowin {
  max-width: 200px;
  text-align: center;
}

#app .cont_inner .cont_map #gmap .cont_infowin button.info_btn {
  display: block;
  background: #e2e2e2;
  border: none;
  outline: 0;
  cursor: pointer;
  margin-top: 10px;
  padding: 0.3em;
  font-size: 0.8em;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  color: #555;
}

#app .cont_inner .cont_map #gmap .cont_infowin button.info_btn:active {
  background: #d4d4d4;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_map #gmap .cont_infowin button.info_btn:hover {
    background: #d4d4d4;
  }
}
#app .cont_inner .cont_list > input.cont_area_tab {
  display: none;
}

#app .cont_inner .cont_list #btn_aomori:checked ~ .cont_area_tabs .arealabel_aomori {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list #btn_akita:checked ~ .cont_area_tabs .arealabel_akita {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list #btn_iwate:checked ~ .cont_area_tabs .arealabel_iwate {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list #btn_miyagi:checked ~ .cont_area_tabs .arealabel_miyagi {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list #btn_yamagata:checked ~ .cont_area_tabs .arealabel_yamagata {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list #btn_hukushima:checked ~ .cont_area_tabs .arealabel_hukushima {
  background: #444b55;
  color: #fff;
  cursor: default;
}

#app .cont_inner .cont_list .cont_area_tabs {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 641px) {
  #app .cont_inner .cont_list .cont_area_tabs {
    border-bottom: 2px solid #444b55;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#app .cont_inner .cont_list .cont_area_tabs label {
  cursor: pointer;
  background: #e3e3e3;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 1em 0.5em;
  border-radius: 5px 5px 0 0;
  margin-left: 1px;
  margin-right: 1px;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_area_tabs label {
    width: 8em;
    font-size: 87.5%;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner .cont_list .cont_area_tabs label {
    width: 16.66%;
    font-size: 0.7em;
  }
}
#app .cont_inner .cont_list .cont_list_wrap {
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists {
    background-color: #454b55;
    padding: 4px;
    border-radius: 6px;
  }
}
#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li {
  margin-bottom: 1px;
  list-style-type: none;
  max-height: 80px;
  transition: 0.2s;
  overflow: hidden;
  /**&.view {
      max-height: 80px;
  }*/
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li {
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li:last-of-type {
    margin-bottom: 0;
  }
}
#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li.hidden {
  max-height: 0px;
  margin-bottom: 0;
  transition: 0.2s;
}

#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button {
  color: #333333;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  margin-top: 2px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
  display: flex;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  /*.cont_cat{

                            }*/
}

#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button:active {
  background: #fffdeb;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button {
    border-radius: 3px;
    padding: 0.75em;
  }
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button:hover {
    background: #fffdeb;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button {
    padding: 1em 10px;
  }
}
#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button.visited h4 {
  color: #969696;
}

#app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button h4 {
  font-weight: normal;
  padding-left: 1em;
  margin-top: 0;
  width: calc(100% - 5em - 15px);
  font-weight: normal !important;
}

@media screen and (min-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button h4 {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner .cont_list .cont_list_wrap ul.cont_lists > li button h4 {
    font-size: 1em;
  }
}
#app .cont_inner .cont_list #btn_aomori:checked ~ #cont_aomori,
#app .cont_inner .cont_list #btn_akita:checked ~ #cont_akita,
#app .cont_inner .cont_list #btn_iwate:checked ~ #cont_iwate,
#app .cont_inner .cont_list #btn_miyagi:checked ~ #cont_miyagi,
#app .cont_inner .cont_list #btn_yamagata:checked ~ #cont_yamagata,
#app .cont_inner .cont_list #btn_hukushima:checked ~ #cont_hukushima {
  height: auto;
}

#app .cont_inner ul#cont_historys {
  padding: 0;
  display: flex;
  margin-top: 10px;
  overflow-x: scroll;
}

@media screen and (min-width: 641px) {
  #app .cont_inner ul#cont_historys {
    overflow: hidden;
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner ul#cont_historys {
    margin-left: -10px;
    margin-right: -10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
#app .cont_inner ul#cont_historys > li {
  list-style-type: none;
}

@media screen and (min-width: 641px) {
  #app .cont_inner ul#cont_historys > li {
    width: 14.2857142857%;
  }
}
#app .cont_inner ul#cont_historys > li button {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: pointer;
}

@media screen and (min-width: 641px) {
  #app .cont_inner ul#cont_historys > li button {
    transition: all 0.2s;
  }
  #app .cont_inner ul#cont_historys > li button:hover {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 641px) {
  #app .cont_inner ul#cont_historys > li button {
    width: 100px;
  }
}
#app .cont_inner ul#cont_historys > li button img {
  max-width: 100%;
  height: auto;
}

/*
* モーダル
*/
#cont_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

@media screen and (min-width: 641px) {
  #cont_modal {
    transition: transform 0.1s;
    padding: 3%;
    box-sizing: border-box;
    transform: scale(0);
  }
}
@media screen and (max-width: 641px) {
  #cont_modal {
    transition: transform 0.1s;
    background: #fff;
    transform: translateX(100%);
  }
}
@media screen and (min-width: 641px) {
  #cont_modal.view {
    transition: transform 0.3s;
    transform: scale(1);
  }
}
@media screen and (max-width: 641px) {
  #cont_modal.view {
    transition: transform 0.3s;
    transform: translateX(0);
  }
}
@media screen and (min-width: 641px) {
  #cont_modal #cont_modal_back {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
#cont_modal .cont-item-wrapper {
  position: relative;
  height: 100%;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper {
    background: #fff;
    max-width: 900px;
    margin: auto;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  }
}
#cont_modal .cont-item-wrapper #cont_item {
  height: 100%;
  position: relative;
}

#cont_modal .cont-item-wrapper #cont_item button.cont_close {
  border: none;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item button.cont_close {
    position: absolute;
    right: 15px;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.5px%22%20height%3D%2226.5px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(130%2C%20130%2C%20130)%22%20stroke-width%3D%221px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M1.621%2C1.486%20L24.483%2C24.322%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(130%2C%20130%2C%20130)%22%20stroke-width%3D%221px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M24.483%2C1.661%20L1.621%2C24.497%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item button.cont_close {
    width: 100%;
    background: #009343;
    color: #fff;
    padding: 1em;
    text-align: left;
    font-weight: bold;
    font-size: 0.9em;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  }
  #cont_modal .cont-item-wrapper #cont_item button.cont_close:before {
    content: "< 戻る";
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container {
    height: 100%;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container {
    height: calc(100% - 41px);
  }
}
@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main {
    padding: 5%;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main {
    padding: 20px 10px 50px 10px;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_ttl {
  border-bottom: 1px solid #a8a8a8;
  padding-bottom: 1em;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_ttl {
    display: flex;
    align-items: center;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_ttl span {
  margin-right: 0.5em;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_ttl h3 {
    display: inline-block;
    font-size: 1.1em;
    margin-top: 0;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_ttl h3 {
    margin-top: 0.7em;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot {
  margin-top: 30px;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot {
    display: flex;
    justify-content: space-between;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .photos {
  position: relative;
  /*&:before {
      display: block;
      width: 100%;
      padding-top: 60%;
      content: "";
  }*/
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .photos {
    width: 50%;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .photos {
    margin-left: -10px;
    margin-right: -10px;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .photos > div img {
  max-width: 100%;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .photos > div img {
    border-radius: 5px;
  }
}
@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts {
    width: 46%;
  }
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts p:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts {
    margin-top: 15px;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts .cont_gentei_now {
  display: none;
  border: 1px solid #f6bbd5;
  border-radius: 15px;
  padding: 0.3em;
  text-align: center;
  color: #ea68a2;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts .cont_spotinfo {
  font-size: 0.78em;
  border: 1px solid #d8d8d8;
  margin-top: 15px;
  padding: 1em;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts .cont_spotinfo h4 {
  margin-top: 0;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts .cont_spotinfo > p {
  margin-top: 0.3em;
  color: #898989;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_spot .cont_texts a.searchlink {
  background: #86c898;
  color: #fff;
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 0.5em;
  margin-top: 15px;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot {
  margin-top: 30px;
  border-top: 1px solid #cdcdcd;
  border: 1px solid #e9e9e9;
  background: #ebebeb;
  border-radius: 5px;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot {
    padding: 15px;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot {
    padding: 15px 10px;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot h4 {
  color: #686868;
  margin-top: 0;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot > div {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot > div > button {
  border: none;
  background: transparent;
  outline: 0;
  margin: 0 3px;
  padding: 0;
  max-width: 150px;
  cursor: pointer;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot > div > button img {
  border-radius: 3px;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_spot .cont_nearspot > div > button span {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  font-size: 0.7em;
  color: #898989;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award h4 {
  margin-top: 0;
  border-bottom: 1px solid #333;
  padding-bottom: 0.5em;
}

@media screen and (min-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award h4 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 641px) {
  #cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award h4 {
    font-size: 1em;
  }
}
#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award ul {
  padding: 0;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award ul li {
  list-style-type: none;
  padding: 0.7em;
  cursor: pointer;
  border-top: 1px solid #e4e4e4;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award ul li:first-child {
  margin-top: 0;
  border-top: none;
}

#cont_modal .cont-item-wrapper #cont_item .cont-spot-container .cont_main.cont_award ul li:hover {
  background: #fffff1;
}

/*
* 上書き
*/
.gm-ui-hover-effect > span {
  background: #000 !important;
}

.outline {
  width: 100%;
}

/*
* animation
*/
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*
* Swiper
*/
.swiper-pagination {
  position: relative !important;
  bottom: auto !important;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239px%22%20height%3D%2240px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.302%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M19.500%2C0.000%20C30.270%2C0.000%2039.000%2C8.954%2039.000%2C20.000%20C39.000%2C31.046%2030.270%2C40.000%2019.500%2C40.000%20C8.730%2C40.000%20-0.000%2C31.046%20-0.000%2C20.000%20C-0.000%2C8.954%208.730%2C0.000%2019.500%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M11.026%2C20.156%20L23.935%2C10.172%20L23.935%2C14.754%20L17.020%2C20.176%20L23.935%2C25.658%20L23.935%2C30.279%20L11.026%2C20.156%20Z%22%2F%3E%3C%2Fsvg%3E") !important;
  left: 3px !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239px%22%20height%3D%2240px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.302%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M19.500%2C0.000%20C30.270%2C0.000%2039.000%2C8.954%2039.000%2C20.000%20C39.000%2C31.046%2030.270%2C40.000%2019.500%2C40.000%20C8.730%2C40.000%20-0.000%2C31.046%20-0.000%2C20.000%20C-0.000%2C8.954%208.730%2C0.000%2019.500%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M27.974%2C20.167%20L15.065%2C10.172%20L15.065%2C14.754%20L21.980%2C20.176%20L15.065%2C25.658%20L15.065%2C30.279%20L27.974%2C20.167%20Z%22%2F%3E%3C%2Fsvg%3E") !important;
  right: 3px !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 24px !important;
  height: 24px !important;
  margin-top: -12px !important;
  background-size: 24px 24px !important;
}

/*
* css アニメーション
*/
@keyframes genteiTicker {
  0% {
    background: #ffb9d7;
  }
  100% {
    background: #ea68a2;
  }
}
@keyframes slide_anime_pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2108px 0;
  }
}
@keyframes slide_anime_sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1102px;
  }
}/*# sourceMappingURL=map.css.map */