/*島根フィルムコミッション*/
@charset "utf-8";

/********ロケ地情報********/
#content_head {
  margin-top: 3%;
}
#loca_title {
  background-size: 100% auto;
  padding: 0 0 1% 0;
  margin: 0 0 2% 0;
}
#loca_title_kana {
  font-size: 0.6rem;
  /*padding: 0 0 0 3.5rem;*/
}
.loca_spot_title {
  /*font: 1.2rem normal;*/
  /*padding: 0 0 0 3.5rem;*/
  margin: -0.7% 0 0 0;
}
.description_box {
  max-width: 1000px;
  margin: 0 auto;
}
#loca_catchphrase {
  color: #FF9B4D;
  font-size: 1.0rem;
  margin: 4% auto 2% 0;
  font-weight: bold;
}
#loca_explanation {
  font-size: 0.9rem;
}
#youtube_box{
  width:100%;
  margin:2% auto 4% auto;
}
.youtube {
  width:100%;
  margin: 2% auto;
  text-align: center;
  max-width: 800px;
}
.youtube iframe {
	max-height:194px;
}

/*****ロケーション情報検索*****/
#location_search {
  margin-top: 5%;
}
#search_filtering {
  background-size:auto 100%;
  padding: 0 0 0 1.6rem;
}
#search_list {
  background-size:auto 100%;
  padding: 0 0 0 2.1rem;
}
.search_box {
	margin: 2% auto 0.5% auto;
  width: 100%;
  font-size: 0.8rem;
}
.search_box tr {
	background:#F6F6F6;
}
.search_box th, .search_box td {
  display: block;
}
.item {
  color: #ffffff;
  background:#FF9B4D;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
  padding: 0 10px;
}
.filtering_01 {
  color: #000000;
  background:#FFE5D1;
  vertical-align: middle;
  font-weight: 500;
  padding: 0.5% 10px;
}
.filtering_01 ul {
  padding: 0 1%;
}
.filtering_01 li {
	list-style-type: none;
  display: inline-block;
}
.filtering_02 {
  color: #666;
  background:#F6F6F6;
  vertical-align: middle;
  font-weight: normal;
  padding: 0 10px;
}
.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;
}
.form_keyword_box {
  text-align: left;
  border-bottom: 0;
  padding: 15px 0 15px 20px;
}
input.form_keyword {
  padding: 5px;
  width: 300px;
  border: 1px solid #ccc;
}

/*****アコーディオン*****/
.toggle_wrap: {
	background: !important;
	margin-top: 0;
}
.toggle_wrap:last-of-type {
}
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  background: ;
	margin: 0 auto;
}
.toggle_switch.open {
  background: ;
}
.toggle_switch:hover {
  color:#FF9B4D;
}
.ts_02{
  padding:9px 10px;
}
.ts_02::after {
 content: "";
 display: inline-block;
 width: 18px;
 height: 11px;
 background: url(../images/common/arrow_down_orange.svg) no-repeat center center;
 background-size: contain;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
	right: 40px;
	transition: transform .2s;}
.toggle_contents {
 display: none;
 padding: 5px 10px;
	background: ;
}

/*****マップ*****/
.area_map_title {
	font-size:0.8rem;
	width:80%;
	padding:8px;
	margin:2% auto;
	text-align:center;
}
.area_map {
  margin: 0 auto 5% auto;
  text-align: center;
  width: 100%;
}

/*****ロケーション情報一覧*****/
.spotlist_box_wrapper {
  /*max-width: 1100px;*/
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto;
  justify-content: center;
}
.spotlist_box {
  position: relative;
  width: 25%;
  margin: 0 1.2% 4% 1.2%;
  width: 160px;
}
.spotlist_photo {
  height: 160px;
  background-color:#F9F6F6;
  overflow: hidden;
}
.spotlist_box img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.spotlist_box_a {
  text-decoration:none;
}
.spotlist_spotname {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5% 0 8% 0;
  font-size: 0.65rem;
  display: table-cell;
  text-align: center;
  color: #000;
  background: #fff;
  opacity: 0.75;
  font-size: 0.9rem;
}
#loca_table_box {
  margin: 5% auto
}
.cell_01 {
  color: #333;
  background:#fbf6ee;
  vertical-align: middle;
  font-weight: normal;
  padding: 1.5%;
  font-size: 0.8rem!important;
}
.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;
}
.creator_link_box {
  max-width: 650px;
  margin: 0 auto 5% auto;
}

/*****ロケーション情報詳細*****/
.single_item {
  color: #ffffff;
  background: #FF9B4D;
  text-align: left;
  vertical-align: middle;
  font-size: 0.9rem!important;
  font-weight: 500;
  padding: 3px 10px;
}
.ggmap iframe {
  width: 100%!important;
  height: 350px!important;
}
.location_kinds_wrap {
  /*margin-top: 5%;*/
  max-width: 1000px;
  margin: 5% auto;
}
.location_kinds_box {
  text-align: center;
}
.location_kinds_label {
  background: #FF9B4D;
  color: #fff;
  padding: 2%;
  margin: 1% 2% 1% 0;
  font-weight: 500;
}
.location_kinds_group a {
  display: block;
  text-decoration: none;
  border: 1.5px solid #FF9B4D;
  border-radius: 8px;
  color: #FF9B4D;
  background: #fff;
  width: 80%;
  padding: 1%;
  margin: 3% auto;
  font-weight: 500;
}

/**************** デスクトップレイアウト（560px～）****************/
@media (min-width: 560px) {

#loca_title_kana {
  font-size: 0.7rem;
  /*padding: 0 0 0 4.5rem;*/
  margin: 0;
}
.loca_spot_title {
  font-size: 1.5rem;
  margin: -0.4% 0 0 0;
}
#loca_explanation {
  font-size: 0.95rem;
}
#loca_catchphrase {
  font-size: 1.2rem;
}

/*****動画*****/
.youtube iframe {
  max-height:430px;
}

/*****ロケーション情報検索*****/
.search_box {
  font-size: 0.9rem;
}
.search_box th, .search_box td {
  display: table-cell;
}
.item {
  white-space: nowrap;
  font-size: 0.9rem;
}
.filtering_01 {
  white-space: nowrap;
}
#search_filtering {
  padding: 0 0 0 2rem;
}
#search_filtering {
  padding: 1% 0 0.2% 2.7rem;
}
#search_list {
  padding: 2% 0 0.5% 4.5rem;
}

/*****アコーディオン*****/
.toggle_contents {
  display:block;
  padding: 5px 10px;
}
/*.toggle_switch::after{
background:none;
}*/
.tc_02 {
  display:none;
}

/*****マップ*****/
.area_map_title{
	margin: 0 auto;
	font-size:1rem;
	max-width: 400px;
}
.area_map {
  max-width: 700px;
}

/*****ロケーション情報一覧*****/
.spotlist_box {
  margin: 0 1.5% 2.0% 1.5%;
  width:230px;
  position: relative;
  overflow:hidden;
}
.spotlist_photo {
  height:230px;
}
.loca_post {
 margin:10px auto 5% auto;
 font-size: 1.0rem;
}
.loca_post_btn {
  width:30%;
}

/*****ロケーション情報詳細*****/
#loca_table {
  max-width: 1000px;
}
.single_item {
  font-size: 0.9rem!important;
  padding: 0 10px;
}
.cell_01 {
  font-size: 0.9rem!important;
}
.ggmap iframe {
  /*width: 80%!important;*/
  max-width: 1000px!important;
}
.location_kinds_label {
  max-width: 200px;
  width: 200px;
  padding: 1%;
  margin: 1% 1% 1% 0;
  float: left;
}
.location_kinds_group {
  display: flex;
  flex-wrap: wrap;
}
.location_kinds_group a {
  border: 2px solid #FF9B4D;
  width: 170px;
  padding: 0.5%;
  margin: 1.8% 1% 0 0;
}

}