@charset "utf-8";

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
.movie-pc{
	display:block;
}

.movie-smart{
	display:none;
}

.youtube {
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.mobile-photo{

display:block;
}
.pc-photo{
display:none;
}
body {

	color: #000;
	background:#fff;
	font-size: medium;
	/*line-height: 1.4;*/
	font-family: "メイリオ", sans-serif;
margin:0;
padding:0;

}


header{
background-color:#000;
margin:0;
padding:0;
}

.green{
color:#00682c;
}
.bg-green{
background-color:#00682c;
color:#fff;
border-radius:5px;
}
.bg-green2{
background-color:#448f2d;
color:#fff;
border-radius:5px;
margin:0 0 1em 0;
}

.bg-green3{
background-color:#fafd9d;
border-radius:5px;
margin:1em 0 1em 0;

/*background-color:#f3ffa1;*/
border:2px solid #50a53e;
padding:0.5em;

}

.bg-white2{
background-color:#fff;
border-radius:5px;
margin:1em 0 1em 0;
padding:0.5em;

}
.mark1{
  list-style: none;
  margin:0 0% 5% 0%;
  padding:0;
  font-size:large;
  
display:table-cell;
}
.mark1 li{
margin:1em 0 2em 0;
}
.mark1_maru{
width:2em;
height:2em;
padding:0.5em 0.5em 0.5em 0.5em;
background-color: #00682c;
border-radius: 100%;
color:#00682c;
margin-right:1em;
float:left;
font-size:small;
text-align:center;
position:relative;
top:-0.5em;
}


.mark1 li {
position: relative;
	padding: 1em 2em 1em 2em;
	background-color: #fafd9d;
	border: 2px solid #50a53e;
	border-radius: 10px;
	color:#181b1a;
	
}
.mark1 li::before,
.mark1 li::after {
position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	height: 0;
	width: 0;
	border: 20px solid transparent;
}
.mark1 li::before {
border-top: 30px solid #50a53e;
}
.mark1 li::after {
	margin-top: -2px;
	border-top: 30px solid #fff;
	
	border-width:2px;
}

.green-point{
background-color:#00682c;
color:#fff;
border-radius:5px;
padding:0.5em;
font-size:small;
margin-left:0.5em;
}

.bg_white{
background-color:#fff;
border:2px solid #50a53e;
border-radius:5px;
}
.bgw{
background-image:url(http://www.starline.co.jp/golf-images/bg1.png);
}
.bg2{
background-color:#ebfad1;
border:2px solid #50a53e;
}
.bg3{
background-color:#ebfad1;
}
.bg4{
background-color:#b5cb3c;
}
.bgs{
background-image:url(http://www.starline.co.jp/golf-images/bg2.jpg);
background-size:100%;
background-position:top;
}
.int{
/*border:2px solid #50a53e;*/
float:left;
vertical-align:middle;
margin:1% 2% 1% 2%;
padding:2% 2% 2% 4%;
width:90%;
color:#00682c;
/*display:table-cell;*/
border-radius:5px;
font-size:large;
background-color:#d5e6bd;

background-image:url(http://www.starline.co.jp/golf-images/golf-icon.png);
background-size:12%;
background-position:left;
background-repeat:no-repeat;
}


.point_sub{
background-color:#f3ffa1;
border:2px solid #50a53e;
padding:0.5em;
border-radius:5px;
}
.red{
color:#ed1c24;
}
.blue{
color:#023b89;
}
.yellow{
color:#d3e507;
}
h1,h2,h3,h4{
font-size:xx-large;
padding:0.5em;
margin:0;
}

.normal{
font-weight:normal;
}
.bold{
font-weight:bold;
}
.txt_left{
text-align:left;
}
.txt_right{
text-align:center;
}
.txt_center{
text-align:center;
}
.xx-large{
font-size:xx-large;
}
.x-large{
	font-size:x-large;
	}
.large{
	font-size:large;
	}
.medium{
	font-size:medium;
	}
.small{
	font-size:small;
	}	
.x-small{
	font-size:x-small;
	}
.xx-small{
	font-size:xx-small;
}
.main{
margin:0em 0% 0em 0%;
padding:2em auto 2em auto;/*padding:2em 10% 2em 10%;*/
width:90%;
text-align:left;
}
.main a:link{
color: #000;
text-decoration:underline;
}
.main a:hover{
color: #00682c;
text-decoration:none;
}
.main a:visited{
color: #000;
text-decoration:underline;
}


.top_main{
padding:2em 0 2em 0;
/*margin:0em 10% 2em 10%;*/
width:90%;
text-align:left;
}
.top_main img{
width:100%;
margin:1em auto 1em auto;
display:block;
}
.top_main a:link{
color: #000;
text-decoration:underline;
}
.top_main a:hover{
color: #00682c;
text-decoration:none;
}
.top_main a:visited{
color: #000;
text-decoration:underline;
}


.sub-main{
padding:0 2% 0 2%;
margin:2em 0 2em 0;
width:86%;
text-align:left;
}
.sub-main a:link{
color: #000;
text-decoration:underline;
}
.sub-main a:hover{
color: #00682c;
text-decoration:none;
}
.sub-main a:visited{
color: #000;
text-decoration:underline;
}
.photo_ss img{
width:100%;
}

.b-main{
padding:0;
margin:0em 0% 0em 0%;
padding:2em 10% 2em 10%;
width:80%;
text-align:center;
font-size:x-large;
}


.left_border{
	position: relative;
	padding:0.25em 0.5em 0.25em 0.5em;
	border-left: 6px solid #a9c31a;
	margin-bottom:0.5em;
}
.left_border::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #00682c;
}


.bottom_border {
	position: relative;
	padding-bottom: .5em;
	display:table-cell;
}
.bottom_border::before,
.bottom_border::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
.bottom_border::before {
	z-index: 2;
	width: 30%;
	background-color: #00682c;
}
.bottom_border::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #a9c31a 2px, #a9c31a 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #a9c31a 2px, #a9c31a 4px);
}


.left_border_blue{
	position: relative;
	padding:0.25em 0.5em 0.25em 0.5em;
	border-left: 6px solid #023b89;
	
	margin-bottom:0.5em;
}

.left_border_green{
	position: relative;
	padding:0.25em 0.5em 0.25em 0.5em;
	border-left: 6px solid #a9c31a;
	
	margin-bottom:0.5em;
}
.p-no{
	background-color:#d3e507;
	color:#00682c;
	border-radius:100%;
	padding:0.5em 1em 0.5em 1em;
	font-size:medium;
	margin-right:1em;
}
.bottom_margin{
margin-bottom:0.5em;
}

.top-margin{
	margin-top:0.5em;
}

.colum_medium_left{
	width:96%;
	margin:2em 0% 2em 0%;
	padding:2%;
	display:table-cell;
	float:left;
	vertical-align:middle;
}

.colum_medium_left_photo {
margin:0em auto 1em auto;
display:block;
vertical-align:middle;
float:none;
}

.colum_medium_right_photo {
margin:0em auto 1em auto;
display:block;
vertical-align:middle;
float:none;

}

.colum_medium_left figure{
margin:0 1em 1em 1em;
display:table-cell;
vertical-align:middle;
float:right;	
	
}
.colum_medium_left figcaption{
	text-align:center;
}



.acolum{
	width:96%;
	margin:1em auto 1em auto;
	padding:2%;
	display:block;
	float:left;
	vertical-align:middle;
}

.a-no{
	background-color:#fb4f55;/*d3e507*/
	color:#fff;/*00682c*/
	border-radius:100%;
	padding:0.5em 1em 0.5em 1em;
	font-size:medium;
	margin:0 1em 0 0;
	line-height:2.5em;
}



.left_photo{
	width:46%;
	margin:2%;

	vertical-align:middle;
	float:left;

}
.left_photo img{
width:auto;
display:block;

}

.right_photo{
	width:46%;
	margin:2%;

	vertical-align:middle;
	float:right;

}
.right_photo img{
	width:auto;
display:block;

}



.colum_left{
	width:auto;/*width:86%;*/
	margin:5% 0% 5% 0%;
	padding:2%;
	display:table-cell;
	float:left;
	vertical-align:middle;
}
.colum_left ul{
	list-style-type:none;

	margin-left:-2em;
}
.colum_left li{
	list-style-position:outside;	
	margin:1em 0.5em 1em 0.5em;
	float:left;
}




.no{
	background-color:#90a712;
	color:#fff;
	border-radius:100%;
	padding:0.5em 1em 0.5em 1em;
	font-size:x-small;
	margin-right:1em;
}
.colum_right{
	width:auto;/*width:86%;*/
	margin:5% 0% 5% 0%;
	padding:2%;
	display:table-cell;
	float:left;
		vertical-align:middle;
}
.colum_right img{
margin-top:1em;
}


/*table仕様*/
.spec {
	dispaly:table-cell;
  width: 100%;/*auto*/
  border-spacing: 0;
  margin-top:1em;
  margin-bottom:1em;
  font-size:medium;
  
border: 1px solid #e1e1e1;


  border-radius:5px;
border-radius: 0px 0px 5px 5px / 0px 5px 0px 5px;/*左上・右上・右下・左下*/
}
.spec caption{
/*border-top: 1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;*/
color:#fff;
font-weight: bold;
text-align: left;
padding: 0.25em;
text-align:center;
background:#00682c;
  font-size:large;
  
border-top-left-radius:5px;
border-top-right-radius:5px;

}
.spec th {
  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
  border-bottom:1px solid #e1e1e1;
  text-align:left;
  
 display:block;
 background-color:#f6f3f3;
}
.spec td {
 display:block;
 
 border-left:1px solid #e1e1e1;
}	
.spec_bold {

  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
}
.spec tr td {
   padding: 0.5em;/* padding: 8px 15px;*/
  border-bottom: 1px solid #e1e1e1;
  text-align: left;
}
.spec tr td:last-child {

}
.spec tr {
  background: #fff;
}
.spec tr:nth-child(2n+1) {
  /*background: #f1f6fc;*/
}
.spec tr:hover {
 /* background: #bbd4ee;
  cursor:pointer;*/
}
.spec a:link{
color: #000;
text-decoration:underline;
}
.spec a:hover{
color: #00682c;
text-decoration:none;
}
.spec a:visited{
color: #000;
text-decoration:underline;
}
.spec small{
background-color:#a9c31a;
color:#fff;
border-radius:5px;
font-size:x-small;
padding:0.25em;
font-weight:normal;
margin-left:0.5em;
}
.redbg{
background-color:#d21920;
color:#fff;
border-radius:5px;
font-size:x-small;
padding:0.25em;
font-weight:normal;
margin-left:0.5em;
}
/*table仕様*/


/*table仕様*/



.ta {
	dispaly:table-cell;
  width: 98%;/*auto*/
  border-spacing: 0;
  margin:1em 1% 1em 1%;

  font-size:small;
float:left;
border: 1px solid #e1e1e1;
border-radius:5px;
border-radius: 0px 0px 5px 5px / 0px 5px 0px 5px;/*左上・右上・右下・左下*/
}
.ta caption{
/*border-top: 1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;*/
color:#fff;
font-weight: bold;
text-align: left;
padding: 0.25em;
text-align:center;
background:#00682c;
  font-size:large;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.ta th {
  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
  border-bottom:1px solid #e1e1e1;
  text-align:left;
  
 display:table-cell;
}
.ta td {
 display:table-cell;
 
 border-left:1px solid #e1e1e1;
}	
.ta_bold {
  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
}
.ta tr td {
   padding: 0.5em;/* padding: 8px 15px;*/
  border-bottom: 1px solid #e1e1e1;
  text-align: left;
}
.ta tr td:last-child {

}
.ta tr {
  background: #fff;
}
.ta tr:nth-child(2n+1) {
  /*background: #f1f6fc;*/
}
.ta tr:hover {
 /* background: #bbd4ee;
  cursor:pointer;*/
}
.ta a:link{
color: #000;
text-decoration:underline;
}
.ta a:hover{
color: #00682c;
text-decoration:none;
}
.ta a:visited{
color: #000;
text-decoration:underline;
}

img{
max-width: 100%;
height: auto;
width:auto;　/*auto;*/
}





.t-block{
	display: table;
}
.block{
display: block;
}



.colum_medium{
vertical-align: middle;
display: table-cell;
  
width:100%;
text-align:left;
float:left;
margin:2%;
}

.colum_medium img{
	width:38%;
	float:left;
	margin:0 2% 2% 0;
	}
	
.big_point{
	font-weight:normal;
	font-size:medium;
	line-height:2;
	color:#00682c;
	background:#f1f9fd;
	border: 1px solid #00682c;
	padding:0.25em;
    margin:1% 0 1% 0;
	

	
}		
.point{
	font-weight:normal;
	font-size:small;
	color:#00682c;
	background:#f1f9fd;
	border: 1px solid #00682c;
	padding:0.25em;
    margin:1% 0 1% 0;
	
}


.button1{
		text-decoration:none;
	background:#ed1c24;
	color:#fff;
	font-size:xx-large;
	font-weight:normal;
	width:90%;
padding:5%;
margin:2% 0 2% 0;	

border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */	

  border: 1px solid #d21920;
  box-shadow: 0 2px 0 #d21920;
}
.button1:hover {
	color:#fff;
background:#d21920;
text-decoration: none;
}


/*greenボタン*/
.button2{
	background:#00682c;
	color:#fff;
	border:none;
	font-size:medium;
	width:60%;
padding:2%;
margin:2% 0 2% 0;	

border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */	

  border: 1px solid #015123;
  box-shadow: 0 2px 0 #015123;
}
.button2:hover {
	color:#fff;
background:#015123;
text-decoration: none;
}
/*greenボタン*/



.data_button{
display:inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	width:60%;
color:#000;
padding:2%;
margin:1% 0 2% 0;
background:#f4f4f4;
font-size:x-large;

border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
  border: 1px solid #AAA;
  box-shadow: 0 2px 0 #AAA;
}

.data_button:hover {
color:#000;
background:#d6d6d6;
text-decoration: none;
}




.big_price{
	font-size:400%;
	font-weight:bold;
	display:block;
}
.price{
	font-size:x-large;
	font-weight:bold;
}

/*input[type="text"] {
border-color:#AAA;
border-radius: 5px;	
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size:medium;

height:2.5em;

padding: 0.2em 1em 0.2em 1em;
 
}
*/

.txa {
border-color:#AAA;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:x-large;

height:2.5em;

padding:0.5em;
text-align:center;
 
}




input[type="text"]:focus {
	  box-shadow: 0 0 5px 0 rgba(0,104,44,1);
  outline: 0;
   background:#f1f9fd;
}

input.form{
width:100%;
}

/*textarea{
border-color:#AAA;
border-radius: 5px;	
-webkit-border-radius: 5px;	
-moz-border-radius: 5px;
font-size:medium;
padding: 0.2em 1em 0.2em 1em;

width:80%;
height:10em;
}*/
textarea:focus {
	  box-shadow: 0 0 5px 0 rgba(0,104,44,1);
  outline: 0;
   background:#f1f9fd;
}


input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #e53434;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}


select:focus {
background:#00682c;
}











.left {
margin-right: auto;
float:left;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.right {
    /*margin-left: auto;*/
		float:right;
		
}
.left_margin{
margin:1em 1em 1em 0;
}
.right_margin{
margin:1em 0 1em 1em;
}





footer{
height: auto;
width:100%;/*width: 100%;*/
background: #ececec;
color:#000;
float:left;
margin:0;
padding-top:1em;

display: table;
}

.footermenu{
  /**zoom: 1;*/
  display:none;
  list-style-type: none;
  width: 100%;
  margin: 5px auto 0px;
  padding:0;/*padding: 0;*/
  
  
}


.footermenu li{
	display:table-cell;
  /*position: relative;*/
  width:30%;/*  width:14%*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
 
  
}

.footermenu li a{
  display: block;
  margin: 0;
  padding:0.5em;/*padding: 15px 0 11px;*/
  background: #ececec;
  color:#000;
  font-size: small;
  line-height: 1.5;/*line-height: 1;*/
  text-decoration: none;
}
.footermenu li ul{
  list-style: none;
  /*position: absolute;
  top: 100%;
  left: 0;*/
  margin: 0;
  padding: 0;
}
.footermenu li ul li{
  width: 100%;
}
.footermenu li ul li a{
 /* padding: 13px 15px;*/
  background: #ececec;
  text-align: left;
}
.footermenu li:hover > a{
  /*background: #0c6e7c;*/
  color:#000;
}
.footermenu li a:hover{
  /*background: #151515;*/
  color:#ccc;
}


/*セカンド項目*/

.footermenu li ul li a{
	position: relative;
	padding: 0 .5em .5em 1.7em;
	
}

.footermenu li ul li a::before {
	position: absolute;
	top: .3em;
	left: .3em;
	z-index: 2;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #ccc;
border-radius: 100%
}

.footermenu li ul li a::after {
	position: absolute;
	top: .5em;
	left: .5em;
	z-index: 2;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #00682c;
border-radius: 100%
}

/*セカンド項目*/


/*トップ項目*/

.footertopmenu{
	position: relative;
	padding: 0 .5em .5em 1.7em;
	
}

.footertopmenu::before {
	position: absolute;
	top: .2em;
	left: .2em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #ccc;
/*border-radius: 100%*/
}

.footertopmenu::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #00682c;
/*border-radius: 100%*/
}
/*トップ項目*/

#copy{
	font-size:xx-small;
	float:left;
	height: auto;
	padding:0.5em 0 0.5em 0;
	margin-top:1em;
width:100%;　/*auto;*/
max-width:100%;/*width: 100%;*/
color:#fff;
background: #151515;
text-align:center;
}

/*　　formページ　　　*/
input[type="text"] {
/*box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);*/
border-color:#ccc;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;

padding: 0.2em 1em 0.2em 1em;
 
}
input[type="text"]:focus {
box-shadow: 0 0 5px 0 rgba(73,150,136,1);
  outline: 0;
background:#dbf6f1;
}

input.form{
width:90%;
height:2em;
}
textarea.form2{
width:90%;
border:#ccc solid 2px;

}
input.zip{
width:30%;
height:2em;
}
textarea{
width:90%;
border-color:#879c98;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;
padding: 0.5em;
height:10em;
}
textarea:focus {
box-shadow: 0 0 5px 0 rgba(73,150,136,1);
  outline: 0;
background:#dbf6f1;
}


input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #fff;
    border: 1px solid #879c98;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #5f6e6b;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

input[type=checkbox]  {
width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

select{
width:50%;
height:2em;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;
}
select:focus {
background:#dbf6f1;
}
label{
width:100%;
display:inline-block;
}

.button4{
	text-decoration:none;
	background:#ed1c24;
	color:#fff;
	font-size:large;
	font-weight:normal;
	width:90%;
padding:5%;
margin:2% 5% 2% 5%;	

border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */	

  border: 1px solid #d21920;
  box-shadow: 0 2px 0 #d21920;
}
.button4:hover {
	color:#fff;
background:#d21920;
text-decoration: none;
}
.if_colum{
	border:2px solid #5f6e6b;
	margin:1em 0 1em 0;
		display:block;
		
}
/*　　formページ　　　*/
.button5{
display:inline-block;
text-decoration:none;
	background:#ed1c24;
	color:#fff;
	font-size:medium;
	font-weight:normal;
	width:80%;
padding:5%;
margin:2% 5% 2% 5%;	

border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */	

  border: 1px solid #d21920;
  box-shadow: 0 2px 0 #d21920;
}
.button5:hover {
	color:#fff;
background:#d21920;
text-decoration: none;
}
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
}