@charset "utf-8";

/*form&thanks*/
#send-table {
	margin: 0 auto;
	border-left: 1px solid #dcdcc1;
	border-top: 1px solid #dcdcc1;
	font-size: 90%;
	width:100%; }
#send-table th {
	background-color: #686868;
	text-align: center;
	padding: 10px 20px;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1;
	color:#FFF;}
#send-table td {
	padding: 10px 20px;
	background-color:#fff;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1; }
#send-table caption {
	background: #bb2c41;
	padding: 8px 12px;
	margin: 5px 0;
	color: #fff;
	font-size: 130%;
	font-weight:bold;  }

.btn1 {
    background: #ffbc57 linear-gradient(to bottom, #fecf6c, #f39600) repeat scroll 0 0;
    border: 1px solid #6b4200;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.8) inset;
    color: #050505;
    font-size: 150%;
    padding: 10px 20px;;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
}
img{
-webkit-backface-visibility: hidden;
}

.btn1:hover {
    background: #fecf6c none repeat scroll 0 0;
    color: #050505;
    text-decoration: none;
}

input { padding: 8px; font-size:140%;}
.send { padding: 10px; font-size:140%;}
select { padding: 15px; font-size: 140%;}

.yellow2 { color:#FF0}

/*固定BOX (追加)ßß*/
#fixedbox {
	position: fixed;
	top: 0;
	font-size: 130%;
	padding: 0px 0;
	text-align: center;
	height:64px;
	width:100%;
}

#fixedbox2 {
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 1;
	font-size: 150%;
	padding: 5px 0;
	background: rgba(255,255,255,0.9);
	text-align: center;
}

#menu {
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu li {
  width:50%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
	width: auto;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	background: #FF931B;
	background-image: -moz-linear-gradient(top, #FF931B 0%, #FFA23B 50%, #FFB25D 50%, #FFA23B 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF931B), color-stop(0.50, #FFA23B), color-stop(0.50, #FFB25D), color-stop(1, #FFA23B));
	margin-right: 0px;
	border-right: 0 solid rgba(255,255,255,1.00);
	border-left: 1px solid rgba(255,255,255,1.00);
}
#menu li a:hover {
  background:#FFB25D;
  background-image: -moz-linear-gradient(top, #FFB25D 0%, #FFC482 50%, #FFA643 #FFB25D 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFB25D), color-stop(0.50, #FFC482), color-stop(0.50, #FFA643), color-stop(1, #FFC482));
}

/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #464646;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #00a8ff;	/*リンクテキストの色*/
	text-decoration: underline;
}
a:hover {
	color: #00a8ff;	/*マウスオン時の文字色（全体）*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 100%;
	background-color: #fff;
}
#container img.max {
	max-width: 100%; 
	height: auto;
	width:640px;
}
img.sp { 	margin: 0 0 10px 10px;}

@media(min-width: 640px) {
	#container { max-width: 640px;	}
	footer { margin-bottom: 150px;}
}
@media(max-width: 460px) {
	img.sp { width: 100%; height: auto;}
	footer { margin-bottom: 100px;}
}


/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header { margin-top:0px;}

/*ボタン
---------------------------------------------------------------------------*/
.lo{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.lo:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.opacity {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*content
---------------------------------------------------------------------------*/
#content {
	width: 95%;
	margin: 0 auto 10px;
}
#content h1 {
	font-size: 140%;
	line-height: 1.4;
	color: #ff4d4d;
	text-align: center;
	white-space: pre-wrap;
	margin: 40px 0 20px;
}
#content h2 {
	font-size: 140%;
	line-height: 1.4;
	color: #fff;
	background: url(../img/ttl-bg.jpg) repeat;
	text-align: center;
	white-space: pre-wrap;
	margin: 40px 0 10px;
	padding: 10px 0;
}
#content p {
	margin: 0 0 20px;
	white-space: pre-wrap;
	line-height: 1.6;
}

.day {
	background:#f4f4f4;
	padding: 10px;
	border: 1px solid #ededed;
}
#day h2 {
	font-size: 140%;
	line-height: 1.5;
}
#day h3 {
	color: #ff4d4d;
	font-size: 120%;
	text-align: center;
}

.list1 { margin-bottom: 15px;}
.list1 li {
	background: url(https://golfperformance3.s3.ap-northeast-1.amazonaws.com/fitting/sp/css/check-icon-g.png) no-repeat left 6px;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.8;
	color: green;
}

.table {
	border:1px solid #ddd;
	width:100%;
	margin-bottom: 15px;
	line-height: 1.6;
}
.table th {
	text-align:center;
	background:#555;
	color:#fff;
	padding:10px;
	font-size:100%;
	border:1px solid #ddd;
}
.table td {
	padding:10px;
	font-size:100%;
	border:1px solid #ddd;
}

.profile1 {
	font-size: 125%;
	border-left: 10px solid #6c3;
	padding-left: 15px;
}
.profile2 {
	font-size: 110%;
	border-left: 10px solid #6c3;
	padding-left: 15px;
	margin-bottom:15px;
}

.qa{ margin-bottom: 15px; line-height: 1.6;}
.qa dt {
	background: url(../img/icon-q.jpg) no-repeat left 2px;
	padding-left: 30px;
	font-size: 110%;
	font-weight: bold;
	color: #ff4d4d;
	margin: 8px 0;
}
.qa dd {
	background: url(../img/icon-a.jpg) no-repeat left 2px;
	padding: 0 0 8px 30px;
	border-bottom: 1px solid #eee;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	font-size: 10px;
	text-align: center;
	padding: 15px 0;
	background: #2a7a81;
	color: #fff;
}
hr {
	border: 0;
	border-bottom: 1px solid #ededed;
	width: 100%;
	margin: 20px 0;
}
footer a, footer a:hover { color: #fff; text-decoration: none;}

/*その他
---------------------------------------------------------------------------*/
.clear { clear: both;}
.center { text-align: center;}

.left { float: left;}
.right { float: right; }

.aligncenter {
	display: block;
	margin: 0 auto;
}


/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.pink { color:#e61f8a; }
.ao { color: #003471; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

.yellow { background-color: #FF6; }

.justify { text-align: justify;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.s10 { font-size:10px;}
.s12 { font-size: 12px;}

.f90 { font-size:90%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f120 { font-size:120%; }
.f130 { font-size:130%; }
.f150 { font-size:150%; }
.f200 { font-size:200%; }

/* margin
---------------------------------------------------------------------------*/
.m10 { margin: 10px; }

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }

.pr10 { padding-right: 10px; }

.marky{background:#FFFF99}

.inner h3 {
    background: none;
    border-left: #1d1d1d solid 5px;
    padding: 0 0 2px 15px;
    margin: 55px 0 15px 0;
}

.merit h4{
height: 75px;
    background-image: url(https://golfperformance3.s3.ap-northeast-1.amazonaws.com/fitting/sp/css/spburedo.jpg);
    background-repeat: no-repeat;
    font-size: 24px;
    font-weight: bold;
    padding: 3px 30px;
    color: #fff;
    text-align: left;
}

.tokurap01 {
    background: url(https://golfperformance3.s3.ap-northeast-1.amazonaws.com/fitting/sp/css/graybg.png) center bottom no-repeat;
    padding: 20px 0px 3px 0px;
    position: relative;
    margin-bottom: 10px;
}
select {
    width: 100%;
}

/* コロナ休業追加*/
@media screen and (max-width: 640px){


.bnr-prevention .inner {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #000;
}

.bnr-prevention .inner {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #000;
}

.bnr-prevention .inner .box {
    padding: 10px;
    text-align: center;
    line-height: 1.8;
}


.bnr-prevention .tit {
    font-size: 4.0vw;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1.3;
}

.bnr-prevention .tit, .bnr-prevention .t-link {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}

.bnr-prevention .inner .box .detail .t-link {
    font-size: 3.6vw;
}
}
