@charset "utf-8";

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

.jumbotron--tennis {
    background: url(img/500_F_108576443_HhRk5be6Ky6mLYIdxzP0JGpx4Y6JZVNg.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 400px;
    color: #fff;
}

.jumbotron__content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.logo {
    fill: #fff;
}

.btn-sm2
{
  padding: 0px 0px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-lg2,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 30px;
	width: 260px;
}

.btn-ghost {
  background: transparent;
}

.btn-ghost.btn-default {
  color: #777;
}
 
.btn-ghost.btn-primary {
  color: #337ab7;
}
 
.btn-ghost.btn-success {
  color: #5cb85c;
}
 
.btn-ghost.btn-info {
  color: #5bc0de;
}
 
.btn-ghost.btn-warning {
  color: #f0ad4e;
}
 
.btn-ghost.btn-danger {
  color: #d9534f;
}

.btn-ghost.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
  color: #fff;
}

.btn-ghost.btn-white {
  color: #ffffff;
  border: 1px solid #ffffff;
}
 
.btn-ghost.btn-white:hover {
  color: #333;
  background: #fff;
  opacity: 0.7;
}

.btn-ghost.btn-white2 {
  color: #fff;
  background-color: #000;
  border: 1px solid #ffffff;
  opacity: 0.7;

}
 
.btn-ghost.btn-white2:hover {
  color: #333;
  background: #fff;
	opacity: 0.7;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5598;
  border-color: #3b5598;
}

.event_h1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #00502D;
	margin: .30em 0;
	font-size: 1.6em;
}

.event_h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #00502D;
	margin: .30em 0;
	font-size: 1.4em;
}

.event_h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #00502D;
	margin: .30em 0;
	font-size: 1.2em;
}

.event_hr{
	    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #fff, #00502D, #fff);
}

.width_635{
	max-width: 635px;
	margin: 0 auto;
}

.width_800{
	max-width: 800px;
	margin: 0 auto;
}

.width_840{
	max-width: 840px;
	margin: 0 auto;
}

.width_920{
	max-width: 920px;
	margin: 0 auto;
}

.width_1020{
	max-width: 1020px;
	margin: 0 auto;
}

	.rightcontent{
	max-width: 320px;
	float: right;
	}
	.leftcontent{
	max-width: 520px;
	float: left;
	}
	.width_842{
	max-width: 842px;
	margin: 0 auto;
	}


.copyright{text-align: center;}

.navbar {
	background-size: cover;
	height: auto;
    min-height: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom-color: #1b9f24;
	border-bottom-width: 8px;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 12px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 20px;
}

@media only screen and (max-width: 992px) { 
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 16px;
}
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-default {
  background-color: #FFfFFF;
  border-color: #1b9f24;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

#container {
	max-width: 1000px;
	width: auto;
	margin: 0 auto;
	background: #ccc;
}


#block-fb {
	max-width: 500px;
	width: auto;
	margin: 0 auto;
	padding: 10px;
	background: #f1f1f1;
}


#block-bd {
	max-width: 500px;
	width: auto;
	margin: 0 auto;
	padding: 10px;
	background: #f1f1f1;
}
#inner-bd {
	border: 10px solid #999;
}


#block-pd {
	max-width: 500px;
	width: auto;
	margin: 0 auto;
	padding: 10px;
	background: #f1f1f1;
}
#inner-pd {
	padding: 10px;
	border: 10px solid #999;
}

.img-responsive_inline{
  display: inline;
  max-width: 100%;
  height: auto;
	margin: 4px;
}

.jumbotron--backimage {
    background: url(img/topimg.png) 0 0 no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 400px;
    color: #fff;
	background-position: center top;
}

.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
	font-weight: bold;
}

#about, #membership, #event, #access, #ltccup {
    margin-top:-62px;
    padding-top:62px;
}

.fb-page{width:500px; }

.table {
  width: 90%;
  max-width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) { 
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
	border-style: none;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table_about{
	border-spacing: 4px;
	border-collapse:separate;
	empty-cells: hide;
	border: none;
	padding-top: 10px;
	font-weight: bold;
}

.table_about > tbody > tr {
  background-color: #EBFFD2;
}

.table_about > tbody > tr:nth-of-type(odd) {
  background-color: #D2F0B9;
}

.table_about > tbody > tr > th,
.table_about > tbody > tr > td,
.table_fee > tbody > tr > th,
.table_fee > tbody > tr > td{
	vertical-align: middle;
}

.table_fee {
	border-spacing: 4px;
	border-collapse:separate;
	empty-cells: hide;
	border: none;
}

.table_fee tr{
	text-align: center;
}

.table_facility tr{
  border-bottom: 1px solid #ddd;
}



/* hr線の背景に画像を用いたバージョン */
.barX {
  display: block;
  border: 0;
  width: 100%;
  height: 28px;
  background: url("hr-bar.gif") no-repeat top center;
  -webkit-background-size: 512px 28px;
}

.colorbar{
	height: 8px;
	background: url("img/colorbar3.svg") fixed;
	margin-top: 9px;
	margin-bottom: -10px;
}

.colorbar2{
	height: 8px;
	background: url("img/colorbar3.svg") fixed;
	margin-top: 12px;
}

.colorbar_bottom{
	height: 8px;
	background: url("img/colorbar3.svg") fixed;
	margin-top: 50px;
	margin-bottom: 0px;
}

.mtginfolink{
	font-size: large;
	margin-left: 20px;
	vertical-align: middle;	
}

.btn_mtg{
	border: 2px solid #02763D;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}

.btn_mtg2{
  padding: 10px;
	border: 2px solid #02763D;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}

.btn_campaign{
	background-color: #F7FE2E;
	border: 2px solid #ff0000;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}

.btn_campaign2{
	background-color: #F7FE2E;
	padding: 10px;
	border: 2px solid #ff0000;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}

.well_admission {
  padding: 10px;
  background-color: #f5f5f5;
  border: 2px solid #02763D;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well_mail {
  padding: 10px;
	margin: auto;
  background-color: #0AA02D;
	color: #FFFFFF;
	text-align: center;
	font-size: large;
	width: 300px;
  border: 0px solid #02763D;
  border-radius: 20px;
}

.bartop3 {
	margin-top: 20px;
  padding: 10px;
  background-color: #00502D;
  border: 0px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center
}

.center {
	margin: 0 auto;
}

.textcenter{
	text-align: center;
}

.circle{
	max-width: 160px;
	margin: 0 auto;
}

.th_darkgreen{
	background-color: #00502D;
	color: #FFFFFF;
	text-align: center;
}

.th_green{
	background-color: #0A822D;
	color: #FFFFFF;
}

.th_lightgreen{
	background-color: #0AA02D;
	color: #FFFFFF;
}

.td_green{
	background-color: #D2F0B9;
	font-weight: bold;
	margin: 0px;
}

.td_lightgreen{
	background-color: #EBFFD2;
	font-weight: bold;
	padding: 0px;
}

.goto{
	font-weight: bold;
	font-size: large;
}

.footer{
	margin-top: 0px;
	padding: 20px;
	background-color: #00502D;
	color: #FFFFFF;
}

.block_vcenter{
	display: table-cell;
	vertical-align: middle;
}

.col-md-10_2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

#page-top {
    position: fixed;
    bottom: -20px;
    right: 20px;
}
#page-top a {
    width: 40px;
    padding: 30px 0;
    display: block;
}
#page-top a:hover #gototop {
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
	position:relative;
	overflow: hidden;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 12%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: -2px -2px 4px rgba(0, 0, 0, .6),2px 2px 4px rgba(0, 0, 0, .6);
}


.nav a {
	position: relative;
	display: inline-block;
	transition: .3s;
}
.nav a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #2ecc71;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.nav a:hover::after {
	width: 100%;
}

.font_large{
	font-size: 1.2em;
	padding-top: 10px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

.fblnkbtn{
	padding-top: 20px;
}

.theta{
	background-color: #000;
	text-align: center;
	padding: 2px;
}

@media only screen and (min-width: 1201px) and (max-width: 4000px) { 
	.theta img{
	width: 160px;
	height: 160px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1200px) { 
	.theta img{
	width: 120px;
	height: 120px;
	}
	.theta{
		margin-top: 50px;
	}
	
}@media only screen and (min-width: 769px) and (max-width: 992px) { 
	.theta img{
	width: 100px;
	height: 100px;
	}
	.theta{
		margin-top: 50px;
	}
}


@media only screen and (min-width: 300px) and (max-width: 768px) { 
	.theta img{
	width: 120px;
	height: 120px;
	}
}

@media (max-width: 992px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  padding-right: 0px;
  padding-left: 0px;
}
}

.title_h2{
	padding-top: 50px;
	padding-bottom: 30px;
}

@media (max-width: 767px) {
.title_h2{
	padding-top: 10px;
	padding-bottom: 20px;
}
}

.carousel_500{
  width:500px;  /*希望するサイズ*/
  margin:auto;
}

.carousel_600{
  width:600px;  /*希望するサイズ*/
  margin:auto;
}

.carousel_700{
  width:700px;  /*希望するサイズ*/
  margin:auto;
}
.boxContainer{
	text-align: center;
}

.box{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.box2{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
}

.toiawase{
	text-align: center;
	padding-top: 30px;
}

.uketsuke{
	text-align: center;
	padding-top: 10px;
	color: red;
	font-weight: bold;
}

@media (max-width: 360px) {
.logo{
	width: 210px;
}
}

.txtblock {
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .txtblock {
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto;
  }
}
@media (min-width: 992px) {
  .txtblock {
  padding-right: 54px;
  padding-left: 54px;
  margin-right: auto;
  margin-left: auto;  }
}
@media (min-width: 1200px) {
  .txtblock {
  padding-right: 62px;
  padding-left: 62px;
  margin-right: auto;
  margin-left: auto;
	}
}

.mtgbanner {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .mtgbanner {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;  }
}
@media (min-width: 992px) {
  .mtgbanner {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;  }
}
@media (min-width: 1200px) {
  .mtgbanner {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
	}
}

.gatephoto{
	max-width: 300px;
	padding-right:0px;
  	padding-left: 10px;
 	margin-left: auto;
}
@media (max-width: 768px) {
	.gatephoto{
	max-width: 300px;
	padding-top: 20px;
	padding-bottom: 20px;	
	}
}

  .txtblock2 {
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
	}

#siteopen_catch > .img-responsive{
	max-width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

#entryfee > .img-responsive{
	max-width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.green_bar{
	border-top:solid 1px green;
	max-width: 700px;
	margin: 0 auto;
}

.maxw700{
	max-width: 700px;
	margin: 0 auto;
}

.forcolorbar{
	margin-top: 50px;
	margin-bottom: 50px;
}

.formtgbanner{
	margin-top: 20px;
}

iframe.condition {
	border: 1px #ddd solid;
	border-radius: 4px;
}

iframe table, td, th { border: 1px #ddd solid; }

.map-search{
	padding: 0px 0px 0px 0px;
	text-align: center;	
}

.campaignbox{
	max-width: 1200px;
	margin: 0 auto;
	background-image: url(img/campaignback02.jpg);
	background-repeat: repeat-y;
	background-size: contain;
}

.flex-center{
   display:flex;
   justify-content: center;
}