/*観光スポット*/
@charset "utf-8";

/****************/
#content_corset {
  width: 96%;
  margin: 0 auto;
}
#content_head {
  width: 100%;
  /*max-width: 1000px;*/
  margin: 0 auto;
}
/*.post_box {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
}*/
#spot_post_img {
  background: no-repeat url("../images/destination/spot_post_img.jpg") center;
}
.ms-theme-highway {
  padding-bottom:0!important;
}
#spot_title {
  padding: 0 0 0 0;
  margin: 3% 0 0 0;
}
#spot_title_kana {
  color: #666;
  font-size: 0.6rem;
  padding: 0 0 5px 0;
}
#spot_catchphrase {
  color: #CF1D39;
  font-size: 1.0rem;
  margin: 2% auto 3% 0;
  font-weight: bold;
}
.spot_textbox {
  margin:3% 0;
}
#spot_explanation {
  font-size: 0.9rem;
  margin:0 auto;
}
#mylist_btn_add {
  margin:5% auto;max-width:160px;
}
.search_btn {
  width:70px;
  height:35px;
  margin:0 0 0 auto;
  padding:0;
}
.submit_wrapper {
  display:flex;
  justify-content:center;
}
#search_filtering {
  padding: 0 0 0 0.5rem;
}
#search_list {
  padding: 0 0 0 2.1rem;
  margin:10% auto 0 auto;
}
.tab-content {
  margin:0;
}
.spot_tab01,
.spot_tab02 {
  border-top-left-radius:5px!important;
  border-top-right-radius:5px!important;
  margin:0 0.5%;
}
.search_box_area {
  /*background:#efefef;*/
  padding: 10px 0 10px 0;
  background-size:100%;
}
.search_box {
  margin: 0 auto 0 auto;
  width: 100%;
  font-size: 0.7rem;
  border-collapse: collapse;
}
.search_box_inner {
  width:100%;
  margin: 0 auto 0 auto;
}
.search_box_inner_02 {
  width:94%;
  display:block;
  margin: 0 auto 0 auto;
}
.search_box_container {
  margin: 0;
  width: 100%;
}
.search_box_container .toggle_contents {
  /*background: #efefef;*/
  border: #ccc 1px solid;
}
.kwbox {
  clear: both;
}
.select_btn {
  margin: 0 auto 5px auto;
  width: 98%;
  /*border: #ccc 1px solid;*/
}
.select_btn_temp {
  display: none;
}
.search_box_item {
  /*height: 35px;*/
  background:#fff;
  font-size: 0.9rem;
}
.search_box .toggle_switch {
  z-index:101;
  border: #ccc 1px solid;
}
.search_box .toggle_switch.open {
  /*color: #F87C8F;*/
}
#sbc_area.isActive,
#sbc_category.isActive {
  color: #F87C8F;
}
.selected{
  color: #F87C8F;
}
.sbc_title {
  position: relative;
  padding: 9px 10px;
  z-index:101;
}
.sbc_title.selected {
  color: #F87C8F;
}
.sbc_title::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(../images/common/arrow_down_p.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: transform .2s;
}
.sbc_title.open::after {
  transform: rotateZ(180deg);
  top: 40%;
}
.sbc_title.close::after {
  transform: rotateZ(0deg);
  top: 40%;
}
.search_box tr {
  background:#F6F6F6;
  border:1px solid #C7B299;
}
.search_box th, .search_box td {
  padding: 5px;
  display: block;
  border:1px solid #C7B299;
}
.search_box_keyword {
  margin:0 auto 5px auto;
  padding: 0 0 0 0;
  /*width:96%;*/
  clear: both;
} 
.search_box input[type="text"] {
  /*margin: 2px !important;*/
  border: #ccc 1px solid;
  font-size: 0.8rem;
}
.search_box ul {
  margin: 0 !important;
}
.search_box label {
  margin-bottom: 0 !important;
}
.search_btn_box {
  height:35px;
  /*display:flex;*/
  padding:0 0 0 0;
}
.submit_btn_box {
  display: flex;
  justify-content:center;
  margin: 0 auto;
}
.clear_btn {
  width:70px;
  height:35px;
  margin:0 2% 0 auto;
  padding:0;
  background: #ffffff;
  border: 1px solid #EF7C86;
  color: #EF7C86;
}
.submit_btn {
  width:70px;
  height:35px;
  margin:0 auto 0 2%;
  padding:0;
}
.submit_box {
  width:100%;
  margin:20px auto 0 auto;
  display:flex;
  justify-content: center;
}
.button_submit {
  width:120px;
  height: 34px;
  border: none;
  background: darkorange;
  color: #fff;
}
.button_reset {
  width: 120px;
  height: 34px;
  margin: 0 0 0 10px;
  border: none;
}
/*.button_reset {
  width: 120px;
  height: 36px;
  padding: 0 0;
  margin: 0 5px 0 10px;
}*/
.form_keyword {
  border: none;
  padding:7px 10px;
  width: 92%;
  margin: 0 auto 0 4px;
}
/*.button_submit {
  padding:5px!important;
  width:4rem;
}*/
.clear_btn:hover, 
.submit_btn:hover {opacity:0.7;}
#spot_table {
  border-collapse: collapse;
}
#spot_table tr {
  background:#F6F6F6;
  border:1px solid #C7B299;
}
#spot_table th, #spot_table td {
  padding: 5px;
  display: block;
  border:1px solid #C7B299;
}
.item {
  color: #000;
  background:#FAEAE6;
  text-align: left;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: normal;
  padding: 0 10px;
}
.filtering_01 {
  background:#efefef;
  vertical-align: middle;
  font-weight: normal;
  padding: 0.5% 10px;
}
.filtering_01 ul {
  padding: 0 1%;
}
.filtering_01 li {
  list-style-type: none;
  display: inline-block;
}
.filtering_02 {
  /*background:#F6F6F6;*/
  vertical-align: middle;
  font-weight: normal;
  padding: 0 0 0 6px;
  /*padding: 0 0 0 20px;*/
}
.filtering_02 ul, .filtering_03 ul {
  padding: 0 1%;
}
.filtering_02 li, .filtering_03 li {
  display: inline-block;
  padding: 3px 5px 3px 0;
  list-style-type: none;
}
.filtering_03 {
  color: #666;
  background:#E4E4E4;
  vertical-align: middle;
  font-weight: normal;
}
.area_map_title {
  font-size:0.75rem;
  width:60%;
  padding:10px;
  margin:2% auto;
  text-align:center;
}
.area_map {
  margin: 2% auto;
  text-align: center;
  width: 100%;
  max-width:800px;
}
.spotlist_box_wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 2% 0;
  justify-content:center;
}
.spotlist_box {
  margin: 0 2% 4% 2%;
  width:46%;
  height: auto;
}
/*.spotlist_box {
  margin: 0 2.4% 4% 2.4%;
  width:150px;
  height: auto;
}*/
.spotlist_box_a {
  text-decoration:none;
}
.spotlist_box img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 15px;
}
.spotlist_photo {
  height:auto;
  /*background-color:#fff;
  overflow: hidden;*/
}
.spotlist_spotname {
  width: 100%;
  padding: 4% 1% 2% 1%;
  font-size: 0.70rem;
  line-height: 120%;
  vertical-align: middle;
  text-align: center;
  color: #222;
}
#spot_table_box {
  margin:0 auto 10% auto;
}
#spot_table {
  width: 100%;
}
.cell_01 {
  color: #000;
  background:#fff;
  vertical-align: middle;
  font-weight: normal;
  padding: 2%;
}
.ico_td {
  line-height: 1.8rem;
  font-size: .65rem;
}
.post_note {
  width: 96%;
  padding: 1.5% 1.0% 0% 1.0%;
  margin: 2% auto;
  border: #aaa 1px dotted;
  font-size: 0.7rem;
}
.post_note ul {
  margin: 0 10px 10px 10px;
  padding: 0 0 0 20px;
}
.post_note li {
  margin-left: 0;
}
.loca_post {
  margin:5px auto 5% auto;
  text-align: center;
  font-size: 0.75rem;
}
.loca_post_btn {
  margin:6% auto 5px auto;
  width:50%;
  text-align: center;
}
.infectioncontrol_icon_list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.infectioncontrol_icon_list li {
  width: calc(100% / 3 - 20px);
  margin: 0 10px 20px;
  position: relative;
}
.infectioncontrol_icon_list li img {
  width: 100%;
}
.not_checked {
  opacity: .3;
}
.infectioncontrol_icon_list li img:hover + .fukidashi {
  display: block;
}
.fukidashi {
  font-size: 0.8rem;
  z-index: 3;
  display: none;
  width: 150%;
  position: absolute;
  top: 115%;
  left: -25%;
  padding: 16px;
  border-radius: 5px;
  background:#c6ebf1;
  color: #333;
  white-space: break-spaces;
}
.fukidashi:after {
  position: absolute;
  width: 0;
  height: 0;
  left: 20%;
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #c6ebf1;
  content: " ";
}
.infectioncontrol_note {
  white-space: break-spaces;
  font-size: 0.9rem;
  border: 1px solid #c6ebf1;
  padding: 20px;
  margin: 0 10px 30px;
}
/*---- Gmap ----*/
.gmap {
  width: 100%;
  position: relative;
  padding-bottom: 450px;
  /*padding-bottom: 56.25%;*/
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 80%;*/
  border:none;
}
#map {
  width:100%;
  max-width:1160px;
  margin:5% auto 0px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #F36!important;
}
.wp-pagenavi span.current {
  color: #F36!important;
  opacity: .6;
}

/**********/

/******************** タブレット ********************/
@media only screen and (min-width:560px) {
#spot_title_kana {
  font-size: 0.65rem;
  padding: 0 0 5px 0;
}
#spot_catchphrase {
  font-size: 1.2rem;
  margin: 1% auto 3% 0;
}
.spot_textbox{}
#spot_explanation {
  font-size: 1.0rem;
  /*width:80%;*/
}
#mylist_btn_add {
  margin:0 0 auto auto;
  max-width:230px;
  float:right;
  width:22%;
  text-align:center;
}
.search_box {
  font-size: 0.8rem;
  position:relative;
  display: flex;
}
.search_box_inner {
  display:flex;
  /*width: 98%;*/
  margin: 0 auto 0 auto;
}
.search_box_inner_02 {
  width: 94%;
  margin: 0 auto 1% auto;
}
.search_box_container {
  margin:0 2% 1% 2%;
  width:31.5%;
}
.select_btn {
  margin:0 2% 1% 2%;
  width:100%;
  float: none;
}
.select_btn_temp {
  display: block;
  margin:0 2% 1% 2%;
  width:48%;
}
.search_box th, .search_box td {
  display: table-cell;
  padding: 5px;
}
#spot_table th, #spot_table td {
  display: table-cell;
  padding: 5px;
}
.item {
  font-size: 0.8rem;
  white-space: nowrap;
}
.filtering_01 {
  white-space: nowrap;
  /*border-bottom:1px solid #cacaca;*/
}
.filtering_02 {
  padding: 0 0 0 20px;
}
.search_box_keyword {
  /*position: absolute;*/
  margin: 0 10px auto 0;
  padding: 0;
  width: 50%;
  /*right: 5px;
  top: 0;*/
}
.search_btn_box {
  height:40px;
  padding:0 0 0 0;
}
.search_btn {
  height:36px;
}
.submit_wrapper {
  display:flex;
  justify-content:center;
  width: 44%;
}
.submit_box {
  width:100%;
  margin:20px auto 0 auto;
}
#search_filtering {
  padding: 0 0 0 0.5rem;
}
/*.button_submit {
  padding:5px!important;
  width:4rem;
}
.button_reset {
  width: 120px;
  height: 40px;
  margin: 0 5px 0 20px;
}*/
.form_keyword {
  border:none;
  padding: 9px;
  margin: 0 auto 0 0;
  width:90%;
}
.area_map_title {
  font-size:0.9rem;
  width:34%;}
.area_map {width: 80%;}
#search_list {
  padding: 0 0 0 0.5rem;
  margin:3% auto 0 auto;
}
.spotlist_box {
  margin: 0 1% 2.0% 1%;
  width:23%;
  position: relative;
}
/*.spotlist_box {
  margin: 0 1.5% 2.0% 1.5%;
  width:200px;
  position: relative;
}*/
/*spotlist_box img {
  height: 200px;
}*/
/*.spotlist_photo {height:200px;}*/
.spotlist_spotname {font-size: 0.80rem;}
#spot_table_box {
  /*width: 80%;*/
  margin: 3% auto 8% auto;
  }
.post_note {
  width: 90%;
  padding: 1.5% 1.0% 0.5% 1.0%;
  margin: 1.5% auto;
  font-size: 0.8rem;
}
.spot_post {font-size: 0.85rem;}
.spot_post_btn {width:30%;}
.ico_td {
  font-size: .75rem;
}
.infectioncontrol_icon_box {
  margin: 8% 0 0;
}
.infectioncontrol_icon_list li {
  width: calc(100% / 4 - 20px);
}
.fukidashi {
  top: 110%;
}
/*---- Gmap ----*/
/*.gmap {
  padding-bottom: 40%;
}*/

}


/******************** デスクトップ ********************/
@media only screen and (min-width:960px){

/*#spot_title {max-height: 45px;}*/
#spot_title_kana {
  font-size: 0.80rem;
  padding: 0 0 5px 0;
  margin: 0;
}
#spot_catchphrase {font-size: 1.4rem;}
.search_box {
  font-size: 0.95rem;
  /*width: 90%;*/
  /*max-width: 800px;*/
}
.search_box_item {
  font-size: 0.95rem;
  /*height: 40px;*/
}
.search_box_keyword {
  margin: 0 10px auto 10px;
  padding: 0;
  width: 50%;
}
.item {font-size: 0.95rem;}
.search_btn {
  width:80px;
  height:40px;
  margin:0 3% 0 auto;
  padding:0;
}
.clear_btn {
  width:95px;
  height:40px;
  margin:0 0 0 auto;
  padding:0;
}
.submit_btn {
  width:80px;
  height:40px;
  margin:0 auto 0 10%;
  padding:0;
}
.form_keyword {
  border:none;
  /*width:100%;*/
  /*height:40px;*/
}
.infectioncontrol_icon_box {
  margin: 5% 0 0;
}
.infectioncontrol_icon_list li {
 width: calc(100% / 7 - 20px);
  margin: 0 10px;
}
.fukidashi {
  top: 115%;
}
.infectioncontrol_note {
  margin: 20px 10px 0;
}
#search_filtering {
  padding: 1% 0 0.2% 0.5rem;
}
#search_list {
  padding: 2% 0 0.5% 1.0rem;
  margin:3% auto 0 auto;
}
/*.spotlist_box {
  width:230px;
}*/
/*.spotlist_box img {
  height: 230px;
}*/
/*.spotlist_photo {height:230px;}*/
.spotlist_spotname {font-size: 0.90rem;}
.ico_td {
  font-size: .8rem;
}

}