@charset "utf-8";
/*title*/
#content {
	font-size:67%;
}
#content h3{
	border-bottom:#00822d 2px solid;
	font-size:180%;
	padding-bottom:5px;
	margin-bottom:15px;
	letter-spacing:2pt;
}
#content .lead{
	margin-bottom: 2em;
}
#content h3.photoGallery{
	margin-bottom:0;
	border-bottom:none;
}
#content .square:before{
	content: "■";
	margin-right: 0.3em;
	color: #00822d;
}
@media screen and (max-width: 750px){
	/*start SNS対応*/
	#content h3{
		font-size: 160%;
	}
	 /*end SNS対応*/
}
#content .bottomCont {
	padding-bottom: 40px;
	clear: both;
	margin-top: 50px;
}
#content .h3Area {
	border-bottom: #00822d 2px solid;
	padding-bottom: 5px;
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}
#content .h3Area h3{
	border: none;
	 padding-bottom: 0; 
	 margin-bottom: 0; 
}
#content .h3Area h3 {
	font-size: 180%;
	letter-spacing: 2pt;
	float: left;
}
@media screen and (max-width: 750px){
	#content .bottomCont {
		margin-top: 30px;
	}
	#content .h3Area h3 {
		float: none;
	}
}
/*----------------
profileArea
------------------*/
.profileArea{
	margin-bottom:30px;
}
.profileArea .profileInner{
	width:790px;
	float:left;
	padding-left:20px;
}
.profileArea .nameArea{
	border-bottom:#00822d 2px solid;
	padding-bottom:12px;
}
.profileArea .nameArea p.name{
	font-size:24px;
	line-height:1;
	float:left;
}
.profileArea .nameArea p.name span{
	font-size:60%;
}
.qualification{
	float:right;
}
.qualification p{
	background-color:#e9e7cf;
	border:2px #e9e7cf solid;
	padding-left:5px;
	margin-bottom: 2px;
}
.qualification p span{
	background-color:#FFF;
	padding:0px 12px 0px 12px;
	margin-left:5px;
	margin-right: 0;
}
.qualification p+p span{
	padding:1px 5px 0px 5px;
}

/* start 修正日付20150223 */
.profileDetailed{
	position:relative;
	width: 790px;
	min-height: 144px;
}
/* end 修正日付20150223 */


/* start 修正日付20150223 */
.profileDetailed .join dd{
	white-space: nowrap;
}
/* end 修正日付20150223 */
.profileDetailed .boxIn,
.profileDetailed .boxIn02{
	float:left;
	margin-top:12px;
	font-size:115%;
	letter-spacing:1pt;
}
/* start 修正日付20150313 */

.profileDetailed .boxIn02{
	padding:0 20px;
	width: 170px;
}

.profileDetailed .boxIn dt{
	float:left;
	clear:both;
	width:6.3em;
}

.profileDetailed .boxIn dd{
	padding-left:6.3em;
	word-break: break-all;
	width: 160px;
}

@media screen and (max-width: 750px){
.profileDetailed{
	width: 100%;
}
.profileDetailed .boxIn dt{
	float:none;
	clear:both;
	width: 91.6%; 
}
.profileDetailed .boxIn dd {
	 padding-left: 0; 
	 word-break: break-all; 
	 width: 91.6%; 
	}
}
/* end 修正日付20150313 */
.profileDetailed dt{
	width:6.3em;
}
/* start 修正日付20150223 */
.profileDetailed .boxIn03{
	width: 403px;
	float:right;
}
/* end 修正日付20150223 */
.profileDetailed .boxIn03 dl{
	float:right;
	border:#c8c8c8 solid 1px;
	width:150px;
	text-align:center;
	margin:7px 0 0 13px;
}
.profileDetailed .boxIn03 dt{
	background-color:#d5d2a3;
	width:100%;
	height:35px;
	padding:5px 0 5px;
	font-size:95%;
	border-bottom:#c8c8c8 solid 1px;
}
.profileDetailed .boxIn03 .rank dt{
	padding-top:14px;
	height:26px;
}
.profileDetailed .boxIn03 dd span{
	font-size:170%;
	vertical-align: baseline;
}

/* start 修正日付20150223 */
.profileDetailed .snsArea{
	position:absolute;
	top:120px;
	right:0;
}
/* end 修正日付20150223 */

@media screen and (max-width: 750px){
	/* start 修正日付20150223 */
	.profileDetailed .boxIn03{
		float:none;
	}
	/* end 修正日付20150223 */
	.profileArea img{
		width:40%;
		margin-right: 3%;
	}
	.profileArea .profileInner{
		width:auto;
		float:none;
		padding-left: 0;
	}
	.profileArea .nameArea p.name{
		width:57%;
	}
	.qualification{
	width:253px;
	float:left;
	}
	.qualification p span{margin-left:3%;}
	.qualification p+p span{margin-left:2.2%;}
	.profileDetailed .boxIn,
	.profileDetailed .boxIn02{
		float:none;
		clear:both;
		padding:0;
	}
	.qualification{padding-top:3%;}
	.profileDetailed .boxIn03 dl{
		width:48%;
		margin-left:0;
	}
	.profileDetailed .boxIn03 dt{
		padding:5px 0 5px;
		height:auto;
	}
	.profileDetailed .boxIn03 .rank{
		margin-right:4%;
	}
	.profileDetailed .boxIn03 .rank dt{
		padding:14px 0 13px;
		height:auto;
	}
	.profileDetailed .snsArea{
		position:static;
		margin-top:5%;
	}
	.prosubimg{
		width: 81px;
	}
	.qualification p span{
	padding:2px 11px 2px 11px;
	}
	.qualification p+p span{
		padding:2px 5px 2px 5px;
	}
}
@media screen and (max-width: 320px){
	.qualification p span{
	padding:3px 10px 2px 12px;
	}
	.qualification p+p span{
		padding:3px 5px 2px 5px;
	}
}
.qtAreaBox{
	border-top: #00822d solid 2px;
	border-bottom: #00822d solid 2px;
}
.qtAreaBox dt{
	float: left;
}
.qtAreaBox dd{
	padding-left:29px;
}
.qtAreaBox dd a{
	color:#3c3c3c;
	padding-top: 3px;
	border-bottom: #b0b0b0 1px solid;
}
.qtAreaBox dd a{
	text-decoration: none;
}
@media screen and (max-width: 750px){
	.iconPdf{
		width: 21px;
	}
}

/* 過去のトーナメント
--------------------------------------------------------------*/
.mainContTitleArea{
	border-bottom: #00822d 2px solid;
	margin-bottom: 15px;
}
.mainContTitleh3{
	font-size: 180%;
}
.mb16{
	margin-bottom: 16px;
}
.pastSelectwrap{
	width: 142px;
	float:right;
	margin-top: 3px;
}
.pastSelect{
	position: relative;
}
.selectArea.pastSelect select{ 
	width: 142px;
}
#content .clearfix.birthdayDate {
	display: flex;
}
#content .clearfix .joinperiodSelectEn {
	margin-left: 6.5rem;
}
#content .selecBox {
	width: 100px;
	font-size: 13px;
	border: 1px solid #e0e0e0;
	padding: 0px 12px 0 6px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	background: rgb(255, 255, 255);
}
	#content .selecBox select {
	width: 130%;
	height: auto;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	display:inline-block;
	box-sizing: content-box;
	text-indent: 0.01px;
	text-overflow: '';
	font-family : inherit;
	font-size : 100%;
	outline: none;
}
 #content .selecBox:after {
	vertical-align: middle;
	position: absolute;
	right: 5px;
	top: 5px;
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.selectArea select{
	position: absolute;
	display: none;
	z-index: 9999;
	text-indent: 0.5em;
}
.selectArea .arrow{
	position: relative;
	margin-left: -20px;
}
.selectArea .arrow img{
	position: relative;
}
.selectArea .arrow2{
	position: relative;
	margin-left: -20px;
	top: 3px;
	cursor: pointer;
}
.selectArea .arrow2 img{
	position: relative;
}

@media screen and (max-width: 750px){
	.selectArea.pastSelect select{ 
		width: 142px;
		left: inherit;
	}
	.selectArea .arrow{
		display: none !important;
	}
	.selectArea .arrow img{
		width: 11px;
	}
	.selectArea .arrow2{
		display: none !important;
	}
	.selectArea .arrow2 img{
		width: 7px;
	}
	.selectArea select{
		display: block !important;
		position: inherit;
	}
	select{
		background: url(/official/common/img/icon/icon_select_arrow.png) no-repeat white;
		background-position: 95% center;
	}
	.selectArea select.pastPerformance, .selectArea select.pastPerformance2 {
		position: static;
	}
}

input[type="radio"]{
	display: none;
}
input[type="radio"]{
    display:block\9;
}
label.search_condition{
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 0px 10px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
label.search_condition{
	display: none\9;
}
label.search_condition:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -2px;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	background: #FFF;
	box-sizing:content-box;
	border-radius: 50%;
	border:#d2d2d2 solid 1px;
}
input[type="radio"]:checked + label.search_condition:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #00822d;
	box-sizing:content-box;
}
/*start 修正日付20150818 【No.10】 会員詳細ページ 右カラムなしにデザイン変更*/
.profileDetailed .boxIn03 dl{
	float:right;
	border:#c8c8c8 solid 1px;
	width:150px;
	text-align:center;
	margin:7px 0 0 13px;
}
@media screen and (max-width: 750px){
	.profileDetailed .boxIn03 dl{
		display: none;
	}
}
.profileDetailed .boxIn03 dl.rize{
	width:223px;
}

.profileDetailed .boxIn03 dl.rize p{
	float:left;
	width:157px;
}
.profileDetailed .boxIn03 dl.rize p.r_rank{
	float:left;
	width:65px;
	border-right:#c8c8c8 solid 1px;
}
/*end 修正日付20150818 【No.10】 会員詳細ページ 右カラムなしにデザイン変更*/

#body-en .mainCont {
	width: 100%;
}
h3 {
  letter-spacing: 0 !important;
  line-height: 1.2rem;
  font-size: 150% !important;
  margin: 0 0 10px 0 !important;
}
h2 small,
h3 small {
  color: #a3a3a3 !important;
  font-size: 0.6rem !important;
  font-weight: bold;
  line-height: 1rem;
  width: 100% !important;
}
h3 small {
  display: inline;
  margin-left: 5px;
}
.birthdayArea h4 {
	margin: 0;
	font-size: 100%;
}
.birthdayArea h4:before {
  font-family: "FontAwesome";
  content: "\f0c8";
  color: #00822d;
  display: inline-block;
  margin-right: 5px;
}
h4.floatL > img {
  display: none;
}
h4.floatL > img {
  display: none;
}
@media screen and (max-width: 750px) {
  #form_membes_search .clearfix .g_list {
    margin-left: 105px;
    height: 26px;
    font-size: 12px;
	padding: 0;
	/*margin:7px 0 0 97px;*/
	width:70%;
	max-width: 195px;
  }
	.p_ttl {
    padding-top: 7px;
	}
	.nameSearch .p_ttl {
    width: 48px;
	}
	#content .selecBox {
		width: 95px;
		font-size: 12px;
	}
	label span.ml10.mt5 {
		margin: 10px 34px;
	}
	label span.ml10.mt5:after{
		margin-top: 3px;
	}
	#form_membes_search .clearfix input.search_name {
		height: 23px;
		width: 60% !important;
	}
	.photBox #content .tableWrap table {
		width: 100% !important; 
	}
	#content .tableWrap table {
    width: 600px !important;
	}
	#body-en #content .tableWrap table {
    width: 100% !important;
	}
}
.material-icons {
	vertical-align: -6px;
}
#content .selecBox select {
	padding: 5px 0;
}
.btn.submit_btn {
  display: flex;
}
.part_position {
  position: relative;
  bottom: 5px;
}
