@charset "utf-8";



/*/members/XXXX/index.html
----------------------------------------------*/
.arrow{
	margin-left: 3px;
}
/*tableStyle*/
#content table{
	width:100%;
	border:1px solid #c8c8c8;
	text-align:center;
}
#content th{
	border:1px solid #c8c8c8;
	text-align:center;
	background-color:#e9e7cf;
}
#content table .clG{
	background-color:#bcb988;
}
#content table .clG02{
	background-color:#d5d2a3;
}
#content table .clY{
	background-color:#fffff3;
}
#content table td{
	text-align: center; 
	border:1px solid #c8c8c8;
	padding:5px 0px;
}
.colorF{color: #FFF;}
.colorB{color: #2b6ddb;}
.colorR{color: #ff0000;}

/*tableStyle01*/
#content .tableStyle01 table th{
	padding:5px;
}
#content table .taL{
	text-align:left;
	padding-left:10px;
}

/*タブメニュー
-------------------------*/
.mainCont .btnBox{
	border-bottom:2px solid #00822d;
}
.mainCont .btnBox li{
	float:left;
	background:url(/official/members/img/tab_of.gif) no-repeat;
	height:24px;
	width:146px;
	margin-left:5px;
	text-align:center;
	padding-top:5px;
	font-size:117%;
	cursor:pointer;
}
.mainCont .btnBox li.cur{
	background:url(/official/members/img/tab_on.gif) no-repeat;
	color: #FFF;
}
.mainCont .btnBox li.d_first{margin-left: 0;}

@media screen and (max-width: 750px){
	.btnboxWrap,.tableWrap{
		width: 100%;
		overflow-x:scroll;
		overflow-y:hidden;
	}
	.btnBox{
		width: 800px;
	}
	.btnBox ul{
		width: 800px;
		height: auto;
	}
	.mainCont .btnBox li{
	padding-top:1px;
	}
	#content table{
		width: 600px;
	}
}
/*年度別大会成績
-------------------------*/
#content .mainCont h3{
	font-size:150%;
	margin-top:30px;
}


#content .mainCont h3 span{
	padding-left:12px;
	vertical-align: baseline;
}
.x_ttlArea{
	position:relative;
}
.x_ttlArea div{
	position:absolute;
	bottom:10px;
	right:0;
}
.typeWrap {
	overflow: auto;
}
.number dl {
	display:inline-block;
	width:32%;
	margin-right: 1.333%;
	border: 1px solid #c8c8c8;
	float: left;
	box-sizing: border-box;
}
.number dl > * {
	line-height: 3em;
	text-align:center;
	box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
}
.number dl dt {
	float: left;
	border-right: 1px solid #c8c8c8;
	background: #e9e7cf;
	width: 170px;
	height: 2.6rem;
}

@media screen and (max-width: 750px){
	#content .mainCont h3 span{padding-left:0;}
	#content .x_ttlArea h3 img{
		width:4em;
		padding-left:0;
	}
	#content .number table{
		width:47%;
		margin-right:3%;
	}
	#content .number table.sp_mr0{
		margin-right:0;
	}
}

/*-------------
department
--------------*/
#content .department{
	margin-top:30px;
	position:relative;
}
#content .department p{
	font-size:117%;
}
#content .department img{
	position:absolute;
	top:10px;
	right:0;
}

@media screen and (max-width: 750px){
	#content .department img{
	position:absolute;
	top:5px;
	right:0;
	width:144px;
}
}
/*-----------------
TmtPerformance
----------------*/
#content .TmtPerformance p{font-size:117%;}
#content .TmtPerformance table th{
	padding:5px;
}
#content .TmtPerformance table td{
	padding:10px 5px;
}

/*年度別記録
#stats
----------------------------------------------*/
#stats > div.lpga,
#stats > div.step{
	clear: both;
	overflow: auto;
}
#stats .tableWrap table{
	width: 32%;
	float: left;
	box-sizing: border-box;
}
#stats .tableWrap table tbody tr:nth-child(even){
	background: #fffff6;
}
#stats .tableWrap table:not(:last-child) {
	margin-right: 1.333%;
}
#stats .tableWrap table td {
	white-space: nowrap;
}
#stats .tableWrap table td:nth-child(2) {
	width: 30%;
}
#stats .tableWrap table td:nth-child(3) {
	width: 15%;
}
#stats p {
	font-size: 14px;
}
@media screen and (max-width: 750px){
	#stats .tableWrap table{
		width: 100%;
		float: none;
		font-size: 0.9em;
	}
	#stats .tableWrap table:nth-child(n+2) thead{
		display: none;
	}
	#stats .tableWrap table:nth-child(n+2),
	#stats .tableWrap table:nth-child(n+2) tr:nth-child(2) td {
		border-top: none;
	}
	#stats .tableWrap table:not(:last-child) {
		margin-right: 0;
	}
	.number dl {
		width:50%;
		margin-right: 0;
	}
	.number dl:nth-child(odd) {
		border-right: 0;
	}
	.number dl:nth-child(odd):last-child {
		border-right: 1px solid #c8c8c8;
	}
	#stats .number dl {
		width:50%;
		margin-right: 0;
	}
	#stats .number dl:nth-child(-n+2) {
	}
	.number dl dt {
		float: none;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #c8c8c8;
	}
}

/*生涯成績・記録
#allTimeRecord
----------------------------------------------*/
#allTimeRecord .wartimeCareer{
	position: relative;
	margin-top:30px;
}
#allTimeRecord .wartimeCareer img{
	position:absolute;
	top:10px;
	right:0;
	width:144px;
}
#allTimeRecord .x_ttlArea h3 img{
	width:8em;
	padding-left:0;
}

#content .record table{float:left;}
#content .record table.tb01{width:164px;margin-right:10px;}
#content .record table.tb02{width:425px;table-layout: fixed;}
#content .record table th{padding:6px 0;}
#content .record table td{padding:0;height:56px;}

@media screen and (max-width: 750px){
	#allTimeRecord .wartimeCareer img{
		top:3.5%;
	}
	#content .record table{float:none;}
	#content .record table.tb01{margin:0 0 10px 0;}
	#content .record table td{padding:0;height:45px;}
}
/*プロフィール
#pro
----------------------------------------------*/
.mb0{
	margin-bottom:0 !important;
}
.profile dl{
	border-bottom:#e6e6e6 solid 2px;
	font-size: 14px;
	padding: 10px 0;
}
.profile dt{
	float:left;
	clear: both;
}
.profile dd{
	padding-left: 150px;
}
.fontS{ font-size:117%;}

.profile dl.bbred{
	border-bottom: #00822d solid 2px;
}

/*プロフィール
#lesson
----------------------------------------------*/

#content .lessonTable{
	width: 268px;
}
#content .lessonTable th{
	background-color: #d5d2a3;
	padding: 2px 0;
}
#content .lessonTable .subth th{
	background-color: #e9e7cf;
}
.margin{
	margin-left: 19px;
}

#lesson .addressArea{
	padding-left: 12px;
	font-size: 100%;
}
#lesson h4{
	font-size: 117%;
	margin-bottom: 10px;
}
#lesson .addressArea li{
	margin-bottom: 5px;
}
#lesson .section{
	margin-bottom: 40px;
}

#lesson .unisys{
	float:right;
	margin-top: 10px;
}
#content .x_ttlArea h3 img.unisys{
	width: 144px;
}
@media screen and (max-width: 750px){
	#content .lessonTable{
		width: 47.9%;
	}
	.margin{
		margin-left: 2.8%;
	}
}

/*ニュース
#news
----------------------------------------------*/
#news section.article .articles_area li {
	position: relative;
	border-bottom: dotted 2px #ccc;
	box-sizing: border-box;
	padding-bottom: 1em;
	margin-bottom: 1em;
	overflow: auto;
}
#news section.article .articles_area li img {
	float: left;
	width: 80px;
	height: auto;
	margin-right: 1em;
}
#news section.article .articles_area li p.date {
	font-size: 1.2em;
	color: #888;
	display:inline-block;
	margin-right: 0.5em;
}
#news section.article .articles_area li p.ttl {
	font-size: 1.2em;
	line-height: 1.5;
	display:inline-block;
}
#news section.article .articles_area li p.ttl a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}
#news section.article .articles_area li p.ttl a:hover {
	color: #00822d;
	border-bottom: 1px solid #00822d;
}
#news section.article .articles_area li p.txt {
	font-size: 1em;
	padding-top: 0.8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#news a.moreLink {
	float: right;
	color: #333;
	padding-top: 0.5em;
}
#news a.moreLink i {
	color: #00822d;
	margin-left: 0.3em;
	font-size: 1.2em;
	line-height: 1.2em;
}
#news > section  {
	clear: both;
	overflow: auto;
	margin-bottom: 20px;
}
#news section.youtubeArea ul {
	text-align: center;
}
#news section.youtubeArea ul > li {
	width: 33%;
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 20px;
	display: inline-block;
}
@media screen and (max-width: 750px){
	#news section.article .articles_area li {
		padding-bottom: 0.5em;
	}
	#news section.article .articles_area li img {
		width: 30%;
		margin-right: 0.7em;
	}
	#news section.article .articles_area li p.date {
		font-size: 1.0em;
		line-height: 1.3;
		display:block;
		margin-right: 0;
	}
	#news section.article .articles_area li p.ttl {
		font-size: 1.2em;
		line-height: 1.5;
		display:inline;
	}
	#news section.article .articles_area li p.ttl a {
		color: #333;
		text-decoration: none;
		border-bottom: 1px solid #333;
	}
	#news section.article .articles_area li p.ttl a:hover {
		color: #00822d;
		border-bottom: 1px solid #00822d;
	}
	#news section.article .articles_area li p.txt {
		clear: both;
		font-size: 0.95em;
		padding-top: 0.5em;
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
	}
	#news section.youtubeArea ul > li {
		width: 100%;
		display: block;
	}
}
.sliderWrap li img {
	max-width: 200px; max-height: 140px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
	padding:0 50px;
	background: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/*start 修正日付20150818 【No.10】 会員詳細ページ 右カラムなしにデザイン変更*/
.m_info .mainCont{
	width: 960px;
}
.m_info .profileDetailed .boxIn dd{
	width:250px;
}
.m_info .TmtPerformance table{
	table-layout: fixed;
}
.m_info .TmtPerformance table tr th{
	width:27px;
}
.m_info .TmtPerformance table tr th:nth-child(1) {
	width:372px;
}
.m_info .TmtPerformance table tr th:nth-child(2) {
	width:48px;
}
.m_info .TmtPerformance table tr th:nth-child(3) {
	width:102px;
}
.m_info .TmtPerformance table tr th:nth-child(4) {
	width:42px;
}

@media screen and (max-width: 750px){
	.m_info .mainCont{
	width:100%;
	}
	.m_info .profileDetailed .boxIn dd{
	width:91.6%;
	}
}
/*end 修正日付20150818 【No.10】 会員詳細ページ 右カラムなしにデザイン変更*/