@charset "UTF-8";
div#grpLocationArea {
  position: relative;
  z-index: 10;
}

.sp {
  display: none !important;
}

.ss-contents {
  font-family: 'Noto Sans JP','Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
  background-color: #DCC7AA;
}

a:hover {
  opacity: .8;
}

.ss-container {
  border-radius: 8px;
  border: 1px dashed #6B7A8F;
  color: #333;
}

.markLink ul {
  max-width: 1400px;
}

.Link-list a {
  color: #6B7A8F !important;
}

.Link-list a:after {
  background-image: url(https://img.travel.rakuten.co.jp/pet/202106/images/ttlIcon_or.svg) !important;
}

.Link-list .ttlicon.tag-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_tag_or.png) no-repeat !important;
}

.Link-list .ttlicon.chat-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_chat_or.png) no-repeat !important;
}

.Link-list .ttlicon.hotel-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_hotel_or.png) no-repeat !important;
}

.Link-list .ttlicon.question-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_question_or.png) no-repeat !important;
}

.mainTtl {
  color: #6B7A8F;
}

.ttlicon:after {
  background-image: url(https://img.travel.rakuten.co.jp/pet/202106/images/ttlIcon_or.svg) !important;
}

#search-box #domestic-search-container .searchCategory li.on {
  background-color: #F7882F;
}

#search-box .searchNavi li.on:after {
  border-top-color: #F7882F;
}

#search-box.verB.test .sibori input[type="radio"]:checked + label {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/radio.png) left center no-repeat;
  background-size: 20px;
}

#search-box.verB input[type="checkbox"] + label {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/nocheck.png) left center no-repeat;
  background-size: 24px;
  padding: 1px 2px 1px 28px !important;
  color: #6B7A8F;
}


#search-box.verB .undate .squeeze li:nth-of-type(n+2) input[type="checkbox"] + label {
  background: url(https://img.travel.rakuten.co.jp/pet/images/uncheck.png) left center no-repeat;
  background-size: 24px;
  color: #CCCCCC;
}

.undate #dh-checkin,.undate #dh-checkout,.undate #f_heya_su,.undate #dh-adlt {
  color: #999!important;
}

.undate .chkIn:after  {
  background: url(https://img.travel.rakuten.co.jp/pet/images/line.png) 100% 100% no-repeat!important;
}

#search-box.verB input[type="checkbox"]:checked + label {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/checked.png) left center no-repeat;
  background-size: 24px;
}

#search-box .searchSubmit a {
  background: #F7882F !important;
}

.ttlicon.tag-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_tag_or.png) no-repeat !important;
  background-size: 40px;
}

.ttlicon.chat-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_chat_or.png) no-repeat !important;
  background-size: 40px;
}

.ttlicon.hotel-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_hotel_or.png) no-repeat !important;
  background-size: 40px;
}

.ttlicon.question-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_question_or.png) no-repeat !important;
  background-size: 40px;
}

.pagetop a {
  background: #F7882F;
}

.ss-right dd li a {
  color: #6B7A8F;
}

.ttlicon_w:after {
  background-image: url(https://img.travel.rakuten.co.jp/pet/202106/images/ttlIcon.png);
  background-size: 125px 250px;
}

.ttlicon_w.tag-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_tag_gr.png) no-repeat;
}

.ttlicon_w.chat-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_chat_gr.png) no-repeat;
}

.ttlicon_w.hotel-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_hotel_gr.png) no-repeat;
}

.ttlicon_w.question-icon:after {
  background: url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_question_gr.png) no-repeat;
}

#petTop h1 img {
  display: block;
  width: 100%;
}

#sale a {
  display: block;
  width: 792px;
  margin: 0 auto;
}

.areaLink {
  width: 1000px;
  margin: 30px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.areaLink li {
  min-width: 113px;
  margin: 0 8px 16px;
}

.areaLink li a {
  display: block;
  background: #F7882F;
  color: #fff;
  font-size: 16px;
  padding: 12px;
  text-align: center;
}

#keywordSearch {
  width: 792px;
  height: 80px;
  margin: 30px auto;
  overflow: hidden;
}

input.keyword {
  width: 586px;
  height: 72px;
  float: left;
  border-radius: 8px 0 0 8px;
  background: #fff;
  border: 2px solid #F7882F;
  display: block;
  font-size: 20px;
  color: #666;
  padding: 0 50px;
}

input.keyword:focus {
  border: 2px solid #F7882F;
  background: none;
  outline: none;
}

input.submit {
  float: right;
  width: 102px;
  background: #F7882F url(https://img.travel.rakuten.co.jp/pet/202106/images/icon_keyword.png) no-repeat center;
  height: 76px;
  border-radius: 0 8px 8px 0;
  border: 2px solid #F7882F;
}

input.submit:hover {
  cursor: pointer;
}

.keywordLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

.keywordLink li {
  width: 158px;
  margin: 0 8px 8px;
}

.keywordLink li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0 12px 24px;
  background: #AC9B84;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
}

.keywordLink li a:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  left: 16px;
  top: 50%;
  margin-top: -4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.noteS {
  font-size: 14px;
  color: #333;
}

.mapArea > h3 {
  font-size: 24px;
  margin: 40px auto 24px;
}

.mapArea .square .column-list p {
  margin: 20px auto;
  font-size: 14px;
  color: #333;
}

#MAPBOX.mapArea .square .column-list p {
   float: left;
   width: 43%;
   padding-left: 12px;
}
#MAPBOX.mapArea .square .column-list dl{
  float: left;
  width: 51%;
}
#MAPBOX.mapArea .column_4 .column-list{
  width: calc((100% - 64px)/ 2);
}
#MAPBOX.mapArea .column-list .areaNm {
  width: 51%;
}
#MAPBOX.mapArea .column-list:after
{ left: 264px; }



.mapArea .column-list .areaNm {
  height: auto;
}

.mapArea .column-list:after {
  top: 118px;
  bottom: auto;
}

.mapArea .square .column-list dt {
  border-radius: 4px;
  overflow: hidden;
}

.mapArea .column_4 {
  margin-bottom: 20px;
}

.mapArea .column_4 .column-list {
  width: calc((100% - 64px)/ 4);
  margin: 0 8px;
}

.date {
  font-size: 14px;
  margin: 0 15px 10px;
}

.hotels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.hotels .htlBox {
  width: 278px;
  line-height: 1.4;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 12px 24px;
  padding-bottom: 12px;
}

.hotels .htlBox .basic {
  overflow: hidden;
}

.hotels .htlBox .basic a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hotels .htlBox .basic a .photo {
  width: 100%;
  margin-bottom: 12px;
  height: 209px;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
}

.hotels .htlBox .basic a .photo:after {
  position: absolute;
  content: '施設情報 >';
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 2px 5px;
  right: 5px;
  top: 185px;
  z-index: 10;
}

.hotels .htlBox .basic a .photo img {
  display: block;
  width: 100%;
}

.hotels .htlBox .basic a .boxR {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.hotels .htlBox .basic a .area {
  color: #666;
  font-size: 13px;
  margin-bottom: 8px;
  padding: 0 16px;
}

.hotels .htlBox .basic a h1 {
  margin-bottom: 12px;
  padding: 0 16px;
  font-size: 14px;
  color: #333;
}

.hotels .htlBox .basic .chara {
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  /* display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start; */
}

.hotels .htlBox .basic a .chara li {
  float: left;
  font-size: 11px;
  border-radius: 3px;
  border: 1px solid #F7882F;
  margin: 0 4px 4px 0;
  padding: 2px 4px;
}

.hotels .htlBox .basic a .chara li:nth-child(odd) {
  background: #F7882F;
  color: #fff;
}

.hotels .htlBox .basic a .chara li:nth-child(even) {
  background: #fff;
  color: #F7882F;
}

.hotels .htlBox .basic a .explain {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  font-size: 12px;
  margin-bottom: 16px;
  padding: 0 16px;
  color: #333;
}

.hotels .htlBox .btn {
  padding: 0 16px;
}

.hotels .htlBox .btn li {
  margin-bottom: 8px;
}

.hotels .htlBox .btn li a {
  display: block;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #6B7A8F;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.hotels .htlBox .btn li:first-child a {
  background: #6B7A8F;
  color: #fff;
}

.hotels .htlBox .btn li:last-child a {
  background: #fff;
  color: #6B7A8F;
}

#guide {
  position: relative;
}

#petinfo {
  padding: 0 20px 30px;
}

#petinfo .swiper-slide {
  width: 216px;
}

#petinfo .swiper-slide a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #C3C3C3;
}

#petinfo .swiper-slide a p.petimg {
  background-size: cover;
  height: 130px;
  background-position: center center;
}

#petinfo .swiper-slide a p {
  padding: 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

#petinfo .swiper-slide a p b {
  display: block;
  min-height: 50px;
}

#petinfo .swiper-slide a p span {
  display: block;
  color: #fff;
  background-color: #FB9215;
  text-align: center;
  padding: 10px 0;
  margin-top: 15px;
}

#guide .swiper-button-next {
  background: url(https://img.travel.rakuten.co.jp/pet/sem/images/next.png) no-repeat;
  width: 60px;
  height: 59px;
  right: 20px;
}

#guide .swiper-button-prev {
  background: url(https://img.travel.rakuten.co.jp/pet/sem/images/prev.png) no-repeat;
  width: 60px;
  height: 59px;
  left: 20px;
}

#other .bnrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#other .bnrs li {
  margin: 0 10px 20px;
}

#question {
  line-height: 1.6;
  font-size: 14px;
}

#question .txt {
  font-size: 14px;
  margin-bottom: 30px;
}

.QA .midasi {
  background: #eee;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 16px 0 66px;
  font-size: 16px;
  position: relative;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.QA .midasi:hover {
  cursor: pointer;
}

.QA .midasi:before {
  position: absolute;
  content: 'Q';
  width: 48px;
  height: 48px;
  border-radius: 4px 0 0 4px;
  background: #F7882F;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 48px;
  left: 0;
  top: 0;
}

.QA .midasi:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #F7882F;
  border-right: 2px solid #F7882F;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.QA .midasi.active-submenu:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.accordion {
  margin: 40px auto;
  width: 996px;
}

.accordion dt {
  margin-bottom: 16px;
}

.accordion dt.txt {
  margin-bottom: 32px;
}

.accordion dd {
  margin-bottom: 40px;
}

h2.midasi {
  display: block;
  width: 917px;
  height: 45px;
  margin: 20px auto 0;
  padding: 0;
}

dd.textcontents table {
  line-height: 24px;
}

.accordion dd span {
  color: #ff8517;
}

.accordion dd p strong {
  color: #ff8517;
}

.accordion dd p.setwidth01 {
  width: 550px;
}

.accordion dd p.setwidth02 {
  width: 500px;
}

.accordion dd p.setwidth03 {
  width: 380px;
}

.accordion ul {
  width: 100%;
  padding: 15px 15px 0 15px;
  background: #fff5db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.accordion ul li {
  width: 30%;
  margin: 0 0 15px 0;
  padding: 8px 1%;
  background: #ffffff;
  border: 1px solid #d6b151;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accordion ul li p.petimg {
  width: 48%;
  margin-right: 2%;
}

.accordion ul li p.petimg img {
  width: 100%;
}

.accordion ul li p.pettxt {
  width: 50%;
  font-size: 12px;
}

.accordion ul li p.pettxt strong {
  color: #000000;
}
/*# sourceMappingURL=contents_pc.css.map */




/* ----- 20241106------ */

#popular-swiper {
  position: relative;
}
#popular-swiper .tab {
  display: flex;
  align-items: center;
}

#popular-swiper .swiper-wrapper {
  padding: 0 10px 30px;
}



#popular-swiper .tab li {
  min-width: 90px;
  padding: 10px 16px;
  border-radius: 100px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  color: #333;
  margin-right: 10px;
  cursor: pointer;
}

#popular-swiper .tab li.active {
  color: #fff;
  background-color: #EF871F;
  font-weight: 700;
  border: none;
}



.sub-title{
  margin:40px 0 16px;
  font-size: 20px;
  font-weight: 700;
}
.pop-title {
  margin: 8px 0;
}
.pop-hotel {
  padding-bottom: 16px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px #00000033;
  font-size: 14px;
  font-weight: 700;
}
.pop-hotel img {
  width: 100%;
  height: 146px;
  border-radius: 4px 4px 0 0;
}
.pop-hotel-info {
  padding: 4px 8px 0;
}

.pop-rank {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: center;
  line-height: 32px;
  background: url(https://img.travel.rakuten.co.jp/pet/2024/images/rank1.png) center/100% no-repeat;
}

.pop-rank-1 {
  background: url(https://img.travel.rakuten.co.jp/pet/2024/images/rank1.png) center/100% no-repeat;
}
.pop-rank-2 {
  background: url(https://img.travel.rakuten.co.jp/pet/2024/images/rank2.png) center/100% no-repeat;
}
.pop-rank-3 {
  background: url(https://img.travel.rakuten.co.jp/pet/2024/images/rank3.png) center/100% no-repeat;
}
.pop-rank-other {
  color: #fff;
  background: url(https://img.travel.rakuten.co.jp/pet/2024/images/rank4.png) center/100% no-repeat;
}


.pop-area {
  margin: 8px 0 !important;
  font-size: 12px !important;
font-weight: 400 !important;
}
.pop-score {
  display: flex;
  align-items: center;
}
.pop-score section {
  /* width: 35%; */
  margin-bottom: 0;
  margin-right: 4px;
  position: relative;
}
.pop-score span {
  font-size: 14px !important;
  color: #CC0000;
}
.star-base {
  color: #eaeaea!important;
}
.star {
  width: calc(88%);
  color: #FFD700!important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.pop-price {
  text-align: center;
  font-size: 14px!important;
  color: #BF0000;
  margin: 8px 0 16px;
}
.pop-price span {
  font-weight: 700;
}
.pop-price em {
  font-size: 16px;
}
.pop-hotel a {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  color: #1D54A7;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}

/* #area-main,#theme-main {
  display: none;
} */

.Link-list {
  width: calc(100%/7);
}

.popular-tip {
  font-size: 14px;
  color: #333;
  margin-top: 24px;
  line-height: 1.5;
}

#searchSwitchArea1.undate .dhAll:after {
  opacity: 0.7!important;
}

#searchSwitchArea1 .searchExp {font-size: 14px; margin-left:132px; color: #666;}

  /*202601 看板犬ランキングバナー掲載時*/
  .special_ranking_dog {margin-bottom: 30px;}
  .special_ranking_dog img {width: 1280px;}