@charset "UTF-8";

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a{
	color:inherit;
	text-decoration: none;
	transition: 0.2s;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a:hover{
	color: rgba(255,255,255,1.0);
}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb200{margin-bottom: 200px;}

.normal{font-weight: normal;}
.small{font-size: 8pt; line-height: 0em;}
.red{color: #CC0000;}

#text{
	display: none;
}


/* アニメーション設定 */
.scrollin{
    transform : translate(0, 40px);
    transition : all 600ms;
}
 
.scrollin_on {
    transform : translate(0, 0);
}

.scrollin:nth-of-type(2) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
}

.scrollin:nth-of-type(3) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.scrollin:nth-of-type(4) {
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}

.scrollin:nth-of-type(5) {
    -moz-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
}

/* 読み込み表示 */

#firstviewWrap{
	width: 1180px;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 150px;
	background-image: url("../img/gif-load.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 50px;
}


/* PC版ベースに構築 ---------------------------------------- */

/* 共通設定 */
.pc_none{
	display: none;
}

html{
	font-size: 62.5%;
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Noto Sans JP','Hiragino Sans',
	'ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 11pt;
	font-weight: 400;
	background-color: #002542;
	color: rgba(255,255,255,0.9);
	line-height: 1.8em;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	font-feature-settings : "palt";
	letter-spacing: 0.05em;
}

header{
	width: 100%;
	height: 150px;
	padding-top: 50px;
	position: relative;
	background-color: #002542;
	z-index: 9999;
}

header section, header section ul, header section ol{
	display: flex;
	flex-wrap: nowrap;
}

header section{
	align-items: center;
	width: 1180px;
	margin: 0 auto;
}

header h1, footer h1{
	width: 180px;
	height: 51px;
}

header h1{
	margin-right: auto;
}

footer h1{
	margin-right: 50px;
}

header h1 img, footer h1 img{
	width: 100%;
	height: 100%;
	border: 0;
}

header section ul{
	margin-right: 45px;
	overflow: hidden;
	height: 35px;
	margin-top: 5px;
}

header section ul li{
	margin-left: 25px;
	min-width: 30px;
}

header section ul li a:after{
	width: auto;
	height: 2px;
	background-color: rgba(255,255,255,0.8);
	content: "";
	display: block;
	transition: 0.2s;
	margin: 0 auto;
	margin-top: 10px;
}

header section ul li a:hover:after, header section ul li a.active:after{
	margin-top: 5px;
}

header section ul li a{
	display: block;
}

header section ul li a:hover{
	animation: a_color .5s 1;
	-webkit-animation: a_color .5s 1;
}

@-webkit-keyframes a_color {
  0% { color: rgba(255,255,255,0.5); }
  100%  { color: rgba(255,255,255,1.0); }
}
@keyframes a_color {
  0% { color: rgba(255,255,255,0.5); }
  100%  { color: rgba(255,255,255,1.0); }
}


header section ul li:first-child{
	margin-left: 0;
}

header section ol li{
	border-left: 2px solid rgba(255,255,255,0.8);
	padding-left: 13px;
	line-height: 1.0em;
	font-size: 9pt;
	height: 40px;
}

header section ol li:first-child{
	margin-right: 30px;
}

header section ol li span{
	font-size: 14pt;
	display: block;
	margin-top: 13px;
}

header .icon, header .zip{
	display: none;
}




header.fixed{
	position: fixed;
	top: -20px;
	left: 50%;
	z-index: 9999;
	-webkit-animation: slidedown 0.5s ease 0s 1 forwards;
	animation: slidedown 0.5s ease 0s 1 forwards;
	transform: translate(-50%, 0);
	padding-top: 10px;
	height: 60px;
	background-color: rgba(0,37,66,0.95);
}

@-webkit-keyframes slidedown {
	0%{
	top: -20px;
	left: 50%;
	transform: translate(-50%, 0);
	}
	
  100% {
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
  }
}
@keyframes slidedown{
	0%{
	top: -20px;
	left: 50%;
	transform: translate(-50%, 0);
	}
	
  100% {
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
  }
}

header.fixed h1{
	width: 140px;
	height: 40px;
}

header.fixed section ol li{
	height: 35px;
}

header.fixed section ol li span{
	margin-top: 8px;
}

footer{
	width: 1180px;
	margin: 0 auto;
	padding-bottom: 50px;
}

footer section{
	display: flex;
	margin-top: 50px;
}

footer section ul{
	margin-top: 30px;
}

footer section ul li{
	display: inline-block;
	margin-right: 30px;
}

footer section ul li:last-child{
	margin-right: 0;
}

footer small{
	text-align: right;
	font-size: 8pt;
	display: block;
	margin-top: 30px;
	color: rgba(255,255,255,0.7);
}

.w1000{
	width: 1000px;
	margin: 0 auto;
}

h2, h3{
	font-family: 'Prompt', sans-serif;
	font-size: 20pt;
	letter-spacing: 0.1em;
}

h2{
	width: 200px;
	min-width: 200px;
	margin-top: 5px;
}

h2 span, h3 span{
	font-family: 'Noto Sans JP','Hiragino Sans',
	'ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 10pt;
	display: block;
	letter-spacing: 0.08em;
	margin-top: 5px;
}

.more a{
	border: 1px solid rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.7);
	text-align: center;
	width: 120px;
	height: 40px;
	line-height: 37px;
	display: block;
}

.more a:hover{
	border: 1px solid #f2f2f2;
	color:#002542;
	background-color: #f2f2f2;
}

.more_bk a{
	border: 1px solid #002542;
	color: #002542;
}

.more_bk a:hover{
	border: 1px solid #002542;
	background-color: #002542;
	color: #f9f9f9;
}

section.flexbox, section.flexbox02{
	display: flex;
	flex-wrap: nowrap;
}

.whiteSlide{
    z-index: 3;
    display: block;
    top: 0px;
	right: 0;
	position: absolute;
	background-color: #001b2f;
}

.effect{
	position: relative;
	display: block;
}

#contentswrap{
	min-width: 1180px;
	animation: bodyfade 1s ease 0s 1 normal;
    -webkit-animation: bodyfade 1s ease 0s 1 normal;
}

@keyframes bodyfade {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes bodyfade {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* 各ページ設定 ---------------------------------------- */

/*TOP*/
#firstview{
	width: 1180px;
	height: 500px;
	background-color: #002542;
	position: relative;
	overflow: hidden;
	display: none;
}

#firstview section{
	position: absolute;
	top: 0;
}

#firstview section.ball{
	left: 0;
	z-index: 2;
	background-image: url(../img/top/picture_ball.png);
	background-position: left top 1px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 1180px;
	height: 500px;
}

#firstview section.textimg{
	left: 0;
	z-index: 3;
	width: 1180px;
	height: 500px;
}

#firstview section.textimg img{
	display: block;
	position: absolute;
}

#firstview section.textimg img.text01{
	width: 270px;
	height: 17px;
	left: 50px;
}

#firstview section.textimg img.text02{
	width: 235px;
	height: 66px;
	left: 65px;
}

#firstview section.picture{
	right: 0;
	z-index: 1;
}

#firstview table{
	width: 845px;
	max-width: 845px;
	min-width: 845px;
	height: 250px;
	border-collapse: collapse;
}

#firstview table.fv_bottom{
	margin-top: -1px;
}

#firstview table td{
	border: 1px solid #002542;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#firstview table td.fv_ball{
	width: 281px;
	height: 250px;
}

#firstview table td.fv01{
	width: 405px;
	height: 250px;
	background-image: url(../img/top/picture01.jpg);
}

#firstview table td.fv02{
	width: 232px;
	height: 62px;
	background-image: url(../img/top/picture02.jpg);
}

#firstview table td.fv03{
	width: 154px;
	height: 185px;
	background-image: url(../img/top/picture03.jpg);
}

#firstview table td.fv04{
	width: 76px;
	height: 61px;
	background-image: url(../img/top/picture04.jpg);
}

#firstview table td.fv05{
	width: 76px;
	height: 61px;
	background-image: url(../img/top/picture05.jpg);
}

#firstview table td.fv06{
	width: 203px;
	height: 186px;
	background-image: url(../img/top/picture06.jpg);
}

#firstview table td.fv07{
	width: 281px;
	height: 61px;
	background-image: url(../img/top/picture07.jpg);
}

#firstview table td.fv08{
	width: 228px;
	height: 60px;
	background-image: url(../img/top/picture08.jpg);
}

#firstview table td.fv09{
	width: 251px;
	height: 188px;
	background-image: url(../img/top/picture09.jpg);
}

#firstview table td.fv10{
	width: 76px;
	height: 184px;
	background-image: url(../img/top/picture10.jpg);
}

#firstview table td.fv11{
	width: 76px;
	height: 60px;
	background-image: url(../img/top/picture11.jpg);
}

#firstview table td.fv12{
	width: 76px;
	height: 60px;
	background-image: url(../img/top/picture12.jpg);
}

#firstview table td.fv13{
	width: 155px;
	height: 124px;
	background-image: url(../img/top/picture13.jpg);
}

#firstview table td.fv14{
	width: 155px;
	height: 60px;
	background-image: url(../img/top/picture14.jpg);
}

#firstview table td.fv15{
	width: 358px;
	height: 248px;
	background-image: url(../img/top/picture15.jpg);
}

#feed{
	margin-bottom: 150px;
}

#feed img.instagram{
	width: 130px;
	height: 37px;
	display: block;
	margin: 0 auto;
}

#feed ul{
	padding-top: 30px;
	overflow: hidden;
}

#feed ul li{
	width: calc((100% - 120px) / 4);
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 40px;
}

#feed ul li:last-child{
	margin-right: 0;
}
	
#feed ul li span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
	background-size: cover;
	margin-bottom: 10px;
}


#feed ul li span img{
}

#feed ul li p{
	width: 100%;
	margin: 0 auto;
	height: 65px;
	overflow: hidden;
	font-size: 9pt;
	line-height: 1.8em;
	word-break: break-all;
	text-align: justify;
	text-justify: inter-ideograph;
}

#feed ul li a:hover{
	filter: brightness(130%);
}


#news {
	margin-bottom: 200px;
}

#news section {
	clear: both;
}

#news section div{
	width: calc(100% - 200px);
	word-break: break-all;
}

#news dl{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 50px;
	background-color: #002542;
	transition: 0.3s;
	text-align: justify;
	text-justify: inter-ideograph;
}

#news dl dd p.news_text{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
	max-height: 80px;
}

#news a:hover dl{
	background-color: #0f2c52;
}

#news dl dt{
	width: 100px;
	min-width: 100px;
}

#news dl dd p.news_title{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#news .more{
	float: right;
	margin-bottom: 100px;
}

.about{
	background: linear-gradient(180deg,#002542 0%,#002542 80px,#f2f2f2 80px,#f2f2f2 100%);
}

.about section{
	position: relative;
	margin-bottom: 150px;
}

.about section div.info{
	width: 390px;
	min-width: 390px;
	overflow: hidden;
	height: auto;
}

.about section div hr{
	clear: both;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #002542;
	margin-bottom: 50px;
}

.about h3{
	font-size: 30pt;
	margin-bottom: 105px;
	margin-top: 5px;
}

.about dl{
	color: #002542;
}

.about dl dt{
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 5px;
}

.about dl dd:first-of-type{
	font-size: 10pt;
	line-height: 1.6em;
}

.about dl dd .more{
	margin-top: 28px;
	margin-bottom: 50px;
	float: right;
}

.about .effect{
	position: absolute;
	right: -170px;
	top: 0;
}

.about .effect img{
	width: 700px;
	height: 500px;
	display: block;
}

.about .whiteSlide{
	height: 500px;
}

.about .effect.about_ba{
	top: -20px;
}

#access section{
	width: 100%;
	margin-bottom: 150px;
}

#access h3{
	font-size: 18pt;
	border-bottom: 1px solid rgba(255,255,255,0.7);
	padding-bottom: 15px;
	margin-bottom: 30px;
	margin-top: 50px;
}

#access dl{
	overflow: hidden;
}

#access dl dt{
	float: left;
	clear: both;
	width: 120px;
}

#access dl dd{
	float: left;
}

#access p.phone{
	border: 1px solid rgba(255,255,255,0.7);
	clear: both;
	padding: 15px 25px;
	text-align: center;
	margin-top: 30px;
}

#access div:first-of-type{
	margin-right: 115px;
}

#access div:last-of-type{
	margin-top: 53px;
}

#access span.tel{
	font-size: 16pt;
	margin-left: 10px;
	letter-spacing: 0.1em;
}

#access p.winter{
	margin-bottom: 55px;
}


/*other page*/
#catch{
	width: 1180px;
	min-width: 1180px;
	height: 500px;
	overflow: hidden;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 850px auto;
	margin: 0 auto;
	margin-bottom: 150px;
	font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	display: flex;
	align-items: center;
}

#catch.golf{
	background-image: url(../img/golf/catch.jpg);
}
#catch.golfschool{
	background-image: url(../img/golfschool/catch.jpg);
}
#catch.batting{
	background-image: url(../img/batting/catch.jpg);
}
#catch.battingschool{
	background-image: url(../img/battingschool/catch.jpg);
}

#catch section{
	background-color: rgba(14,51,96,0.9);
	width: 550px;
	max-width: 550px;
	position: relative;
	padding: 70px 50px 50px 50px;
}

#catch h2{
	border: 1px solid  #fff;
	padding: 10px 15px;
	width: auto;
	min-width: auto;
	display: inline-block;
	font-size: 16pt;
	font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	position: absolute;
	top: -32px;
	margin-bottom: 50px;
}

#catch img{
	display: block;
	width: auto;
	height: 77px;
	margin-bottom: 50px;
	position: relative;
}

#catch.batting img{
	height: 85px;
	margin-bottom: 40px;
}

#catch.battingschool img{
	height: 68px;
}

#catch p{
	position: relative;
}

.fb_other{
	margin-bottom: 150px;
}

.fb_other div{
	width: 375px;
	min-width: 375px;
	margin-right: 50px;
}

.fb_other div:last-of-type{
	margin-right: 0;
}

.fb_other div table{
	width: 100%;
}

.fb_other div table caption{
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	font-weight: bold;
}

.fb_other div table .border{
	border-bottom: 1px dashed rgba(255,255,255,0.5);
}

.fb_other div table td{
	padding: 30px 0;
}

.fb_other div table td.no_pt{
	padding-top: 0;
}

.fb_other div table td.no_pb{
	padding-bottom: 0;
}


.fb_other div table td.to_kiyaku{
	padding-left: 20px;
}

td.to_kiyaku span{
	font-size: 9pt;
}

td.to_kiyaku span a{
	text-decoration: underline;
}

.fb_other div table.prepaid_price{
	table-layout: fixed;
	margin: 40px 0 20px 0;
}

.fb_other div table.prepaid_price th{
	background-color: rgba(14,51,96,0.9);
	padding: 15px 0;
}

.fb_other div table.prepaid_price td{
	padding: 15px;
	text-align: center;
	border-bottom: 1px dashed rgba(255,255,255,0.5);
}



table .text_r{
	text-align: right;
}

h2 span.tax:after{
	content: "\FF08\7A0E\8FBC\FF09";
	font-size: 8pt;
	font-weight: normal;
	display: inline-block;
}


/*golf*/
.fb_other div table.prepaid{
margin-top: 100px;
}

.fb_other div table.prepaid caption{
	margin-bottom: 30px;
}

.fb_other div table.prepaid img{
	width: 200px;
	height: 150px;
}

.fb_other div table.prepaid td{
	vertical-align: top;
	padding-bottom: 0;
	padding-top: 0px;
	line-height: 1.3em;
}

/*batting*/
.fb_other div table.prepaid2{
margin-top: 100px;
}

.fb_other div table.prepaid2 caption{
	margin-bottom: 30px;
}

.fb_other div table.prepaid2 img{
	width: 200px;
	height: 150px;
}

.fb_other div table.prepaid2 td{
	vertical-align: top;
	padding-bottom: 0;
	padding-top: 0px;
	line-height: 1.3em;
}

.line{
	text-decoration: line-through;
}

.fb_other div.space{
	width: 200px;
	min-width: 200px;
	margin-right: 0;
}

.bana375px{
	background-color: #fff;
}

.bana375px img{
	width: 375px;
	height: auto;
	display: block;
	border: 0;
}

.bana375px img:hover{
	opacity: 0.8;
	transition: 0.2s;
}

.system{
	margin-bottom: 0px !important;
}

#price {
	position: relative;
	width: 1180px;
	margin: 0 auto;
}

#price .effect{
	position: absolute;
	right: 0;
	top: 0;
}

#price .effect img{
	width: 400px;
	height: 280px;
}

#price .whiteSlide{
	height: 280px;
}

#facility{
	margin-bottom: 150px;
}

#facility div{
	width: 800px;
	min-width: 800px;
}

#facility figure{
	width: 100%;
	position: relative;
	height: 360px;
	margin-bottom: 50px;
}

#facility figure figcaption{
	position: absolute;
}

#facility figure img{
	width: 450px;
	height: 300px;
	z-index: 2;
	position: relative;
}

#facility figure figcaption{
	background-color: #f2f2f2;
	width: 550px;
	z-index: 1;
	color: #002542;
	padding: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#facility figcaption h3, .info ul h3{
	font-size: 11pt;
	margin-bottom: 5px;
	font-family: 'Noto Sans JP','Hiragino Sans', 'ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

#facility figcaption h3{
	display: flex;
	justify-content: space-between;
}

#facility figcaption h3 em{
	font-style: normal;
}

#facility figcaption h3 span{
	display: inline-block;
}

#facility figcaption table{
	margin-top: 20px;
}

#facility figcaption table td:first-child{
	width: 60px;
}

#facility figure:nth-of-type(odd) span.effect{
	position: absolute;
	right: 0;
	top: 0;
}

#facility .whiteSlide{
	height: 300px;
}

#facility figure:nth-of-type(odd) figcaption{
	left: 0;
	bottom: 0;
	padding-right: 245px;
}

#facility figure:nth-of-type(even) span.effect{
	position: absolute;
	left: 0;
	top: 0;
}

#facility figure:nth-of-type(even) figcaption{
	right: 0;
	bottom: 0;
	padding-left: 245px;
}

.info{
	margin-bottom: 150px;
}

.info ul {
	display: flex;
	justify-content: space-between;
	width: 800px;
}

.info ul li{
	width: 250px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.info ul li img{
	width: 250px;
	height: 180px;
	margin-bottom: 5px;
}


/*golfschool*/
#instructor{
	margin-bottom: 100px;
}

#instructor h2, #timetable h2, #timetable02 h2{
	letter-spacing: 0;
}

#instructor figure{
	display: flex;
	margin-bottom: 80px;
}

#instructor figure img{
	width: 230px;
	height: 230px;
	margin-right: 30px;
	display: block;
}

#instructor figcaption{
	width: 400px;
}

#instructor figcaption em{
	font-style: normal;
	font-weight: bold;
	font-size: 15pt;
	margin-bottom: 20px;
	display: block;
}

#instructor figcaption dt{
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#instructor figcaption dd{
	margin-bottom: 15px;
}

#instructor figcaption dd:last-child{
	margin-bottom: 0;
}

p.trial{
	border: 1px solid rgba(255,255,255,0.5);
	padding: 25px 0 20px 0;
	text-align: center;
	margin-top: 40px;
}

p.trial em{
	font-style: normal;
	font-weight: bold;
	font-size: 18pt;
	margin-bottom: 10px;
	display: block;
}

#timetable, #timetable02 {
	margin-bottom: 150px;
}

#timetable div, #battersbox div{
	width: 100%;
}

#timetable table, #battersbox table.batter{
	border: 1px solid rgba(255,255,255,1.0);
	width: 100%;
}

#timetable table th{
	font-weight: bold;
	white-space: nowrap; 
	border: 1px solid rgba(255,255,255,1.0);
}

#timetable table td{
	border: 1px solid rgba(255,255,255,1.0);
}

#timetable table th, #timetable table td{
	height: 50px;
	text-align: center;
	line-height: 50px;
}

#timetable table td.week{
	background-color: rgba(255,255,255,1.0);
	color: #002542;
	width: 80px;
	border-right: 1px solid #002542;
	font-weight: bold;
}

#timetable table tr td.week:last-child{
	border-right: 1px solid rgba(255,255,255,1.0);
}

#lesson img{
	width: 375px;
	height: auto;
	display: block;
}

#lesson h3{
	font-size: 11pt;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#lesson section{
	margin-bottom: 75px;
}

#lesson section:last-of-type{
	margin-bottom: 150px;
}

#lesson table td{
	padding: 15px 0;
}

#lesson table{
	margin-top: 15px;
}

div.mantoman{
	margin-top: 20px;
}

div.mantoman p:first-of-type{
	border: 1px solid rgba(255,255,255,0.5);
	height: 50px;
	line-height: 50px;
	margin-top: -20px;
	margin-bottom: 20px;
	border-top: 0;
}

div.mantoman p:first-of-type span{
	background-color: rgba(255,255,255,0.9);
	display: inline-block;
	width: 100px;
	height: 49px;
	text-align: center;
	color: #002542;
	margin-right: 90px;
}


/*batting*/
p.group{
	border: 1px solid rgba(255,255,255,0.5);
	padding: 5px 10px;
	margin-top: 20px;
	display: inline-block;
}

p.group02{
	border: 1px solid #002542;
}

#care img{
	width: 375px;
	height: 250px;
}

#care .effect{
	
}

#care .whiteSlide{
	height: 250px;
}

#care dl{
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

#battersbox table.batter{
	table-layout: fixed;
	border: 1px solid rgba(255,255,255,1.0);
	margin-bottom: 20px;
}

#battersbox table.batter td{
	border: 1px solid rgba(255,255,255,1.0);
	text-align: center;
	vertical-align: middle;
	padding: 15px 0;
	line-height: 1.4em;
}

#battersbox table.batter tr:first-of-type td{
	background-color: rgba(255,255,255,0.9);
	border-right: 1px solid #002542;
	color: #002542;
	font-weight: bold;
}

#battersbox table.batter tr:first-of-type td:last-child{
	border-right: 1px solid rgba(255,255,255,1.0);
}

.info_b ul li{
	clear: both;
}

.fl_l h3{
	float: left;
}

.fl_l span{
	float: right;
	display: block;
}

#school{
	padding-top: 20px;
	position: relative;
	width: 1180px;
	margin: 0 auto;
	margin-bottom: 150px;
}

#school .battingschool {
    position: absolute;
	right: 0;
    top: 55px;
}

#school .battingschool img {
    width: 400px;
    height: 250px;
}

#school .whiteSlide {
    height: 250px;
}

#price .battingcenter {
    display: block;
    bottom: -230px;
	top: auto;
}

#price .battingcenter img{
	width: 400px;
	height: 280px;
}


#school table{
	margin-bottom: 50px;
}

#school table caption{
	padding-bottom: 10px;
}

#school table td{
	padding: 15px 0;
}

#timetable02 table{
	width: 480px;
	border: 1px solid rgba(255,255,255,1.0);
	margin-bottom: 20px;
}

#timetable02 table td{
	border: 1px solid rgba(255,255,255,1.0);
	text-align: center;
	vertical-align: middle;
	height: 55px;
}

#timetable02 table td.week{
	background-color: rgba(255,255,255,1.0);
	color: #002542;
	width: 100px;
	border-bottom: 1px solid #002542;
	font-weight: bold;
}

#timetable02 table tr:last-child td.week{
	border-bottom: 1px solid #fff;
}

#timetable02 table td.time{
	width: 180px;
	text-align: center;
}

#otherschool{
	margin-bottom: 150px;
}

#otherschool img{
	width: 700px;
	height: auto;
}


/*news詳細＆一覧*/
#news_story, #news_list{
	margin-bottom: 100px;
	margin-top: 50px;
}

#news_story h2{
	margin-bottom: 30px;
}

#news_story .news_title{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	font-size: 13pt;
	font-weight: bold;
}

#news_list{
	overflow: hidden;
}

#news_list h2{
	width: auto;
	min-width: auto;
	margin-bottom: 30px;
}

#news_list dl{
	width: 220px;
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
	line-height: 1.5em;
}

#news_list a{
	color: #000;
}

#news_list a:hover{
	opacity: 0.8;
}

#news_list a:nth-child(4n) dl{
	margin-right: 0;
}

#news_list dt{
	width: 220px;
	height: 220px;
	overflow: hidden;
	margin-bottom: 10px;
}

#news_list dt span{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	background-color: #fff;
}

#pagination {
	clear: both;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    font-size: 10pt;
}

#pagination a {
    display: block;
    width: auto;
    margin: 5px;
    padding: 10px;
    background-color: #002542;
	border: 1px solid rgba(255,255,255,0.5);
    text-align: center;
    line-height: 16px;
	cursor: pointer;
	color: rgba(255,255,255,0.9);
}

#blog_backnumber a{
	color: rgba(255,255,255,0.9);
}


/*20200911追加*/

.kiyaku{
	margin-top: 50px;
	margin-bottom: 150px;
}

.kiyaku h2{
	font-size: 14pt;
}

.kiyaku dl{
	margin-top: 30px;
}

.kiyaku dt{
	margin-bottom: 5px;
}

.kiyaku dd{
	margin-left: 1em;
	margin-bottom: 30px;
}

.kiyaku ol li{
	list-style-type: decimal;
	margin-bottom: 10px;
	margin-left: 1.5em;
}

.kiyaku div{
	border: 1px solid rgba(255,255,255,0.2);
    padding: 40px;
	width: 100%;
}

.school_attention li{
	list-style-type: none;
	text-indent: -1em;
}

.school_attention li:before {
  display: inline;
  content: "※";
}


/* SP版上書き ---------------------------------------- */

@media screen and (max-width:999px){
	body{
		font-size: 10pt;
		width: 100%;
		min-width: 100%;
		overflow-x: hidden;
	}
	
	.bodyfixed{
		position: fixed;
		width: 100%;
		height: 100%;
	}
	
	.pc_none{
		display: block;
    }
	.sp_none{
		display: none;
    }
	
	#contentswrap {
		min-width: 100%;
		overflow: hidden;
	}
	
	.w1000{
		width: 90vw;
	}
	
	.mb30{
		margin-bottom: 15px;
	}
	
	.mt-20{
		margin-top: -20px;
	}
	
	.ls0{
		letter-spacing: 0em;
	}
	
	h2 {
		margin-top: 0px;
		margin-bottom: 20px;
		width: auto;
		min-width: auto;
	}
	
	h2 br{
		display: none;
	}
	
	h2, h3{
		font-size: 24pt;
		line-height: 1.0em;
	}
	
	h2 span, h3 span{
		font-size: 9pt;
		font-weight: normal;
		margin-top: -5px;
	}
	
	footer {
		width: 100vw;
	}
	
	footer section {
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	footer section p{
		text-align: center;
		margin-bottom: 10px;
	}
	
	footer section .to_kiyaku{
		display: block;
		text-align: center;
		font-size: 9pt;
	}
	
	footer h1{
		margin: 0 auto;
	}
	
	footer section div{
		width: 290px;
		margin: 30px auto;
	}
	
	footer small{
		margin-top: 0;
		text-align: center;
	}
	
	footer section ul{
		display: none;
	}
	
	#catch h2{
		display: none;
	}
	
	#catch{
		height: auto;
		overflow: visible;
		background-image: none !important;
		width: 100%;
		min-width: 100%;
		margin-bottom: 50px;
	}
	
	#catch img{
		width: auto;
		height: 40px;
		margin-bottom: 15px;
	}
	
	#catch p{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
	#catch_before{
		margin-top: 70px;
	}
	
	#catch_before img{
		display: block;
		width: 100%;
		height: auto;
	}
	
	#catch section {
		width: 100%;
		max-width: 100%;
		padding: 50px 5vw;
	}
	.system{
	margin-bottom: inherit!important;
}
	
	.fb_other {
		margin-bottom: 100px;
	}
	
	.fb_other div {
		width: 100%;
		min-width: auto;
		margin-right: 0px;
		max-width: 400px;
	}
	
	.fb_other div table {
		width: 100%;
		margin-bottom: 40px;
		max-width: 400px;
	}
	

	.fb_other div table td {
		padding: 20px 0;
	}
	
	.no_mb{
		margin-bottom: 0 !important;
	}
	
	#gmap iframe{
		height: 400px;
	}
	
	/*top*/
	#firstviewWrap{
		width: 100vw;
		height: 700px;
		margin-bottom: 75px;
	}
	
	#firstview {
		width: 100%;
		height: 100%;
		margin-top: 70px;
		margin-bottom: 100px;
	}
	
	#firstview section {
		position: absolute;
	}
	
	#firstview section.ball{
		background-image: url(../img/top/sp/picture_ball.jpg);
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 200px;
		top: 199px;
	}
	
	#firstview section.textimg {
		width: 100%;
		height: 200px;
	}
	
	#firstview section.textimg img{
		height: auto;
		left: 50%;
		transform: translate(-50%,0);
	}
	
	#firstview section.textimg img.text01_sp{
		width: 250px;
	}
	
	#firstview section.textimg img.text02_sp{
		width: 230px;
	}
	
	#firstview table {
		width: calc(100% + 2px);
		max-width: calc(100% + 2px);
		min-width: calc(100% + 2px);
		height: 200px;
		margin-left: -1px;
		margin-top: -1px;
	}
	
	#firstview table.fv_bottom_sp{
		margin-top: 198px;
	}
	
	#firstview table td.fv01_sp{
		width: 50%;
		height: 200px;
		background-image: url(../img/top/sp/picture01.jpg);
	}
	
	#firstview table td.fv02_sp{
		width: 25%;
		height: 100px;
		background-image: url(../img/top/sp/picture02.jpg);
	}
	
	#firstview table td.fv03_sp{
		width: 25%;
		height: 100px;
		background-image: url(../img/top/sp/picture03.jpg);
	}
	
	#firstview table td.fv04_sp{
		width: 50%;
		height: 100px;
		background-image: url(../img/top/sp/picture04.jpg);
	}
	
	#firstview table td.fv05_sp{
		width: 25%;
		height: 200px;
		background-image: url(../img/top/sp/picture05.jpg);
	}
	
	#firstview table td.fv06_sp{
		width: 25%;
		height: 100px;
		background-image: url(../img/top/sp/picture06.jpg);
	}
	
	#firstview table td.fv07_sp{
		width: 25%;
		height: 100px;
		background-image: url(../img/top/sp/picture07.jpg);
	}
	
	#firstview table td.fv08_sp{
		width: 50%;
		height: 200px;
		background-image: url(../img/top/sp/picture08.jpg);
	}
	
	
	#feed{
		margin-bottom: 50px;
	}
	
	#feed ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#feed ul li{
		width: 47%;
		margin-bottom: 40px;
		margin-right: 0;
		float: none;
	}
	
	section.flexbox, section.flexbox02 {
		display: block;
	}
	
	#news{
		margin-bottom: 100px;
	}
	
	#news section div{
		width: 100%;
	}
	
	#news dl{
		flex-wrap: wrap;
		margin-bottom: 30px;
		background-color: inherit;
	}
	
	#news dl dt{
		margin-bottom: 0px;
	}
			
	#news dl dd p.news_title {
		font-size: 11pt;
		overflow: hidden;
		height: 25px;
	}
	
	#news dl dd p.news_text{
		max-height: none;
	}
	
	#news .more{
		margin-bottom: 50px;
	}
	
	#news #recruit{
		padding-top: 75px;
		margin-top: -75px;
	}

	.about {
		background: none;
	}
	
	.about section{
		margin-bottom: 100px;
	}
	
	.about section div.info{
		overflow: visible;
		width: 100%;
		min-width: 100%;
	}
	
	.about h3 {
		font-size: 24pt;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	.about .effect img{
		display: none;
	}
	
	.about dl {
		width: 100vw;
		background-color: #f2f2f2;
		margin-left: -5vw;
		padding-right: 5vw;
		padding-left: 5vw;
		padding-top: 30px;
		overflow: auto;
	}
	
	.about dl dt {
		font-size: 14pt;
	}
	
	.about dl:last-of-type{
		padding-top: 0;
	}
	
	.about dl:last-of-type:before {
		height: 1px;
		width: 90vw;
		margin: 0 auto;
		display: block;
		content: "";
		background-color: #002542;
		margin-bottom: 30px;
	}
	
	.about dl dd .more {
		margin-top: 25px;
		margin-bottom: 30px;
	}
	
	.about section div hr{
		display: none;
	}
	
	.about img.pc_none{
		width: 100vw;
		height: auto;
		display: block;
		margin-left: -5vw;
	}
	
	.info {
		margin-bottom: 0;
	}
	
	#access section{
		margin-bottom: 100px;
	}
	
	#access div:first-of-type {
		margin-right: 0;
	}
	
	#access h3 {
		font-size: 14pt;
	}
	
	#access p.winter {
		margin-bottom: 15px;
	}
	
	
	/*golf*/
	#price{
		width: 100%;
	}
	
	#price .effect{
		display: none;
	}
	
	#school{
		padding-top: 0;
		width: 100%;
		margin-bottom: 100px;
	}
	
	p.attention{
		margin-top: -20px;
		margin-bottom: 50px;
	}
	
	#facility{
		margin-bottom: 100px;
	}
	
	#facility div {
		width: 100%;
		min-width: 100%;
	}
	
	#facility figure {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	#facility figure:nth-of-type(2n+1) span.effect {
		position: relative;
	}
	
	#facility figure:nth-of-type(2n) span.effect {
		position: relative;
	}
	
	#facility figure img {
		width: 100%;
		height: auto;
		position: relative;
		display: block;
	}
	
	#facility figure figcaption{
		position: relative;
		width: 100%;
		padding: 20px;
	}
	
	#facility figure:nth-of-type(2n+1) figcaption{
		padding-right: 20px;
	}
	
	#facility figure:nth-of-type(2n) figcaption{
		padding-left: 20px;
	}
	
	.bana375px img {
		width: 100%;
	}
	
	.info ul{
		width: 100%;
		flex-wrap: wrap;
		padding-bottom: 70px;
	}
	
	.info ul li {
		width: 45%;
		margin-bottom: 30px;
	}
	
	.info ul li img {
		width: 100%;
		height: auto;
	}
	
	.fb_other div table.prepaid img {
		width: 50vw;
		max-width: 200px;
		height: auto;
	}
	
	.fb_other div table.prepaid2 img {
		width: 50vw;
		max-width: 200px;
		height: auto;
	}
	
	/*golfschool*/
	#instructor{
		margin-bottom: 80px;
	}
	
	#instructor figure{
		margin-bottom: 60px;
	}
	
	#instructor figure span{
		display: block;
	}
	
	
	#instructor figure span img{
		width: 100%;
		height: auto;
		max-width: 200px;
		max-height: 200px;
		margin-right: 0;
	}
	
	#instructor figcaption {
		width: 70%;
		margin-left: 20px;
	}
	
	#timetable, #timetable02{
		margin-bottom: 100px;
	}
	
	#timetable table{
		width: 400px;
	}
	
	#battersbox table.batter{
		width: 600px;
	}
	
	#timetable div, #battersbox div{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	#timetable table th, #timetable table td{
		vertical-align: middle;
		line-height: normal;
	}
	
	#timetable table th{
		min-width: 70px;
	}
	
	#lesson img{
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 30px;
	}
	
	#lesson section:last-of-type {
		margin-bottom: 100px;
	}
	
	#lesson h3{
		padding-bottom: 20px;
	}
	
	
	/*batting*/
	p.group{
		margin-top: 10px;
	}
	
	#care dl{
		display: none;
	}
	
	#care img {
		width: 100%;
		height: auto;
		display: block;
		margin-top: 30px;
	}
	
	#catch.batting img {
		height: 55px;
		margin-bottom: 15px;
	}
	
	#facility figcaption h3, .info ul h3{
		line-height: 1.8em;
	}
	
	
	/*battingschool*/
	#catch.battingschool img {
		height: 50px;
	}
	
	#instructor h2, #timetable h2, #timetable02 h2 {
		letter-spacing: 0.1em;
	}
	
	#school .battingschool {
		position: relative;
		top: 0;
	}
	
	#school .battingschool img {
		width: 90vw;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	#school table {
		margin-bottom: 30px;
	}
	
	#otherschool{
		margin-bottom: 100px;
	}
	
	#otherschool a{
		max-width: 400px;
	}
	
	#otherschool img {
		width: 100%;
		height: auto;
	}
	
	#timetable02 table {
		width: 100%;
		max-width: 400px;
	}
	
	#timetable02 div{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	#timetable02 table td.week{
		width: 40px;
	}
	
	#timetable02 table td.time{
		width: auto;
	}
	.no_sp{
		display: none;
	}
	
	
	/*news詳細＆一覧*/
	#news_story, #news_list {
		margin-top: 110px;
	}
	
	#blog_text img{
		width: 100%;
		height: auto;
	}
	
	#blog_backnumber{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 20px;
	}
	
	#blog_backnumber a{
		width: 48%;
		display: block;
	}
	
	#blog_backnumber dl{
		float: none;
		width: 100%;
		margin-right: 0px;
		line-height: 1.4em;
	}
	
	#blog_backnumber dt {
		width: 100%;
		height: auto;
	}
	
	#blog_backnumber dt span{
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		display: block;
	}
	
	#blog_backnumber dd:first-of-type{
		margin-bottom: 3px;
	}
	
	#pagination{
		margin-bottom: 30px;
		padding-top: 10px;
	}
	
	#pagination a{
		margin: 2px;
	}
	
	#pagination a.first, #pagination a.last, #pagination a.prev, #pagination a.next{
		display: none;
	}
	
	#blog_text{
		text-align: justify;
		text-justify: inter-ideograph;
		word-break:break-all;
	}
	
	/*2020911追加*/
	.kiyaku:first-of-type {
		margin-top: 120px;
	}
	
	.kiyaku:last-of-type {
		margin-bottom: 50px;
	}
	
	.kiyaku div{
		padding: 20px;
	}
	
	.fb_other div table.prepaid2{
		margin-top: 0px;
	}
	
	.battingprice{
		margin-bottom: 30px;
	}
		
} /* SP版終わり */



/* SP横版上書き ---------------------------------------- */
@media screen and (max-width:812px) and (orientation: landscape) {
	
}

/* tablet版上書き ---------------------------------------- */

@media only screen and (min-width:1000px) and (max-width:1179px) {
	
	body{
		overflow-x: hidden;
	}
	
	#contentswrap {
		min-width: 1000px;
	}
	
	header section{
		width: 1000px;
	}
	
	header section ul li {
		margin-left: 15px;
	}
	
	header section ul li a{
		font-size: 10pt;
	}
	
	header section ol li:first-child{
		margin-right: 30px;
	}
	
	#price, #school {
		width: 1000px;
	}
	
	header h1, footer h1{
		width: 150px;
		height: 42px;
	}
	
	footer {
		width: 1000px;
	}
	
} /* tablet版終わり */



/* 印刷用 ---------------------------------------- */
@media print{
	*{
		transition-property: none !important;
		animation-name: none !important;
		opacity: 1 !important;
		font-family:initial;
	}
}