#cont_yutai_map h2 {
  text-align: center; }


#cont_yutai_map .cont_note_wrap {
  padding: 1em;
  border: 1px solid #333;
  text-align: center;
  color: #f00; }

#cont_yutai_map input {
  display: none; }

#cont_yutai_map input#btn_rentalcar:not(:checked) ~ .cont_map_wrap .btn_rentalcar,
#cont_yutai_map input#btn_hotel:not(:checked) ~ .cont_map_wrap .btn_hotel,
#cont_yutai_map input#btn_outlet:not(:checked) ~ .cont_map_wrap .btn_outlet,
#cont_yutai_map input#btn_ferry:not(:checked) ~ .cont_map_wrap .btn_ferry,
#cont_yutai_map input#btn_yorimichi:not(:checked) ~ .cont_map_wrap .btn_yorimichi,
#cont_yutai_map input#btn_sapa:not(:checked) ~ .cont_map_wrap .btn_sapa {
  background: #e0e0e0 !important; }
  #cont_yutai_map input#btn_rentalcar:not(:checked) ~ .cont_map_wrap .btn_rentalcar:after,
  #cont_yutai_map input#btn_hotel:not(:checked) ~ .cont_map_wrap .btn_hotel:after,
  #cont_yutai_map input#btn_outlet:not(:checked) ~ .cont_map_wrap .btn_outlet:after,
  #cont_yutai_map input#btn_ferry:not(:checked) ~ .cont_map_wrap .btn_ferry:after,
  #cont_yutai_map input#btn_yorimichi:not(:checked) ~ .cont_map_wrap .btn_yorimichi:after,
  #cont_yutai_map input#btn_sapa:not(:checked) ~ .cont_map_wrap .btn_sapa:after {
    border-top: 1px solid transparent; }

@media screen and (max-width: 640px) {
  #cont_yutai_map .cont_map_wrap {
    margin-left: -10px;
    margin-right: -10px; } }

#cont_yutai_map .cont_map_wrap .cont_categorys {
  display: flex; }
  @media screen and (min-width: 641px) {
    #cont_yutai_map .cont_map_wrap .cont_categorys {
      justify-content: space-between;
      padding: 0 55px 15px; } }
  @media screen and (max-width: 640px) {
    #cont_yutai_map .cont_map_wrap .cont_categorys {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }
  #cont_yutai_map .cont_map_wrap .cont_categorys > div {
    border-radius: 3px;
    color: #FFF;
    padding: 0.5em 0.2em;
    line-height: 1.3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #FFF;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div:after {
      content: "";
      display: block;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -5px; }
    @media screen and (min-width: 641px) {
      #cont_yutai_map .cont_map_wrap .cont_categorys > div {
        width: 14%;
        transition: all 0.2s; }
        #cont_yutai_map .cont_map_wrap .cont_categorys > div:hover {
          transform: translateY(-5%); } }
    @media screen and (max-width: 640px) {
      #cont_yutai_map .cont_map_wrap .cont_categorys > div {
        font-size: 3vw; } }
    @media screen and (min-width: 951px) {
      #cont_yutai_map .cont_map_wrap .cont_categorys > div {
        font-size: 1.2rem; } }
    @media screen and (max-width: 950px) and (min-width: 641px) {
      #cont_yutai_map .cont_map_wrap .cont_categorys > div {
        font-size: 1.3vw; } }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_rentalcar {
      background: #e1aa40; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_rentalcar:after {
        border-top: 10px solid #e1aa40; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_hotel {
      background: #b9ba49; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_hotel:after {
        border-top: 10px solid #b9ba49; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_outlet {
      background: #eb5f59; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_outlet:after {
        border-top: 10px solid #eb5f59; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_ferry {
      background: #6a8db2; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_ferry:after {
        border-top: 10px solid #6a8db2; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_yorimichi {
      background: #2b5178; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_yorimichi:after {
        border-top: 10px solid #2b5178; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_sapa {
      background: #8eaf2d; }
      #cont_yutai_map .cont_map_wrap .cont_categorys > div.btn_sapa:after {
        border-top: 10px solid #8eaf2d; }
    #cont_yutai_map .cont_map_wrap .cont_categorys > div label {
      cursor: pointer; }
      @media screen and (max-width: 640px) {
        #cont_yutai_map .cont_map_wrap .cont_categorys > div label {
          width: 8.5em; } }

#cont_yutai_map .cont_map_wrap #gmap {
  width: 100%; }
  @media screen and (min-width: 641px) {
    #cont_yutai_map .cont_map_wrap #gmap {
      height: 500px; } }
  @media screen and (max-width: 640px) {
    #cont_yutai_map .cont_map_wrap #gmap {
      height: 50vh; } }