@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/dog/travel/ for SP

++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 768px) {
  #contents_footer_navigation:before {
    background-image: url(../image/footer_dog.jpg);
    background-size: 75px;
  }

  h2 img {
    display: block;
  }

  /* ----------------------------------------
	section_search
---------------------------------------- */

  #section_search {
    padding-top: 33px;
  }

  #section_search .section_inner {
    margin: 0 10px;
  }

  #section_search h2 {
    width: 68.67%;
    margin: 0 auto 25px;
  }
  #section_search h3 {
    font-size: 14px;
    background-size: contain;
  }

  #category_icon {
    position: relative;
    padding: 30px 20px 20px;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.4em;
	border: 1px solid #eee;
	border-bottom: none;
  }

  #category_icon:after {
	  content:"";
	  display: block;
	  width: 86.6666%;
	  height: 1px;
	  background-color: #b1b2b3;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
  }

  #category_icon li {
    display: inline-block;
    width: 50px;
    padding-top: 50px;
    background: 50% 0 no-repeat;
    background-size: 40px;
    vertical-align: top;
    letter-spacing: -0.1em;
    font-size: 10px;
    line-height: 1.2;
  }

  #category_icon .cafe {
    letter-spacing: -0.25em;
  }

  #category_icon .hotel {
    background-image: url(../image/icon_category_hotel_gray.png);
  }
  #category_icon .cafe {
    background-image: url(../image/icon_category_cafe_gray.png);
  }
  #category_icon .dogrun {
    background-image: url(../image/icon_category_dogrun_gray.png);
  }
  #category_icon .complex {
    background-image: url(../image/icon_category_complex_gray.png);
  }
  #category_icon .shop {
    background-image: url(../image/icon_category_shop_gray.png);
  }

  .search_column {
    position: relative;
    padding: 0 20px;
    background: #fff;
	border: 1px solid #eee;
	border-top: none;
  }
  
  .search_column > div {
    padding: 25px 0;
    border-top: solid 1px #b1b2b3;
}
/* search_map
---------------------------------------- */

#search_map {
	border-bottom: none;
	padding-bottom: 20px;
}

#search_map h3 {
	position: absolute;
	left: 20px;
	top: 8%;
	z-index: 2;
	padding-left: 22px;
	background-image: url(../image/icon_map.png);
	line-height: 15px;
}
#search_map img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
}
#search_map a {
	display: block;
	cursor: pointer;
}
#search_map ul,
#search_map_area {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#search_map li {
	position: absolute;
}

#search_map li a {
	display: block;
	opacity: 0;
	width: 12.5925vw;
	height: 4.8148vw;
	border-radius: 5px;
	background: #fff;
	text-indent: -20000px;
	cursor: pointer;
}

#search_map_select .hokkaido {
	right: 29.8076%;
	top: 13.3776%;
}

#search_map_select .tohoku {
	right: 19.6153%;
	top: 37.4849%;
}

#search_map_select .kanto {
	right: 25%;
	bottom: 29.3948%;
}

#search_map_select .hokuriku {
	left: 45.5769%;
	top: 41.7768%;
}

#search_map_select .chubu {
	right: 38.6538%;
	bottom: 24.3862%;
}

#search_map_select .kinki {
	left: 31.5384%;
	bottom: 43.7725%;
}

#search_map_select .chugoku {
	left: 15.9615%;
	bottom: 40.339%;
}

#search_map_select .shikoku {
	left: 31.923%;
	bottom: 20.9527%;
}

#search_map_select .kyushu {
	left: 9.0384%;
	bottom: 11.7253%;
}
#search_map_select .kyushu a {
	width: 18.7037vw;
}

/* search_map_area */

#search_map_area {
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	background: #fff;
	transition: .5s;
}

.open #search_map_area {
	visibility: visible;
	opacity: 1;
}

#search_map_area .area_name {
	position: absolute;
	left: 20px;
	top: 30px;
	z-index: 2;
	letter-spacing: .05em;
	font-weight: bold;
	line-height: 1;
}

#search_map_area li a {
	position: absolute;
	z-index: 1;
}

#search_map_area li .area_move {
	width: 16.4814vw;
	height: 5.7407vw;
}

#search_map_area li {
	width: 94.54%;
}

/* hokkaido */

#search_map_area .hokkaido .hokkaido {
	right: 41.3461%;
	top: 48.927%;
}

#search_map_area .hokkaido .tohoku {
	left: 41.3461%;
	bottom: 4.9356%;
}

/* tohoku */

#search_map_area .tohoku .aomori {
	right: 31.7307%;
	top: 21.4285%;
}

#search_map_area .tohoku .akita {
	left: 39.0384%;
	top: 36.9047%;
}

#search_map_area .tohoku .iwate {
	right: 21.7307%;
	top: 45.8333%;
}

#search_map_area .tohoku .yamagata {
	left: 27.6923%;
	bottom: 37.5%;
}

#search_map_area .tohoku .miyagi {
	right: 37.8846%;
	bottom: 27.1825%;
}

#search_map_area .tohoku .fukushima {
	left: 27.5%;
	bottom: 16.0714%;
}

#search_map_area .tohoku .hokkaido {
	right: 5%;
	top: 15.0793%;
}

#search_map_area .tohoku .kanto {
	right: 23.6538%;
	bottom: 4.365%;
}

#search_map_area .tohoku .hokuriku {
	left: 4.8076%;
	bottom: 4.365%;
}

/* kanto */

#search_map_area .kanto .gunma {
	left: 30%;
	top: 28.1746%;
}

#search_map_area .kanto .tochigi {
	right: 32.3076%;
	top: 28.1746%;
}

#search_map_area .kanto .ibaraki {
	right: 20.7692%;
	top: 49.2063%;
}

#search_map_area .kanto .saitama {
	left: 35.7692%;
	top: 49.2063%;
}

#search_map_area .kanto .tokyo {
	left: 17.1153%;
	bottom: 34.7222%;
	width: 18.7037vw;
}

#search_map_area .kanto .tokyo-23 {
	left: 39.6153%;
	bottom: 34.7222%;
	width: 18.7037vw;
}

#search_map_area .kanto .kanagawa {
	left: 25.3846%;
	bottom: 23.2143%;
}

#search_map_area .kanto .chiba {
	right: 33.2692%;
	bottom: 22.4206%;
}

#search_map_area .kanto .tohoku {
	right: 5%;
	top: 15.0794%;
}

#search_map_area .kanto .hokuriku {
	left: 4.8076%;
	top: 15.0794%;
}

#search_map_area .kanto .chubu {
	left: 4.8076%;
	bottom: 4.5635%;
}

/* hokuriku */

#search_map_area .hokuriku .niigata {
	right: 18.4615%;
	top: 46.8254%;
}

#search_map_area .hokuriku .ishikawa {
	left: 16.3462%;
	top: 47.2222%;
}

#search_map_area .hokuriku .toyama {
	left: 36.5385%;
	bottom: 29.5635%;
}

#search_map_area .hokuriku .fukui {
	left: 11.9231%;
	bottom: 21.6270%;
}

#search_map_area .hokuriku .tohoku {
	right: 5%;
	top: 14.8810%;
}

#search_map_area .hokuriku .kanto {
	right: 5%;
	bottom: 4.5635%;
}

#search_map_area .hokuriku .chubu {
	left: 41.3462%;
	bottom: 4.5635%;
}

#search_map_area .hokuriku .kinki {
	left: 4.8077%;
	bottom: 4.5635%;
}
	
/* chubu */

#search_map_area .chubu .nagano {
	right: 21.5385%;
	top: 40.0794%;
}

#search_map_area .chubu .yamanashi {
	right: 13.0769%;
	bottom: 38.4921%;
}

#search_map_area .chubu .gifu {
	left: 33.8462%;
	top: 40.6746%;
}

#search_map_area .chubu .aichi {
	left: 37.6923%;
	bottom: 34.1270%;
}

#search_map_area .chubu .shizuoka {
	right: 36.5385%;
	bottom: 23.0159%;
}

#search_map_area .chubu .mie {
	left: 17.1154%;
	bottom: 31.1508%;
}

#search_map_area .chubu .hokuriku {
	right: 5%;
	top: 15.0794%;
}

#search_map_area .chubu .kanto {
	right: 5%;
	bottom: 4.5635%;
}

#search_map_area .chubu .kinki {
	left: 5%;
	top: 15.0794%;
}

#search_map_area .chubu .shikoku {
	left: 5%;
	bottom: 4.5635%;
}

/* kinki */

#search_map_area .kinki .shiga {
	right: 16.9231%;
	top: 38.2937%;
}

#search_map_area .kinki .kyoto {
	right: 36.7308%;
	top: 29.5635%;
}

#search_map_area .kinki .hyogo {
	left: 30.7692%;
	top: 36.7063%;
}

#search_map_area .kinki .osaka {
	left: 40.5769%;
	bottom: 39.6825%;
}

#search_map_area .kinki .nara {
	right: 37.8846%;
	bottom: 26.5873%;
}

#search_map_area .kinki .wakayama {
	left: 33.4615%;
	bottom: 10.7143%;
}

#search_map_area .kinki .hokuriku {
	right: 5%;
	top: 15.0794%;
}

#search_map_area .kinki .chubu {
	right: 5%;
	bottom: 4.5635%;
}

#search_map_area .kinki .chugoku {
	left: 5%;
	top: 15.0794%;
}

#search_map_area .kinki .shikoku {
	left: 5%;
	bottom: 4.5635%;
}

/* chugoku */

#search_map_area .chugoku .tottori {
	right: 9.8077%;
	top: 34.3254%;
}

#search_map_area .chugoku .okayama {
	right: 16.7308%;
	bottom: 42.2619%;
}

#search_map_area .chugoku .shimane {
	left: 37.6923%;
	top: 34.3254%;
}

#search_map_area .chugoku .hiroshima {
	left: 45.7692%;
	bottom: 42.2619%;
}

#search_map_area .chugoku .yamaguchi {
	left: 10.7692%;
	bottom: 42.2619%;
}

#search_map_area .chugoku .kinki {
	right: 5%;
	bottom: 4.5635%;
}

#search_map_area .chugoku .shikoku {
	left: 41.3462%;
	bottom: 4.5635%;
}

#search_map_area .chugoku .kyushu {
	left: 5%;
	bottom: 4.5635%;
}

/* shikoku */

#search_map_area .shikoku .tokushima {
	right: 11.1538%;
	bottom: 40.6746%;
}

#search_map_area .shikoku .kagawa {
	right: 20%;
	top: 35.7143%;
}

#search_map_area .shikoku .ehime {
	left: 18.8462%;
	top: 43.6508%;
}

#search_map_area .shikoku .kochi {
	left: 41.5385%;
	bottom: 34.3254%;
}

#search_map_area .shikoku .kinki {
	right: 5%;
	bottom: 4.5635%;
}

#search_map_area .shikoku .chugoku {
	left: 41.3462%;
	top: 15.0794%;
}

#search_map_area .shikoku .kyushu {
	left: 5%;
	bottom: 4.5635%;
	width: 24.8148vw;
}

/* kyushu */

#search_map_area .kyushu .oita {
	right: 10.3846%;
	top: 39.8810%;
}

#search_map_area .kyushu .miyazaki {
	right: 21.7308%;
	bottom: 26.7857%;
}

#search_map_area .kyushu .fukuoka {
	right: 26.5385%;
	top: 23.0159%;
}

#search_map_area .kyushu .kumamoto {
	right: 36.3462%;
	top: 50.3968%;
}

#search_map_area .kyushu .saga {
	left: 44.0385%;
	top: 29.3651%;
}

#search_map_area .kyushu .nagasaki {
	left: 28.2692%;
	top: 37.1032%;
}

#search_map_area .kyushu .kagoshima {
	left: 31.9231%;
	bottom: 26.3889%;
}

#search_map_area .kyushu .okinawa {
	left: 10.3846%;
	top: 47.6190%;
}

#search_map_area .kyushu .chugoku {
	right: 5%;
	top: 15.0794%;
}

#search_map_area .kyushu .shikoku {
	right: 5%;
	bottom: 4.5635%;
}

/* search_map_close */

#search_map_close {
	position: absolute;
	right: 16px;
	top: 18px;
	z-index: 1;
	width: 27.7777vw;
}

  /* search_area
---------------------------------------- */
  #search_map_area {
	  padding: 0;
	  border: none;
  }


  #search_area h3 {
    padding-left: 19px;
    background-image: url(../image/icon_area.png);
    line-height: 15px;
  }

  #search_map_area  ul {
	  height: auto;
  }

  #search_map_area  li {
	  height: auto;
	  right: 0;
	  left: 0;
	  margin: auto;
  }
  #search_area > div + div {
    margin-top: 20px;
  }
  #search_area h4 {
    margin-bottom: 10px;
    color: inherit;
    font-weight: normal;
    font-size: 12px;
  }
  #search_area select {
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    border: solid 1px #b1b2b3;
    border-radius: 4px;
    color: inherit;
    font: inherit;
  }

  #search_area .select_btn {
    display: block;
    position: relative;
    width: 83.08%;
    margin: 30px auto 0;
    border-radius: 4px;
    background: #1bbecc;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 48px;
  }
  #search_area .select_btn:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 0;
    width: 6px;
    height: 100%;
    background: url(/dog/common/image/arrow_r_wht.png) 0 50% no-repeat;
    background-size: 100%;
  }

  /* search_name
---------------------------------------- */

  #search_name h3 {
    padding-left: 22px;
    background-image: url(../image/icon_name.png);
    line-height: 15px;
  }

  #travel_search_form {
    position: relative;
    padding-right: 53px;
    border: solid 1px #b1b2b3;
    border-radius: 4px;
  }

  #travel_search_input {
    box-sizing: border-box;
    width: 100%;
    height: 31px;
    padding-left: 10px;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
  }

  #travel_search_submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    height: 100%;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: url(../image/search_name_btn.png) 50% 50% no-repeat #e6e6e6;
    background-size: 18px;
    text-align: left;
    text-indent: -20000px;
    cursor: pointer;
  }

  /* ----------------------------------------
	section_ranking
---------------------------------------- */

  #section_ranking {
    margin-top: 25px;
    padding-top: 30px;
	padding-bottom: 26px;
    background: #f8f8f8;
  }

  #section_ranking h2 {
	  width: 71.5625vw;
	  height: 9.5313vw;
	  margin: 0 auto;
	  background: url(../image/ranking_sp.png) no-repeat;
	  background-size: 100%;
  }

  #section_ranking h2 img {
	  visibility: hidden;
  }

  #section_ranking img {
	  width: 100%;
  }
  
  #section_ranking .small {
	font-size: 12px;
	line-height: 10px;
	margin: 25px auto 20px;
	text-align: center;
}

  #list>li {
	border: solid 1px #d9d9d9;
	background: #fff;
	font-size: 10px;
	line-height: 1.5;
}
#list a {
	display: block;
	color: inherit;
	padding: 20px 9px 9px 9px;
}
#list a:after {
	content: '';
	display: block;
	clear: both;
}

#list li .text {
	position: relative;
	padding-right: 40px;
	margin-bottom: 7px;
}
#list li .text:before {
	position: absolute;
	right: -9px;
	top: -14px;
	width: 46.5px;
	padding-top: 48.5px;
	background: 50% 0 no-repeat url(../image/icon_category_hotel.png);
	background-size: 46.5px;
	text-align: center;
 	white-space: pre;
	letter-spacing: -.05em;
	font-size: 10px;
	line-height: 1.2;
	transform: scale(0.7);
}

#list .dogrun .text:before {
	content: 'ドッグラン';
	background-image: url(../image/icon_category_dogrun.png);
	letter-spacing: -.15em;
	color: #f2617c;
}

#list .hotel .text:before {
	content: '宿泊施設';
	background-image: url(../image/icon_category_hotel.png);
	color: #91c724;
}

#list .cafe .text:before {
	content: 'カフェ・\Aレストラン';
	background-image: url(../image/icon_category_cafe.png);
	letter-spacing: -.15em;
	color: #ff9c45;
}

#list .complex .text:before {
	content: '複合施設';
	background-image: url(../image/icon_category_complex.png);
	color: #5fa4de;
}

#list .shop .text:before {
	content: 'ペット用品\Aショップ';
	background-image: url(../image/icon_category_shop.png);
	letter-spacing: -.1em;
	color: #a858ad;
}

#list li h4 {
	margin-bottom: 5px;
	letter-spacing: 0;
	font-size: 13px;
	line-height: 1;
}

#list li .copy {
	font-weight: bold;
	font-size: 11px;
}

#list li .img {
	float: left;
	width: 78px;
}
#list li .img img {
	display: block;
}

#list li .address {
	margin-left: 81px;
	line-height: 13.5px;
	letter-spacing: -.02em;
	transform: scale(0.95);
}

#list li .tel {
	display: block;
}

.ranking_list {
	position: relative;
}

.ranking_list:nth-child(n+2) {
	margin-top: 15px;
}

.ranking_list:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3.5px 5.5px 0px;
	border-color: transparent transparent #166c73 transparent;
	position: absolute;
	top: -5.5px;
	left: 30.5px;
}

.ranking_list:after {
	content: "";
	display: block;
	width: 22px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background-color: #1bbecc;
	position: absolute;
	top: -5.5px;
	left: 8.5px;
}

.ranking_list:nth-child(1):after {
	content: "1";
}
.ranking_list:nth-child(2):after {
	content: "2";
}
.ranking_list:nth-child(3):after {
	content: "3";
}
.ranking_list:nth-child(4):after {
	content: "4";
}
.ranking_list:nth-child(5):after {
	content: "5";
}
.ranking_list:nth-child(6):after {
	content: "6";
}
.ranking_list:nth-child(7):after {
	content: "7";
}
.ranking_list:nth-child(8):after {
	content: "8";
}
.ranking_list:nth-child(9):after {
	content: "9";
}
.ranking_list:nth-child(10):after {
	content: "10";
}

.feature_area {
	background-color: #fff;
	margin-top: 26px;
	padding: 26px 9px 22.5px;
}

.feature_area h3 {
	width: 40px;
	font-size: 20px;
	letter-spacing: 0;
	margin: 0 auto;
	position: relative;
}

.feature_area h3:before {
	content: "";
	width: 34px;
	height: 23px;
	display: block;
	background: url(../image/icon_feature.png);
	background-size: 100%;
	position: absolute;
	top: -2.5px;
	left: -15.5px;
}

.feature_item {
	background-color: #fff;
	border: solid 1px #d9d9d9;
	box-sizing: border-box;
	margin-top: 15px;
}

.feature_item a {
	display: inline-block;
	padding: 9px 9px;
	width: 100%;
	box-sizing: border-box;
}

.feature_photo {
	width: 125px;
	float: left;
}

.feature_photo img {
	object-fit: cover;
}

.feature_text {
	font-size: 12px;
	line-height: 15.5px;
	margin-top: 14.5px;
	margin-left: 139px;
	color: #000;
	font-weight: 600;
	display: block;
}

.feature_btn-wrap {
	margin-top: 20px;
}

.feature_btn {
	display: block;
	position: relative;
	width: 81.88679%;
	margin: 30px auto 0;
	border-radius: 4px;
	background: #1bbecc;
	text-align: center;
	letter-spacing: 0.1em;
	color: #fff!important;
	font-weight: bold;
	font-size: 13px;
	line-height: 48px;
}

.feature_btn::before {
	content: '';
	position: absolute;
	right: 12px;
	top: 0;
	width: 6px;
	height: 100%;
	background: url(/dog/common/image/arrow_r_wht.png) 0 50% no-repeat;
	background-size: 100%;
}

  /* ----------------------------------------
	section_bnr
---------------------------------------- */
  .section_bnr {
    width: 93.25%;
    margin: 20px auto;
  }
  .section_bnr img {
    width: 100%;
  }
  .pci {
    display: none;
  }

  .topics_list li:nth-of-type(n + 2) {
    margin-top: 10px;
  }
}