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

/********ロケ実績********/
.works_box_wrap {
  border: 1px solid #cdb79b;
  margin-bottom: 50px;
}
.works_box_wrap div.works_box_list:last-child {
  border: none;
}
.works_box_list {
  padding: 2.5%;
  width: 95%;
  border-bottom: 1px dotted #a99275;
}
#works_map {
	width: 100%;
	height:500px;
	text-align:center;
}
a.typical_location {
  color: #09b0c3!important;
}
#works_map_list {
	font-size: 0.90rem;
	line-height: 180%;
	height:300px;
	overflow: scroll;
}
.loca_list_title {
  background-color: #FF9B4D;
  color: #ffffff;
  padding: 6px 0px 6px 15px;
}
#works_map_list ul {
	list-style:none;
	margin: 0;
	padding: 10px 0 0 15px;
}
#works_map_list li {
  line-height: 2;
}
.works_box_ph {
  width: 100%;
  margin: 4% auto;
  text-align: center;
}
.works_box_ph img {
  object-fit: cover;
  height: 100%;
}
.works_box_info {
    width: 100%;
    margin: 0 auto;
}
.works_name {
    padding: 0 0 1% 0;
    font-size: 1.0rem;
    font-weight: bold;
    color: #ff8100;
}
.works_summary {
    font-size: 0.8rem;
    color: #000;
    padding: 0 0 2% 0;
}
.works_list_txt {
    font-size: 0.75rem;
    color: #000;
    padding: 0;
    list-style-type: none;
    margin-top: 0px;
}

/********ロケーションムービー一覧********/
.movielist_box_wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.movielist_box {
    width: 48%;
    margin: 0 1% 5% 1%;
}
.movielist_iframe_wrapper {
    position: relative;
    width: 100%;
    padding: calc(280 / 500 * 100%) 0 0;
}
.movielist_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movielist_name {
    padding: 5% 0 0 0;
    font-size: 0.65rem;
    line-height: 120%;
    text-align: center;
}

/**************** デスクトップレイアウト（560px～）****************/
@media (min-width: 560px) {
.works_map_container {
  display: flex;
}
#works_map_list {
  width: 25%;
  height:500px;
}
.works_box_list {
  display: flex;
  /*margin: 2% 0;*/
  /*padding: 2.5% 4%;*/
  width: 95%;
}
.works_box_ph {
  width: 18%;
  margin: 0 auto 0 0;
}
.works_box_info {
  width: 79%;
  margin: 0 0 0 auto;
}

/********ロケーションムービー一覧********/
.movielist_box {
  width: 23%;
  margin: 0 1% 3% 1%;
  position: relative;
}
.works_name {
  font-size: 1.25rem;
}
.works_summary {
  font-size: 1rem;
}
.works_list_txt {
  font-size: 0.9rem;
}
.movielist_name {
  font-size: 0.78rem;
}

}