@charset "UTF-8";
/* =========================================

全国ゴルフ部一覧

2020/03/10 326_sakaguchi 

============================================ */

/* --------------------------------------
　　　　　　content
-----------------------------------------*/
#content {
  margin: 1em auto 0;
  max-width: 1024px;
  width: 100%;
}

.ttl_main {
  border: 1px solid #8BA18F;
  position: relative;
}

.ttl_main .logo_dtl{
  width:60%
}

.ttl_main .txt {
  top: 0.5em;
  left: 1.5em;
  position: absolute;
  width: calc( 370 / 1024 * 100% );
}

.ttl_main .txt h1 {
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow:2px 1px 3px 1px rgba(0,0,0,0.2);
  padding: 1.2em 1.5em;
}

.ttl_main .txt p {
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4780FE;
  font-size: 190%;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  padding: 0.5em 0;
}

.ttl_main .txt p span {
  font-size: 75%;
}

.txt_lead {
  font-size: 17px;
  line-height: 1.5em;
  margin: 1em auto 0;
  text-align: justify;
  width: calc( 690 / 1024 * 100% );
}


@media screen and (max-width: 1024px) {
  .ttl_main {
    margin: 0 auto;
    width: 95%;
  }
}

@media screen and (max-width: 1000px) {
  .ttl_main .txt p {
    font-size: 2vw;
  }

  .txt_lead {
    font-size: 1rem;
    width: 90%;
  }

  .bnr figcaption {
    line-height: 1.3em;
    margin: 0.3em 0.5em 0;
    text-align: justify;
  }
}


@media screen and (max-width: 736px) {
  #content {
    margin-top: 0.5em;
    width: 100%;
  }

  .ttl_main .txt {
    left: 0.5em;
    width: 55%;
  }

  .ttl_main .txt h1 {
    margin-top: 0.3em;
    padding: 0.5em;
  }

  .ttl_main .txt p {
    font-size: 3.5vw;
    margin-top: 0.5em;
  }
}


/* --------------------------------------

　　　　　　.con_search_list

-----------------------------------------*/
.wrp_contents {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2em auto 0;
  width: calc( 950 / 1024 * 100% );
}

.con_search_list {
  width: calc( 630 / 950 * 100% );
}


.con_search_list h2 {
  background: #003B8C;
  box-sizing: border-box;
  color: #fff;
  font-size: 170%;
  font-weight: normal;
  line-height: 1.3em;
  margin: 0;
  padding: 0.4em 0.5em 0.4em 1.3em;
}

.con_search_list h2 span {
  display: block;
  position: relative;
}

.con_search_list h2 span:before {
  background: #fbf183;
  background: -moz-linear-gradient(top, #fbf183 0%, #ffba00 100%);
  background: -webkit-linear-gradient(top, #fbf183 0%,#ffba00 100%);
  background: linear-gradient(to bottom, #fbf183 0%,#ffba00 100%);
  content: "";
  left: -0.7em;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 0.3em;
}

.con_search_list ul.search_list {
  border: 1px solid #003B8C;
  margin: 1.5em auto 0;
  width: calc( 600 / 630 * 100% );
}

.con_search_list ul.search_list li {
  border-bottom: 1px solid #003B8C;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1em;
}

.con_search_list ul.search_list li:last-child {
  border-bottom: none;
}

.con_search_list ul.search_list li figure {
  margin: 0;
  width: calc( 190 / 570 * 100% );
}

.con_search_list ul.search_list li figure img{
  height: 156px;
  object-fit: cover; 
}

.con_search_list ul.search_list li dl {
  width: calc( 360 / 570 * 100% );
}

.con_search_list ul.search_list li dl dt {
  color: #003B8C;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.2em;
}

.con_search_list ul.search_list li dl dd {
  font-size: 17px;
}

.con_search_list ul.search_list li dl dd.add {
  margin-bottom: 0.3em;
}

.con_search_list ul.search_list li dl dd.btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.5em;
}

.con_search_list ul.search_list li dl dd.btn .btn_detail {
  width: 35%;
}

.con_search_list ul.search_list li dl dd.btn .btn_website {
  margin-left: 1em;
  width: 40%;
}

.con_search_list ul.search_list li dl dd.btn .btn_detail a {
  border: 1px solid #CC3566;
  border-radius: 5px;
  background: rgb(225,100,140); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(225,100,140,1) 0%, rgba(217,60,110,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(225,100,140,1) 0%,rgba(217,60,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(225,100,140,1) 0%,rgba(217,60,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: block;
  color: #fff;
  font-size: 105%;
  line-height: 1em;
  position: relative;
  padding: 0.7em 0.5em 0.7em 0;
  text-align: center;
}

.con_search_list ul.search_list li dl dd.btn .btn_website a {
  border: 1px solid #00007C;
  border-radius: 5px;
  background: rgb(18,34,153); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(18,34,153,1) 0%, rgba(0,0,129,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(18,34,153,1) 0%,rgba(0,0,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(18,34,153,1) 0%,rgba(0,0,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: block;
  color: #fff;
  font-size: 105%;
  line-height: 1em;
  position: relative;
  padding: 0.7em 0.5em 0.7em 0;
  text-align: center;
}

.con_search_list ul.search_list li dl dd.btn .btn_detail a:before,
.con_search_list ul.search_list li dl dd.btn .btn_website a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0.3em;
  box-sizing: border-box;
  width: 0.5em;
  height: 0.35em;
  top: 50%;
  margin-top: -0.35em;
  border: 0.35em solid transparent;
  border-left: 0.35em solid #fff;
}

.con_search_list ul.search_list li dl dd.btn .btn_detail a:hover,
.con_search_list ul.search_list li dl dd.btn .btn_website a:hover {
  opacity: .8;
  transition: .5s all;
}

.con_search_list .box_page_skip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 2em;
  width: 100%;
}

.con_search_list .box_page_skip .btn_pre,
.con_search_list .box_page_skip .btn_next {
  margin-right: 1em;
  width: calc( 140 / 630 * 100% );
}

.con_search_list .box_page_skip .btn_next {
  margin-left: 1em;
  margin-right: 0;
}

.con_search_list .box_page_skip .btn_pre a,
.con_search_list .box_page_skip .btn_next a {
  border: 1px solid #004EB7;
  border-radius: 5px;
  color: #004EB7;
  display: block;
  line-height: 1em;
  padding: 0.7em 0.5em 0.7em 0;
  text-align: center;
  position: relative;
}

.con_search_list .box_page_skip .btn_next a {
  padding: 0.7em 0 0.7em 0.5em;
}

.con_search_list .box_page_skip .btn_pre span.gray,
.con_search_list .box_page_skip .btn_next span.gray {
  border-radius: 5px;
  background: #BFBFBF;
  color: #878787;
  display: block;
  line-height: 1em;
  padding: 0.7em 0.5em 0.7em 0;
  text-align: center;
  position: relative;
  text-shadow:0.5px 0.5px 0px #e8e8e8;
}

.con_search_list .box_page_skip .btn_next span.gray {
  padding: 0.7em 0 0.7em 0.5em;
}

.con_search_list .box_page_skip .btn_pre a:before,
.con_search_list .box_page_skip .btn_next a:before {
  content: "";
  display: block;
  right: 0.5em;
  width: 0.3em;
  height: 0.3em;
  border-top: 0.15em solid #004EB7;
  border-right: 0.15em solid #004EB7;
  -webkit-transform: rotate(230deg);
  transform: rotate(230deg);
  position: absolute;
  top: 50%;
  margin-top: -0.25em;
}

.con_search_list .box_page_skip .btn_next a:before {
  left: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.con_search_list .box_page_skip .btn_pre a:hover,
.con_search_list .box_page_skip .btn_next a:hover {
  background: #004EB7;
  color: #fff; 
}

.con_search_list .box_page_skip .btn_pre a:hover:before,
.con_search_list .box_page_skip .btn_next a:hover:before {
  border-top: 0.15em solid #fff;
  border-right: 0.15em solid #fff;
}

.con_search_list .box_page_skip .btn_pre span.gray:before,
.con_search_list .box_page_skip .btn_next span.gray:before {
  content: "";
  display: block;
  right: 0.5em;
  width: 0.3em;
  height: 0.3em;
  border-top: 0.15em solid #878787;
  border-right: 0.15em solid #878787;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  margin-top: -0.25em;
}

.con_search_list .box_page_skip .btn_next span.gray:before {
  left: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.con_search_list .box_page_skip ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.con_search_list .box_page_skip ul li:not(:first-child) {
  margin-left: 1em;
}

.con_search_list .box_page_skip ul li a {
  border: 1px solid #004EB7;
  border-radius: 5px;
  color: #004EB7;
  display: block;
  line-height: 1em;
  padding: 0.7em;
}

.con_search_list .box_page_skip ul li a:hover,
.con_search_list .box_page_skip ul li a.current {
  background: #004EB7;
  color: #fff;
}



@media screen and (max-width: 1000px) {
  .con_search_list h2 {
    font-size: 2.8vw;
  }

  .con_search_list ul.search_list li dl dt {
    font-size: 2.3vw;
  }

  .con_search_list ul.search_list li dl dd {
    font-size: 1rem;
  }

  .con_search_list ul.search_list li dl dd.btn .btn_detail,
  .con_search_list ul.search_list li dl dd.btn .btn_website {
    width: 48%;
  }

  .con_search_list .box_page_skip .btn_pre,
  .con_search_list .box_page_skip .btn_next {
    width: 25%;
  }
}


@media screen and (max-width: 736px) {
  .con_search_list {
    width: 100%;
  }

  .con_search_list h2 {
    font-size: 5vw;
  }

  .con_search_list ul.search_list li {
    padding: 1.5em 1em;
  }

  .con_search_list ul.search_list li figure {
    margin: 0 auto;
    width: 80%;
  }

  .con_search_list ul.search_list li dl {
    margin-top: 1em;
    width: 100%;
  }

  .con_search_list ul.search_list li dl dt {
    font-size: 5vw;
  }

  .con_search_list .box_page_skip ul {
    display: none;
  }

  .con_search_list .box_page_skip .btn_pre,
  .con_search_list .box_page_skip .btn_next {
    width: 40%;
  }
}