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

/****************/
/*#destination_img {
  background: no-repeat url("../images/destination/destination_main_img.jpg") center;
  background-size:100% auto;
  height:140px;
  text-align: center;
  color: #fff;
}*/
/*.tab-content{margin:0!important;}*/
#destination_post_img {
  background: no-repeat url("../images/destination/destination_post_img.jpg") center;
}
.ms-theme-highway {
  padding-bottom:0!important;
}
#destination_title {
  padding: 0 0 0 0;
  margin: 4% 0 0 0;
}
#destination_title_kana {
  color: #666;
  font-size: 0.6rem;
  padding: 0 0 5px 0;
}
.destination_spot_title {
  color: #231815;
  font-size:1.6rem!important;
  padding: 0 0 0 0;
  margin: -0.7% 0 0 0;
  font-weight: bold;
}
#destination_catchphrase {
  color: #CF1D39;
  font-size: 1.0rem;
  margin: 2% auto 3% 0;
  font-weight: bold;
}
/*.destination_shortcut {
  display: flex;
  justify-content: center;
  margin: auto;
}
.destination_shortcut_btn {
  width: 30%;
  margin: 0 1%;
  border-radius: 10px;
  border: 1px #888 solid;
  background: #fff;
}*/
.destination_shortcut {
  width: 96%;
  display: flex;
  justify-content:center;
  margin: 1.2rem auto 0 auto;
}
.destination_shortcut_menu {
  position: relative;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #333;
  width: 29%;
  max-width: 160px;
  height: 100%;
  margin: 1.5% 1.5%;
  padding: 8px 20px 6px 10px;
  background: #fff;
  border: 1px #888 solid;
  border-radius: 10px;
}
.destination_shortcut_menu::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url(../images/common/arrow_down_gray.svg) no-repeat center center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
	 right: 12px;
  /*transition: transform .2s;*/
}
.destination_shortcut_menu a {
  color: #333;
}
.destination_shortcut_menu a:hover {
  text-decoration:none;
}
.destination_textbox {
  margin: 1.2rem 0 0 0;
}
#destination_explanation {
  font-size: 0.9rem;
  margin: 0 0 1.5rem 0;
  line-height: 160%;
}
.destination_point {
  position: relative;
  margin: 0 0 20px 0;
  padding: 15px 10px 15px 10px;
  font-weight: 600;
  background: #FAEAE6;
}
.destination_point::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 52px;
  height: 24px;
  background: url(../images/destination/ribbon_point.svg) no-repeat center top;
  background-size: contain;
  top: 16px;
  left: 0;
}
.destination_point_list {
  padding-left: 70px;
  margin-bottom: 0px;
  color: #333;
  font-size: 0.95rem;
  line-height: 150%;
}
.destination_point_list li {
  margin-top: 2px;
}
/*---- readmore ----*/
.readmore {
  position: relative;
  margin: 0 auto;
  padding: 0 0 45px 0;
}
.readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 5px;
  width: 160px;
  text-align: center;
  border: 1px solid #888;
  border-radius: 10px;
  font-size: 0.75rem;
  color: #000;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
  margin: 0 auto;
  padding: 4px 15px 2px 5px;
}
.readmore label::before{
  content: 'もっと読む';
}
.readmore input[type="checkbox"]:checked ~ label::before {
  content: '閉じる';
}
.readmore input[type="checkbox"]{
  display: none;
}
.readmore-content {
  position: relative;
  height: 120px;
  overflow: hidden;
}
.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}
.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}
#mylist_btn_add {
  margin: 5% auto;
  /*max-width:160px;*/
}
.submit_box {
  width: 50px;
  margin: 8px 0 0 auto;
  display: flex;
}
.search_btn {
  width: 70px;
  height: 35px;
  margin: 0 0 0 auto;
  padding: 0;
}
#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;
}
.destination_tab01,
.destination_tab02 {
  border-top-left-radius:5px!important;
  border-top-right-radius:5px!important;
  margin:0 0.5%;
}
.search_box_area {
  background:#FCECE8;
  padding-bottom:2%;
  background:url(../images/common/bg_pink_01.png);
  background-size:100%;
}
.search_box {
  margin: 3% auto 0.5% auto;
  width: 100%;
  font-size: 0.85rem;
  /*font-size: 0.7rem;*/
}
.search_box_inner {
  width:98%;
  margin: 0 auto 3% auto;
}
.search_box_inner_02 {
  width:94%;
  display:block;
  margin: 0 auto 0 auto;
}
.search_box_container {
  margin:0 auto 4% auto;
  width:94%;
}
.select_btn {
  margin:0 1% 0 1%;
  width: 48%;
  float: left;
}
.select_btn_temp {
  display: none;
}
.search_box_item {
  /*height: 35px;*/
  background:#fff;
}
.search_box tr {
  background:#F6F6F6;
  border:1px solid #C7B299;
}
.search_box .toggle_switch {
  z-index:101;
}
.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 .toggle_contents {
  padding:2%!important;
  margin:7px 0 15px 0;
  filter: drop-shadow(0 0.2rem 0.2rem rgba(0,0,0,0.15));
}
.search_box th, .search_box td {
  padding: 5px;
  display: block;
  border:1px solid #C7B299;
}
.search_box_keyword {
  margin:2% auto 5% auto;
  padding: 0 0 0 0;
  width:96%;
  clear: both;
}
.search_btn_box {
  height:35px;
  display:flex;
  padding:0 0 0 0;
}
.submit_btn_box {
  display: flex;
  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;
}
.button_reset {
  width: 80px;
  height: 36px;
  padding: 0 0;
  margin: 0 5px 0 10px;
}
.form_keyword {
  border:none;
  padding:5px 10px;
  width:100%;
}
.button_submit {
  padding:5px!important;
  width:4rem;
}
.clear_btn:hover, 
.submit_btn:hover {opacity:0.7;}
.item {
  color: #000;
  background:#FAEAE6;
  text-align: left;
  vertical-align: middle;
  font-size: 0.85rem;
  /*font-size: 0.8rem;*/
  font-weight: normal;
  padding: 0 10px;
}
.filtering_01 {
  background:#EBC8CDA1;
  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 30px;
}
.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;
}
.search_result_box {
  display:flex;
  justify-content:space-between;
  align-items: center;
  margin: 2.0rem 0 0 0;
}
.spotlist_box_wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 2% 0;
  justify-content:center;
}
.spotlist_box {
  margin: 0 2.4% 4% 2.4%;
  width:160px;
}
.spotlist_box_a {
  text-decoration:none;
}
.spotlist_box img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.spotlist_photo {
  height:160px;
  background-color:#F9F6F6;
  overflow: hidden;
}
.spotlist_spotname {
  width: 100%;
  padding: 4% 1% 0 1%;
  font-size: 0.70rem;
  line-height: 120%;
  vertical-align: middle;
  text-align: center;
  color: #222;
}
#destination_table_box {
  margin-bottom: 10%;
  /*margin:0 auto 10% auto*/
}
.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 ----*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  border:none;
}
#map {
  width:100%;
  max-width:1160px;
  margin-bottom: 0;
  /*margin:5% auto 0px;*/
}

/*------結果件数、並び順ボタン------*/
.search-results-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  grid-gap: 1rem;
  margin: 1.5rem 0;
  font-size: 0.8rem;
}
.sort-buttun {
  display: flex;
  grid-gap: 1rem;
  align-items: center;
}
.sort-buttun input {
  width: 60px;
  height: 30px;
  margin: 0 2% 0 auto;
  padding: 0;
  background: #ffffff;
  border: 1px solid #EF7C86;
  border-radius: 4px;
  color: #EF7C86;
  font-size: 0.8rem;
}
.sort_current {
  background: #F87C8F !important; 
  opacity: 1 !important;
  color: #fff !important;
  border: none !important;
}

/*------修正提案------*/
.correction_btn {
	 width:300px;
	 text-align:center;
	 padding: 10px;
	 margin: 0 auto 4rem auto;
	 background: #eee;
	 border-radius: 6px;
}

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

/***** swiper *****/
/*.gallery {
  display:block;
}
.swiper-container {
  width: 100%;
}
.swiper-container.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  --swiper-theme-color:#F87C8F !important;
}
.swiper-container.slider-thumbnail {
  display: none;
  --swiper-theme-color:#fff !important;
}*/


/******************** タブレット ********************/
@media only screen and (min-width:560px) {
#destination_title_kana {
  font-size: 0.65rem;
  padding: 0 0 5px 0;
}
.destination_spot_title {
  font-size: 1.5rem;
  padding: 0 0 0 0;
  margin: -0.5% 0 0 0;
}
#destination_catchphrase {
  font-size: 1.2rem;
  margin: 1% auto 3% 0;
}
.destination_shortcut_menu {
  font-size: 0.85rem;
}
.destination_shortcut_menu::after {
	 right: 30px;
}
.destination_textbox {
  margin: 1.2rem 0 0 0;
}
#destination_explanation {
  font-size: 0.95rem;
  float:left;
  width:76%;
  margin: 0;
}
.destination_point {
  margin:0 0 1.5rem 0;
  padding: 15px 10px 15px 10px;
}
.destination_point::before {
  width: 52px;
  height: 24px;
  top: 16px;
}
.destination_point_list {
  padding-left: 65px;
  font-size: 1.0rem;
}
/*--- readmore ---*/
.readmore {
  padding: 0;
}
.readmore label {
  display: none;
}
.readmore-content::before {
  display: none;
}
.readmore-content {
  height: auto;
  overflow: visible;
}
#mylist_btn_add {
  margin:0 0 auto auto;
  max-width:230px;
  float:right;
  width:22%;
  text-align:center;
}
.search_box {
  font-size: 0.85rem;
  position:relative;
}
.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%;
}
.search_box .toggle_contents {
  /*position:absolute;
  z-index:100;
  width:96%;
  top:40px;
  left:0;*/
  margin: 0 0 2% 0;
}
.select_btn {
  margin:0 2% 1% 2%;
  width:31.5%;
  float: none;
}
.select_btn_temp {
  display: block;
  margin:0 2% 1% 2%;
  width:31.5%;
}
.search_box th, .search_box td {
  display: table-cell;
  padding: 10px;
}
.item {
  font-size: 0.8rem;
  white-space: nowrap;
}
.filtering_01 {
  white-space: nowrap;
  /*border-bottom:1px solid #cacaca;*/
}
.search_box_keyword {
  position: absolute;
  margin: 0 2% 1% 2%;
  padding: 0;
  width: 29%;
  right: 5px;
  top: 0;
}
.search_btn_box {
  height:40px;
  display:flex;
  padding:0 0 0 0;
}
.search_btn {
  height:36px;
}
.submit_wrapper {
  display:flex;
  justify-content:center;
}
.submit_box {
  width:100%;
  margin:10px 0 0 0;
}
#search_filtering {
  padding: 0 0 0 0.5rem;
}
.button_reset {
  width: 80px;
  height: 40px;
  margin: 0 5px 0 20px;
}
.form_keyword {
  border:none;
  width:100%;
  height:36px
}
.button_submit {
  padding:5px!important;
  width:4rem;
}
.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.5% 2.0% 1.5%;
  width:200px;
  position: relative;
  overflow:hidden;
}
.spotlist_photo {height:200px;}
.spotlist_spotname {font-size: 0.80rem;}
#destination_table_box {
  margin-bottom: 4.0%;
  /*margin: 1.5% auto 4.0% auto;*/
}
.post_note {
  width: 90%;
  padding: 1.5% 1.0% 0.5% 1.0%;
  margin: 1.5% auto;
  font-size: 0.8rem;
}
.destination_post {font-size: 0.85rem;}
.destination_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 ----*/
.ggmap {
  padding-bottom: 40%;
}

}


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

/*#destination_title {max-height: 45px;}*/
#destination_title_kana {
  font-size: 0.80rem;
  padding: 0 0 5px 0;
  margin: 0;
}
.destination_spot_title {
  font-size: 2.0rem!important;
  padding: 0 0 0 0;
  margin: -0.4% 0 0 0;
}
#destination_catchphrase {font-size: 1.4rem;}
.destination_textbox {
  margin: 1.5rem 0 0 0;
}
#destination_explanation {
  font-size: 1.0rem;
}
.destination_point {
  margin: 0 0 2.0rem 0;
  /*margin: 0 0 20px 0;*/
  padding: 15px 10px 18px 10px;
  /*padding: 15px 10px 25px 10px;*/
}
.destination_point::before {
  width: 65px;
  height: 29px;
  top: 16px;
  /*top: 20px;*/
}
.destination_point_list {
  padding-left: 95px;
  font-size: 1.1rem;
}
.search_box {font-size: 0.95rem;}
.search_box_item {
  /*height: 40px;*/
}
.search_box_keyword {
  margin: 0 2% 1% 2%;
  padding: 0;
  width: 29%;
  right: 10px;
  top:0;
}
.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_photo {height:230px;}
.spotlist_spotname {font-size: 0.90rem;}
.ico_td {
  font-size: .8rem;
}
/*------結果件数、並び順ボタン------*/
.search-results-wrap {
  flex-direction: row;
  margin: 2.5rem 4.5rem;
  font-size: 0.9rem;
}
/*------修正提案------*/
.correction_btn {
	 margin: 0 auto 6rem auto;
}

}