@charset "utf-8";
/* CSS Document */

/*---------------------------------
  　ゴルフ場コース
-----------------------------------*/
.anchorLinkBtn{
  margin: 15px 0;
}
.anchorLinkBtn li{
  float: left;
  width: 308px;
}
.anchorLinkBtn li.fin {
  position: relative;
}
.anchorLinkBtn li.fin:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}
.anchorLinkBtn li.listNo02{
  margin: 0 18px;
}
.anchorLinkBtn li a {
  display: block;
  background: #fff;
  color: #333;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #5A5A5A;
  border-radius: 3px;
  -ms-border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
  font-size: 18px;
}
.anchorLinkBtn li a:hover {
  background: #FFFFFF;
  border: #e7364a 1px solid;
  color: #e7364a;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.anchorLinkBtn li a:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  box-shadow: none;
  border: #e7364a 1px solid;
  color: #e7364a;
}
.anchorLinkBtn li.fin span {
  display: block;
  background: #7f7f7f;
  color: #333;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #5A5A5A;
  border-radius: 3px;
  -ms-border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
  font-size: 18px;
}
.leadBox{
  margin: 15px;
}
.leadBox.bodGray{
  border: solid 1px #7f7f7f;
  padding: 10px 15px 15px;
  margin: 10px 0;
}
.detail-schedule{
  margin: 10px 0 0;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #fff;
}
.detail-schedule dt{
  font-size: 16px;
}
.detail-schedule dd{
  font-size: 14px;
  padding-left:.5em;
}
.detail-schedule dt,
.detail-schedule dd span{
  font-weight: bold;
}
.movieArea{
  text-align: center;
  margin: 15px auto;
}
.movieArea a{
  cursor: pointer;
}
.rs_h3_title_bar + .movieArea{
  margin: 15px 0 30px -15px;
}
.movieItem {
  float: left;
  width: 310px;
  margin: 15px 0 0 15px;
}
.movieItem img {
  max-width: 100%;
  width: 100%;
}
.movieItem iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.movieItem .ttl {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  margin-top: 5px;
}
.reservationArea {
  margin: 0 auto 50px;
  width: 470px;
}
.reservationArea.c-f {
  width: 100%;
}
.reservationArea > p{
  width: 470px;
  margin:7px auto 0;
}
.reservationArea.c-f > p{
  float: left;
  width: 470px;
}
.reservationArea > p.firstBtn{
  margin-right: 20px;
}
.reservationArea > p > a{
  width: 100%;
}

@media screen and (max-width: 768px){
  .anchorLinkBtn{
    margin: 15px 10px;
  }
  .anchorLinkBtn li,
  .anchorLinkBtn li.listNo02{
    margin:0 0 10px;
    float: none;
    width: 100%;
  }
  .anchorLinkBtn li a,
  .anchorLinkBtn li.fin span{
    font-size: 16px;
  }
  .leadBox{
    margin: 0 10px;
  }
  .leadBox.bodGray{
    border: solid 1px #7f7f7f;
    margin: 15px 10px;
    padding:0 0 7px;
  }
  .detail-schedule{
    margin: 10px 0 10px;
  }
  .detail-schedule dt{
    font-size: 110%;
  }
  .detail-schedule dd{
    font-size: 105%;
    padding-left:.5em;
  }
  .movieArea {
    position: relative;
    max-width: 100%;
    height: 0;
    margin: 15px 10px;
    padding-top: 54%;
    box-sizing: border-box;
  }
  .rs_h3_title_bar + .movieArea{
    position:static;
    max-width:100%;
    height:100%;
    margin: 0 10px 15px;
    padding-top:0;
    box-sizing: border-box;
  }
  .movieArea iframe{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  .rs_h3_title_bar + .movieArea iframe{
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  .movieItem{
    float: left;
    width: 49%;
    margin: 15px 0 0;
  }
  .movieItem:nth-child(even) {
    float: right;
  }
  .rs_h3_title_bar + .movieArea .movieItem iframe {
    width: 100%;
    height: 100%;
  }
  .movieItem .ttl {
    font-size: 16px;
  }
  .reservationArea {
    margin-bottom:0;
    width: 100%;
  }
  .reservationArea > p{
    float: none;
    width: 100%;
  }
  .reservationArea > p.firstBtn{
    margin-right: 0;
  }
  .reservationArea > p > a{
    width: auto;
  }
}

/* 過去放送分 */
#pastBroadcast{
  margin-top:50px;
}
#pastBroadcast.dispNo{
  display: none;
  speak:none;
}

.lead.ttl {
  font-size: 20px;
}
.ttl-sub {
  font-size: 13px;
}
@media screen and (max-width: 768px){
  .lead.ttl {
    font-size: 18px;
  }
}

.rs_course .btn-red a,
.rs_course .btn-red-fin span {
  margin-bottom: 3px;
}

@media screen and (max-width: 768px){
  .rs_course .btn-red a,
  .rs_course .btn-red-fin span {
    margin-bottom: 10px;
  }
}


.modal-content{
  margin: 0;
  position: fixed;
  display: none;
  z-index: 2;
  text-align: center;
  top: 5%!important;
}
.modal-content a{
  color: #fff;
}
#modal-overlay,#modal-overlay01,#modal-overlay02,#modal-overlay03,#modal-overlay04,#modal-overlay05,
#modal-overlay06,#modal-overlay07,#modal-overlay08,#modal-overlay09,#modal-overlay10,
#modal-overlay11,#modal-overlay12,#modal-overlay13,#modal-overlay14,#modal-overlay15,
#modal-overlay16,#modal-overlay17,#modal-overlay18,#modal-overlay19,#modal-overlay20,
#modal-overlay21,#modal-overlay22,#modal-overlay23,#modal-overlay24,#modal-overlay25,
#modal-overlay26,#modal-overlay27,#modal-overlay28,#modal-overlay29,#modal-overlay30,
#modal-overlay31,#modal-overlay32,#modal-overlay33,#modal-overlay34,#modal-overlay35,
#modal-overlay36,#modal-overlay37,#modal-overlay38,#modal-overlay39,#modal-overlay40,
#modal-overlay41,#modal-overlay42,#modal-overlay43,#modal-overlay44,#modal-overlay45,
#modal-overlay46,#modal-overlay47,#modal-overlay48,#modal-overlay49,#modal-overlay50,
#modal-overlay51,#modal-overlay52,#modal-overlay53,#modal-overlay54{
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0,0,0, 0.75 );
}
.modal-close-btn {
  text-align: right;
  margin-top: 10px;
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 16px;
}
.modal-close-btn:before {
  content: "× ";
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
}
.modal-content{
  width: 80%;
  padding-top: 45%;
}
.button-link:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3;
}
@media screen and (max-width: 768px) {
  .modal-close-btn {
    margin-top: 10px;
  }
  .modal-close-btn img {
    width: 25%;
  }
  .modal-content{
    width: 95%;
    top: 10%!important;
    padding-top: 54%;
  }
}
@media screen and (max-width: 468px) {
  .modal-content{
    padding-top: 53%;
  }
  .modal-close-btn {
    margin-top: 5px;
    font-size: 14px;
  }
  .modal-close-btn:before {
    font-size: 22px;
  }
}


#str_container #res-header-fin .pc-head,
#str_container #res-header-fin .sp-head {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#str_container #res-header-fin .h-txt p {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  #str_container #res-header-fin .h-txt {
    left: 350px;
  }
}
@media screen and (max-width: 468px) {
  #str_container #res-header-fin .h-txt {
    top:66%;
  }
}