@charset "utf-8";

/* 2016.05
 * --------------------------------------------------------------*/
body {
	font-size: 18px;
}
#content div.mainCont{
	clear:both !important;
}
#content .h3Area {
    padding-bottom: 2px !important;
    margin-bottom: 10px !important;
    clear: both !important;
    overflow: hidden !important;
    font-size: 0.80em !important;
}
#content .h3Area h3,
#content .h3Area h3 span {
    letter-spacing: 0 !important;
}
#content .h3Area h3 span {
    margin-left: 0 !important;
    display: inline-block;
}
#content .h3Area h3:before {
  color:#00822d;
  content: "\f0c8 \0020";
  font-family: FontAwesome;
}

 #content h3 span.sub{
 	color:#999;
     padding-left:0.8em;
     font-size:0.6em;
     font-weight:bold;
 }
 
.NewsArea dt a {
	font-size:120% !important;
}
.NewsArea h4 span:first-child {letter-spacing:0;}
.NewsArea h4 span, .qtArea h4 span {top:-5 !important;}
.NewsArea h4 span.txtRed {
    color:transparent !important;
    margin-top:0.35em;
	margin-left:-0.8em;
}
.NewsArea h4 span.txtRed:after {
  color:#00822d;
  content: "\f101";
  font-family: FontAwesome;
}

.NewsArea h4 a {
  width:9.0em;
  height:1.2em;
  overflow:hidden;
  margin-top:0.35em;
}


@media screen and (max-width: 750px){
    #content {
        padding: 10px 4.2% 30px; 
    }
    
    #content .h3Area h3 {
        font-size: 1.35em !important;
    }
    #content .h3Area h3 span {
        font-weight:bold !important;
    }
    .NewsArea dt a {
		font-size:110% !important;
	}
    .NewsArea dl dd {
    	font-size:0.9em;
    }
}

/* 9b7dfc19689cc2d2b2cef331c10cb2dd6233f25c.css(既存)から 
 * 103_プロテスト合格者一覧 -------------------------------------*/

.itiran_text_area{
	margin-bottom: 10px;
}
.itiran_text_area .sub_text{
	float: left;
}
.itiran_text_area .schedule_text a{
	float: right;
	font-size: 14px;
	color: #00822d;
}
.schedule_text_icon{
	margin-left: 4px;
}
.puro_List_content li{
	float: left;
	width:25%;
	margin-bottom:1em;
}
.puro_List_content .pc_lust{
	margin-right: 0;
}
.puro_List_content p{
	text-align: center;
}
.puro_List_content .puro_List_name{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 5px 0 0;
}
.progolfertest_pass_main  .puro_List_name{
	color: #ff8dc0;
}
.puro_List_content .puro_List_name a{
	font-weight: bold;
	color: #f280b3;
}
.puro_List_content .puro_List_text{
	font-size: 12px;
}
.pc_none{
	display: none;
}
@media screen and (max-width: 750px){
	.itiran_text_area{
		margin-bottom: 25px;
	}
	#content .h3Area .goukaku_itiran_h3Area{
		margin-bottom: 20px;
	}
	.itiran_text_area .sub_text{
		font-size: 10px;
	}
	.itiran_text_area .schedule_text a{
		font-size: 12px;
	}
	.puro_List_content li{
		margin: 0;
		padding: 0 0.5em 0.5em;
		width: 50%;
	}
	.puro_List_content .sp_lust{
		margin-right: 0;
	}
	.puro_List_content .puro_List_name{
		font-size: 12px;
	}
	.puro_List_content .puro_List_text{
		font-size: 11px;
	}
	.pc_none{
		display: block;
	}
	.sp_none{
		display: none;
	}
	#content .h3Area{
		padding-bottom: 0%;
	}
	#content .progolfertest_pass_Data_title h3{
		width: 80.5%;
		line-height: 1;
	}
	.schedule_text2 a{
		font-size: 12px;
	}
}
/*end_合格者一覧ページ_修正日付20150721*/
#passing div.main_photo{
	float: left;
	margin:0 1.5em 1.0em 0;
}
#passing section.info_main div:not(.main_photo){
	width:429px;
    float:right;
}
#passing div.main_name dl {
    display:block;
    margin-bottom:0.4em;
    font-size:0.9em;
}
#passing div.main_name dl dt {
    display:inline-block;
    width:15%;
    border-radius:5px;
    background:#eee;
    text-align:center;
    padding:0.1em 0;
    margin-right:0.6em;
}
#passing div.main_name dl dd {
    display:inline-block;
    font-size:1.2em;
}
#passing .table{
    display:table;
    table-layout:fixed;
}
#passing div.main_score {
    margin-top:5px;
}
#passing div.main_score ul {
    display:table-row;
    text-align:center;
}
#passing div.main_score ul:nth-child(odd) > li {
    background: rgba(138,128,0,0.18);
}
#passing div.main_score ul:nth-child(odd) > li span {
    font-weight:bold;
}
#passing div.main_score ul > li {
    display:table-cell;
    padding:3px 0;
}
#passing div.main_score ul > li span {
    display:block;
    width:100%;
}
#passing div.main_score ul > li:not(:last-child) span {
    border-right:1px solid rgba(0,0,0,.15);
}
#passing section.info_profile {
    clear:both;
    padding-top: 10px;
}
#passing section.info_profile dl {
    margin-bottom:0.3em;
    line-height:1.6em;
    border-bottom:1px dotted #ccc;
    display: flex;
    align-items: stretch;
}
#passing section.info_profile dl > * {
    display:inline-block;
}
#passing section.info_profile dl > * > span {
    width:100%;
    display:block;
}
#passing section.info_profile dl > dt > span {
    border-right:none;
    margin: 6% 0 5% 0;
}
#passing section.info_profile dl > dd > span {
    border-right:none;
    padding:0.4em 0.5em;
}
#passing section.info_profile dl > dt {
    width:30%;
    font-size:0.9em;
    margin-bottom:0.2em;
    border-left:5px solid #00822d;
	box-sizing:border-box;
	padding:0 0.6em;
}
#passing section.info_profile dl > dd {
	width:70%;
	border-left: 1px solid #ccc;
	margin: 5px 0px 7px 0px;
}

@media screen and (max-width: 750px){
	#passing div.main_photo{
		width:50%;
	    margin: 0;
	    margin-bottom:0.5em;
	}
	#passing section.info_main div:not(.main_photo){
	    float:none;
	    width:100%;
	}
	#passing section.info_main div.main_name{
	    padding-left:0.5em;
		font-size:0.9em;
		margin-left:50%;
	    width:50%;
	}
	#passing div.main_name dl dt {
	    width:100%;
	}
	#passing div.main_name dl dd {
	    display:block;
		text-align:center;
	    margin-bottom:0.5em;
	}
	#passing div.main_score ul:nth-child(odd) > li {
		font-size:0.75em;
	}
	#passing section.info_profile {
		margin-top:10px;
	}
	#passing section.info_profile dl {
	    display: block;
	}
	#passing section.info_profile dl > dt,
	#passing section.info_profile dl > dd {
		width:100%;
	    display:block;
		padding:0 0.2em;
	}
	#passing section.info_profile dl > dd {
 	    border-left:none;
	}
	#passing section.info_profile dl > * > span {
	    border-right:0;
		padding:0 0.2em;
	}
	#passing section.info_profile dl > dt > span{
	    font-weight:bold;
	}
	#passing section.info_profile dl > dd > span {
        padding:0em;
	}
}

/* 新規CSS ---------------------------------------------------*/

/* breadCrumb
  * --------------------------------------------------------------*/
 .breadCrumb{
     clear: both;
     width: 960px;
 }
 .breadCrumbWrap{
     clear: both;
 }
 .breadCrumb li{
 	color: #aaa;
     font-size: 0.75rem;
 }
 .breadCrumb li:last-child{
 	color: #555;
     font-weight:bold;
 }
 .breadCrumb li .fa {
   font-size: 1.3em;
 }
/* links
 * --------------------------------------------------------------*/
/* group-link */
ul.group-link{
    display:table;
    table-layout: fixed;
    width:100%;
    margin:0 auto;
	font-size:1.0em;
}
ul.group-link > li {
	position: relative;
}
ul.group-link > li:not(:first-child){
	display:table-cell;
}
ul.group-link > li > a {
    display:block;
    height:1.5em;
    border-right: 2px solid #c3c3c3;
    color: #333;
    text-align:center;
    text-decoration:none;
}
ul.group-link > li.disabled > a{
    color: #aaa !important;
    pointer-events: none;
}
ul.group-link > li:last-child > a {
    border-right: none;
}
ul.group-link > li > a > span > span {
    display:block;
	padding-bottom:3px;
    border-bottom: 5px solid #bbe5c6;
}
ul.group-link > li.disabled > a span{
    border-bottom: 5px solid #e5e5e5;
}
ul.group-link > li > a:hover span,
ul.group-link > li > a.active span{
	border-bottom: 5px solid #00822d;
	color: #00822d;
    cursor:pointer;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
}
ul.group-link > li > a.active span {
	font-weight:bold;
}
@media screen and (max-width: 750px){
	ul.group-link > li > a span {font-size:0.75rem;}
}
/* button-link */
ul.button-link{
    display:table;
    width:100%;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing:15px 10px;
    margin:0 auto;
    text-align:center;
}
ul.button-link+ul.button-link{
    border-spacing:15px 5px;
}

ul.button-link li {
    position:relative;
    overflow:hidden;
    display:table-cell;
    border-bottom:3px solid #b5b5b5;
    border-radius:10px;
	background:#ececeb;
}
ul.button-link li.mypage-link {
	background:#2d3e46;
    border-bottom:3px solid #182d3f;
}
ul.button-link li:not(.disabled).mypage-link:hover {
    background:#57656b;
}
#qualify ul.button-link li a ,
ul.button-link li a{
    display:block;
    padding:0.8em 6em;
}
ul.button-link li a span {
    position:relative;
	font-size:1.15em;
    color: #00822d;
    font-weight:bold;
    z-index:0;
    cursor:pointer;
}
ul.button-link li.mypage-link a span {
    color: #fff;
}
ul.button-link li:not(.disabled):hover {
    border-bottom-width:1px;
    border-top:2px solid #fff;
    background:#f5f5f5;
    -moz-transition: background-color 0.1s ease-out;
    -webkit-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    -ms-transition: background-color 0.1s ease-out;
}
ul.button-link li:hover a {
    text-decoration:none;
}

ul.button-link span.tag {
    display:block;
    border-radius:10px;
    padding:5px 7px;
	font-size:1.7em;
    position:absolute;
	text-align:center;
    line-height:20px;
    background:rgba(0,0,0,.4);
    color:#fff;
    top:3px;
    left:5px;
    z-index:0;
}
ul.button-link li span.bg{
    display:block;
    width:1.5em;
	font-size:4.5em;
    position:absolute;
	text-align:center;
    line-height:50px;
    color:rgba(155,216,170,.4);
/*     color:rgba(0,0,0,.1); */
    top:12%;
    right:-0.4em;
}
ul.button-link li.mypage-link span.bg{
    color:rgba(255,255,255,.1);
}
ul.button-link li.disabled {
    border-bottom-color:#777!important;
}
ul.button-link li.disabled > a {
	background:#aaa;
}
ul.button-link > li.disabled > a span:first-child{
	color:#777!important;
}
ul.button-link li.disabled span.bg{
    color:rgba(0,0,0,.1);
}
ul.button-link li.disabled > a,
ul.button-link > li.disabled > a span{
	cursor: default!important;
}

@media screen and (max-width: 750px){
	ul.button-link{
    display:block;
    width:100%;
    }
	ul.button-link li{
    margin-bottom:12px;
	display:block;
    height:auto;
	}
    #qualify ul.button-link li a ,
    ul.button-link li a{
    padding:0.8em 3.8em;
	}
    ul.button-link li span.bg{
	font-size:2.7em;
    width:1.0em;
    left:0.2em;
    line-height:1.0em;
	}
    ul.button-link span.tag {
    top:7px;
	border-radius:8px;
    left:inherit;
    right:5px;
	}
}

/* tab-link */
ul.tab-link{
	float:right;
	margin:0 0 10px;
}
ul.tab-link > li {
	display:inline-block;
}
ul.tab-link > li a {
    margin-left:0.3em;
	padding:0.3em 0.8em;
	background:#ccc;
    font-size:1.2em;
    text-decoration:none;
}
ul.tab-link > li span {
	color:#333;
    font-weight:bold;
	cursor:pointer;
}
ul.tab-link > li a.active,
ul.tab-link > li a.active span {
	background:#00822d;
	color:#fff;
}
ul.tab-link > li a:hover,
ul.tab-link > li a:hover span {
    background:#eee;
	color:#00822d;
}
@media screen and (max-width: 750px){
    ul.tab-link{
    float:none;
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:10px 0;
    }
    ul.tab-link > li {
    display:table-cell;
    table-layout:fixed;
    }
    ul.tab-link > li a {
    width:100%;
    display:block;
    text-align:center;
    margin-left:0;
    font-size:1.1em;
}
}
/* フロー
 * --------------------------------------------------------------*/
　　div#flow ul{
     display:table;
     width:100%;
 }
 div#flow ul li {
     display:table-cell;
 }
 div#flow ul li div {
 	float:left;
 }
 div#flow ul li div > dl{
     border-radius:5px;
 	padding:5px 5px 0 5px;
     box-sizing:border-box;
     border:2px solid #ccc;
 }
 div#flow.pt ul li div > dl{
     width:115px;
 }
 div#flow.qt ul li div > dl{
     width:100px;
 }
 div#flow ul li div > dl > dt {
     background:#0e7651;
 	margin:0 auto;
     color:#fff;
 	padding:0.2em 0;
     font-size:1.1em;
     text-align:center;
     border-radius:5px;
 }
 div#flow ul li div > dl > dt span {
 	display:none;
 }
 div#flow.qt ul li:last-child div > dl > dt {
     background:transparent;
 	padding:0;
 }
 div#flow.qt ul li:last-child div > dl > dd {
 	padding:5px 0;
 }
 div#flow ul li div > dl > dd {
     font-weight:bold;
 	padding:0.8em 0;
     text-align:center;
 }
 div#flow ul li div > dl > dd > dl dt {
     font-weight:bold;
 	font-size:0.9em;
 }
 div#flow ul li div > dl > dd > dl dd {
 	font-size:0.79em;
 	color:#666;
 }
 div#flow ul li div > dl img {
 	width:70px;
     height:70px;
     margin:5px auto 0 auto;
     display:block;
 }
 div#flow ul li div + div {
     position:relative;
 }
 div#flow.pt ul li div + div,
 div#flow.pt ul li div + div:after,
 div#flow.pt ul li div + div span:after {
 	width:46px;
 }
 div#flow.qt ul li div + div,
 div#flow.qt ul li div + div:after,
 div#flow.qt ul li div + div span:after {
 	width: 1rem;
 }
 div#flow ul li div + div span {
     display:block;
 	padding:1.0em 0;
     font-weight:bold;
     color:#777;
     font-size:0.9em;
     text-align:center;
 }
 div#flow.qt ul li div + div span {
     padding: 0;
     padding-top: 1.0rem;
     font-size:0.85rem;
     -ms-writing-mode: tb-rl;
     -webkit-writing-mode: vertical-rl;
     -o-writing-mode: vertical-rl;
     writing-mode: vertical-rl;
     letter-spacing: 0.3em;
     white-space: nowrap;
 }
 div#flow ul li div + div:after {
 	display:block;
     font-weight:normal;
     position:absolute;
     color:#00822d;
     content:"\f101";
     font-family: FontAwesome;
     text-align:center;
 }
 div#flow.pt ul li div + div:after {
 	font-size:3.0em;
     top:15px;
 }
 div#flow.qt ul li div + div:after {
 	font-size:1.7rem;
     top:60px;
     padding: 0 0.25rem;
 }
 
 @media screen and (max-width: 750px){
 div#flow ul{
     display:block;
     width:100%;
 }
 div#flow ul li {
     display:block;
 }
 div#flow ul li div {
 	float:none;
 }
 div#flow.pt ul li div > dl,
 div#flow.qt ul li div > dl {
 	width:100%;
 	padding:0;
     border-width:1px;
     overflow:hidden;
 }
 div#flow ul li div > dl > dt {
     padding: 0.1em 0;
     font-size: 1.0em;
     border-radius:0;
 }
 div#flow ul li div > dl > dd {
 	padding:0.3em 0;
 }
 div#flow ul li div > dl > dd > dl dt {
 	font-size:1.0em;
     display:inline;
 }
 div#flow ul li div > dl > dt span {
 	display:inline;
 }
 div#flow ul li div > dl > dd > dl dd {
     display:inline;
 	font-size:0.85em;
 }
 div#flow ul li div > dl > dd > dl dd:not(:last-child):after {
 	content:" /";
 }
 div#flow.qt ul li div + div,
 div#flow.qt ul li div + div:after,
 div#flow.pt ul li div + div,
 div#flow.pt ul li div + div:after{
     margin: 0 auto;
     line-height: 1.0;
 	width: auto;
 }
 div#flow.qt ul li div + div span,
 div#flow.pt ul li div + div span {
     display:none;
 }
 div#flow ul li div + div:after {
     position:relative;
     content:"\f103";
 }
 div#flow.pt ul li div + div:after,
 div#flow.qt ul li div + div:after {
     top:0;
 	font-size:2.5em;
 }
 }
/* 102_スケジュール
 * --------------------------------------------------------------*/
div.panel > .panel-head{
    padding:0.4em 0.8em;
    border-radius:2px;
	background:#e9e7cf;
    font-size:1.2em;
}
div.panel > .panel-head > span {
	font-weight:bold;
}
div.panel > .panel-body{
    padding:0.4em;
}
div.panel > .panel-body > dl{
    margin-bottom:0.8em;
    position:relative;
}
div.panel > .panel-body > dl a {
    color:#00822d;
	font-weight:bold;
}
div.panel > .panel-body > dl > dt {
    display:block;
	font-weight:bold;
}
div.panel > .panel-body > dl > dt:before {
    content: "\f096 \0020";
    color:#00822d;
    font-family: FontAwesome;
}
div.panel > .panel-body > dl > dd {
	padding-left: 10px;
    display:block;
}
div.panel > .panel-body > dl > dd.date {
    color:#0a3f32;
    font-weight:bold;
}
div.panel > .panel-body > dl > dd.pairing{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0.7em;
}
div.panel > .panel-body > dl > dd > ul dl {
	display:table;
    width:100%;
    margin-bottom:3px;
}
div.panel > .panel-body > dl > dd > ul dl > * {
	display:inline-block;
}
div.panel > .panel-body > dl > dd > ul dt {
    text-align:center;
    border-radius:5px;
    background:#eee;
    padding:0.1em 0.5em;
    font-weight:bold;
    width:8.0em;
    margin-right:1.0em;
}
div.panel > .panel-body > dl > dd > ul dd {
    padding:2px 0.7em;
}
div.panel > .panel-body > dl > dd > ul dd a {
	text-decoration:underline;
    font-weight:100;
}
div.panel > .panel-body > dl > dd > ul dd a:after {
	content: "\0020 \f101";
    font-family: FontAwesome;
}
div.panel > .panel-body > dl > dd > ul.disabled,
div.panel > .panel-body > dl > dd > ul.disabled *,
div.panel > .panel-body > dl > dd > ul dl.disabled,
div.panel > .panel-body > dl > dd > ul dl.disabled *,
div.panel > .panel-body > dl > dd > ul dl > .disabled,
div.panel > .panel-body > dl > dd > ul dl > .disabled > * {
	text-decoration:none !important;
    color:#aaa !important;
    pointer-events:none !important;
}

@media screen and (max-width: 750px){
    div.panel > .panel-head{
    font-size:1.0em;
	}
	div.panel > .panel-body > dl > dd {
	padding-left: 0px;
	}
    div.panel > .panel-body > dl > dd > ul dl {
    border:1px solid #ccc;
    border-radius:5px;
    }
    div.panel > .panel-body > dl > dd > ul dt {
    display:block;
    width:100%;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    padding:0px;
    }
    div.panel > .panel-body > dl > dd > ul dd {
    text-align:center;
    padding:2px 0.5em;
    }
    div.panel > .panel-body > dl > dd.pairing > ul > li{
	margin-bottom:7px;
	}
    div.panel > .panel-body > dl > dd > ul dd a {
	font-size:1.1em;
	}
}
a.pointList {
	text-decoration: underline;
	font-weight: normal !important;
}
/* 203_QTランキング
 * --------------------------------------------------------------*/
/* tab */
#content .leaderBoard .round,
#content .hbyh .round{
	float: left;
	margin-bottom: 18px;
	border-left: 2px solid #c3c3c3;
}
#content .leaderBoard .round li{
	float: left;
	border-right: 2px solid #c3c3c3;
	line-height: 1em;
	color: #666666;
	cursor: pointer;
}
#content .leaderBoard .round li span{
	padding: 0 1em;
}
#content .leaderBoard .round li span.active{
	padding-bottom: 3px;
	border-bottom: 2px solid #00822d;
	color: #00822d;
}
#content .leaderBoard .round a{
	color: #666666;
}
@media screen and (max-width: 750px){
#content .leaderBoard .round li span,
#content .hbyh .round li span{
	padding: 0 0.5em;
}
}
/* table */
#qtRanking .tableArea table{
	width: 600px;
	border-left: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
}
#qtRanking .tableArea th{
	background: #e9e7cf;
	padding: 0.2em 0;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
}
#qtRanking .tableArea td{
	padding: 0.5em 0;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
}
#qtRanking .tableArea tr:nth-child(even){
	background: #fffff3;
}
#qtRanking .tableArea table th.rank {
	width:10%;
}
#qtRanking .tableArea table th.name,
#qtRanking .tableArea table th.belong {
	width:40%;
}
@media screen and (max-width: 750px){
	#qtRanking .tableCaption .date img{
		width: 50%;
	}
    #qtRanking .tableArea table{
        width: 100%;
    }
    #qtRanking .tableArea th{
    font-size: 90%;
    font-weight:bold;
    }
    #qtRanking .tableArea td{
    padding: 0.7em 0;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    text-align: center;
    font-size: 85%;
    }
    #qtRanking .tableArea tr:nth-child(even){
    background: #fffff3;
    }
    #qtRanking .tableArea table th.rank {
    width:10%;
    }
    #qtRanking .tableArea table th.name {
    width:40%;
    }
    #qtRanking .tableArea table th.belong {
    width:50%;
    }
	/* start 修正日付20150219 */
	.subNavi{
		max-width: 180px;
		margin-bottom: 30px;
	}
	/* end 修正日付20150219 */
}

/* others */
.disNone {display:none !important;}
.clearfix {clear: both !important;}


/* note */
div.note {
    font-size: 0.85rem;
}
div.note p {
    font-size: 0.9rem;
    text-align:center;
	padding: 0.5em 0;
    font-weight:700;
}
div.note ul {
    color: #00822d;  
    background: #fdf7f6;
    padding: 10px 15px;    
}
div.note ul li {
    font-weight: 700;
    padding-left: 1rem;
    text-indent:-1rem;
}

/*-------------------------------------------------------------
 *  301_PTヘッダー
 *  --------------------------------------------------------------*/
#stageInfo {
   width:auto;
   margin-bottom:5px;
}
#stageInfo > ul{
   width:100%;
}
#stageInfo > ul > li {
   font-size:1.3em;
}
#stageInfo > ul > li:before {
   color:#00822d;
   content: "\f041 \0020";
   font-family: FontAwesome;
   margin-right:0.2em;
}
#stageInfo > ul > li a {
   text-decoration:underline;
}

/* head-info */
.head-infoBox{
   margin: 0 0 15px !important;
}
@media screen and (max-width: 750px){
	.head-infoBox{
		width: 100% !important;
        margin: 0px auto 10px !important;
	}
}

/* select */
#content .h3Area {
	position: relative;
}
#content .selecBoxWrap {
	position: absolute;
	right: 0;
	top:0.6em;
}
#content .selecBoxWrap .selecBox {
	color: #444;
}
#content .selecBox {
	width: 140px;
	font-size: 13px;
	border: 1px solid #e0e0e0;
	padding: 0px 12px 0 6px;
	overflow: hidden;
	position: relative;
}
#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%;
}
#content .selecBox select::-ms-expand {
	display: none;
}
#content .selecBox select:focus {
	border: none;
	outline: none;
	box-shadow: 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;
}
@media screen and (max-width: 750px) {
	#content .selecBoxWrap {
		top:0;
	}
}

div.moreLink{
	float:right;
    margin-top:5px;
}
div.moreLink> a {
    padding:2px 1.0em;
    border-radius:5px;
	background:#eee;
    display:block;
}
div.moreLink > a:after{
    color:#00822d;
    content: "\0020 \f101";
    font-family: FontAwesome;
}
@media screen and (max-width: 750px){
#stageInfo {
	display:none;
}
div.moreLink{
	float:none;
    text-align:center;
    margin-top:10px;
}
div.moreLink> a {
    padding:0.3em 0;
    font-weight:bold;
}
}

/* menu */
ul.qtpt-tab {
    display:block;
    width:100%;
}
ul.qtpt-tab > li{
   	position:relative;
    float:left;
	display:block;
	min-width:33.3333333%;
    padding-bottom:0.4em;
    box-sizing:border-box;
    padding-right:0.4em;
}
ul.qtpt-tab > li:last-child{
    margin-bottom:0.5em;
}
ul.qtpt-tab > li > a {
    display:block;
    border-radius:3px;
    border:1px solid #a099a0;
    overflow:hidden;
}
ul.qtpt-tab > li a span{
    width:100%;
    display:inline-block;
    padding-right:0.5em;
    cursor:pointer;
}
ul.qtpt-tab > li a span:before {
    display:inline-block;
    width:1.5em;
	margin-right:0.4em;
    line-height:1.45em;
	text-align:center;
    color:#fff;
    font-family: FontAwesome;  
    font-size:1.4em;
    font-weight:normal;
	background:#a099a0;
    content:"\f091";
}
ul.qtpt-tab > li.top a span:before {
    content:"\f060";
}
ul.qtpt-tab > li.pairing a span:before {
    content:"\f0c0";
}
ul.qtpt-tab > li.leaderboard a span:before {
    content:"\f007";
}
ul.qtpt-tab > li.holebyholes a span:before {
    content:"\f0ca";
}
    

ul.qtpt-tab > li > a.active {
    border-color:#00822d;
}
ul.qtpt-tab > li a.active span:before {
	background:#00822d;
}
ul.qtpt-tab > li a.active span {
	color:#00822d;
    font-weight:bold;
}
/*hover*/
ul.qtpt-tab > li:hover > a{
	color:#00822d !important;
    border-color:#00822d;
/*     border-bottom-right-radius:0; */
/*     border-bottom-left-radius:0; */
}
ul.qtpt-tab > li:hover a span,
ul.qtpt-tab > li:hover a span:before {
    background:#00822d;
}
ul.qtpt-tab > li:hover a span {
    color:#fff;
}

ul.qtpt-tab > li:hover a span,
ul.qtpt-tab > li:hover a span:before,
ul.qtpt-tab li ul > li {
    -moz-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
}
ul.qtpt-tab > li:hover{
    -moz-transition: 0.1s ease;
    -webkit-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    -ms-transition: 0.1s ease;
}

@media screen and (max-width: 750px){
ul.qtpt-tab {
    border-top:none;
    font-size:0.9em;
    padding-top:0;
    margin-top:0;
    overflow: auto;
}
ul.qtpt-tab > li{
	width:50%;
}
}

/* drop-down */
div.dropdown {
   	position:absolute;
    display:none;
    width:100%;
	padding-right:0.44em;
    font-size:0.9em;
    line-height:1.35em;
    top:2.3em;
    box-sizing:border-box;
    z-index:20;
}
ul.qtpt-tab li ul {
    display:block;
	width:100%;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    box-sizing:border-box;
    text-align:right;
    background:#fff;
    border:1px solid #00822d;
/*     border-top:none; */
}
ul.qtpt-tab li ul > li {
    display:block;
    margin:0;
    padding-right:0.8em;
}
ul.qtpt-tab li ul > li a:after {
    font-family: FontAwesome;  
    content:"\0020 \f101";
/*     margin-left:0.3em; */
}
ul.qtpt-tab li ul > li.selected,
ul.qtpt-tab li ul > li:hover {
    background:#eee;
    font-weight:bold;
}
ul.qtpt-tab li ul > li a {
	padding:0.5em 0;
	display:block;
}
ul.qtpt-tab li ul > li:hover {
	text-decoration:underline;
}

/* round */
.round{clear: both;}

/* langz */
.langz li:hover {
    background:#e9e7cf;
}
@media screen and (max-width: 750px){
.langz{margin-top:0.2em;}
}

/* pairing */
ul.startTimeLink{
    text-align:right;
}
ul.startTimeLink > li{
    display:inline-block;
}
ul.startTimeLink > li > a{
    width:100%;
    font-size:0.9em;
    background:#eee;
    border-radius:5px;
    padding:0.1em 0.5em;
    text-decoration:none;
}
ul.startTimeLink > li > a:after{
    background:#fff;
    border-radius:5px;
    padding:0.1em 0.35em;
    margin-left:0.2em;
    color:#00822d;
    content: "\f103";
    font-family: FontAwesome;
}
div.startTimeLabel{
    border-bottom:2px solid #00822d;
    margin:20px 0 5px 0;
    
}
div.startTimeLabel:before{
    border-radius:5px;
    padding:0.1em 0.2em;
    color:#00822d;
    content: "\f101";
    font-family: FontAwesome;
}

div.startTimeLabel > span{
    font-size:1.0em;
    font-weight:bold;
}
.pairingTable td {
    border: none;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
td.time {
    padding:0 !important;
/* 	background:#eee; */
}
td.time > span {
    font-weight:bold;
/* 	background:#eee; */
    display:block;
}

@media screen and (max-width: 750px){
ul.startTimeLink {
	text-align:left;
}
ul.startTimeLink > li{
/*     display:block; */
    margin-bottom:7px;
    min-width:49%;
}
ul.startTimeLink > li > a{
    position:relative;
    display:block;
    padding:0.2em 0.5em;
}
ul.startTimeLink > li > a:after{
    position:absolute;
	right:0.3em;
    padding:0 0.5em;
}
/*ul.startTimeLink > li span{*/
/*    font-size:0.7em;*/
/*}*/
#content .tableWrap {
    overflow: visible;
    width: 100%;
}
#content .hbyh .tableWrap {
    overflow: scroll;
}
}

/* leaderboard */
/* my leader board */
div.boardIcons dl {
    display:inline-block;
/*     width:49.6%; */
    box-sizing:border-box;
    margin-bottom:0.3em;
	font-size:0.9em;
}
div.boardIcons dl dt {
    display:inline-block;
    border-radius:5px;
	background:#aaa;
    color:#fff;
/* 	font-size:; */
    text-align:center;
    padding: 0 0.5em;
    margin-right:0.4em;
}
div.boardIcons dl dd {
    display:inline-block;
}


.plutab input[type=button] {
    border: none;
    cursor: pointer;
    width: 80%;
    height: 1.5em;
    background:none !important;
    text-indent: 0;
    font-family: FontAwesome;
}
td.plutab {
    position:relative;
    padding:0 !important;
    margin:0 !important;
    color:#00822d;
}
td.plutab:before {
    font-family: FontAwesome;
    display:block;
    width:100%;
    line-height: 2.0em;
    position:absolute;
    z-index:-5;
}
#tbl0 td.plutab:before {
    content: "\f068";
}
#tbl1 td.plutab:before {
    content: "\f067";
}
#tbl1 td.plutab.selected:before {
    content: "";
}
@media screen and (max-width: 750px){
#tbl0 th,
#tbl1 th {
    font-size:0.5em;
}
}

#content .schedule.index.juniorTable td {
    padding: 2px;
    border-bottom: 1px solid #D3D3D3;
}

#content .link-past {
    text-align: right;
    margin-top: 20px;
}
#content .link-past a{
    color: inherit;
}
#content .link-past a:hover{
    text-decoration: none;
    opacity: 0.8;
}
#content .link-past a .fa{
    color: #00822d;
    font-size: 1.3em;
}

/* guideline
-----------------------------------------*/
#guideline {
	position: relative;
	overflow: auto;
}
#guideline h4 {
	font-size: 0.85rem;
	border-bottom: 2px solid #00822d;
	padding-bottom: 0.2rem;
	margin-top: 20px;
}
#guideline h5 {
	border-bottom: 2px dotted #dedede;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 5px;
}
#guideline ol.rule-list {
	margin-bottom: 0.5rem;
}
#guideline ol.rule-list li {
	margin-bottom: 0.2rem;
	padding-left: 1.15rem;
	position: relative;
	overflow: auto;
}
#guideline ol.rule-list li span.mark {
	display: inline-block;
	position: absolute;
	left: 0;
	font-weight: inherit;
}
#guideline .sup {
	font-size: 0.7rem;
}
#guideline span.sup {
	vertical-align: super;
}
#guideline .qualify-rule:not(.open) + .guideline-body {
	display: none;
}
#guideline .guideline-body {
	font-size: 0.8rem;
	overflow: hidden;
}
.qualify-rule {
	background: #eee;
	display:block;
	width:100%;
	text-align: center;
	color: #00822d;
	font-size: 1rem;
	line-height: 2.5rem;
	cursor: pointer;
	margin-top: 0.5rem;
}
.qualify-rule i {
	margin-left: 0.2rem;
	font-size: 1.6rem;
}
#guideline .quote{
	border: 1px solid #999;
	padding: 0.5em 1em;
	margin: 0.2em 0;
	background: #f5f5f5;
}
#guideline .underline {
border-bottom: 1px solid #777;
display: inline;
}
#guideline .underline + p {
	margin-top: 0.3em;
	margin-left: 1.5em;
}
#guideline .underline + p + ol.rule-list{
	margin-left: 1.5em;
}
#flow-popup .title{
	clear: both;
	width: auto;
	font-size: 16px;
	border-left: #00822d solid 4px;
	padding-left: 7px;
	height: 20px;
	line-height: 1;
	padding-top: 3px;
	margin-bottom: 14px;
}
#flow-popup .popcloseBtn {
	float: right;
	height: 18px;
	width: 71px;
	margin: 10px 10px 10px 0;
	display: block;
}
#flow-popup .popcloseBtn img{
	vertical-align: top;
}
#flow-popup .box{
	padding: 40px;
}
@media screen and (max-width: 750px){n
	#flow-popup .box{
		padding: 40px 10px 10px;
		clear:both;
		font-size: 0.7rem;
	}
	#flow-popup .popcloseBtn{
		right: 0;
	}
	#flow-popup .title{
		font-size: 13px;
		padding-left: 5px;
		margin-bottom: 14px;
		line-height: 1.3em;
	}
}
/* arrow list */
ol.arrowlist > li:not(:last-child):after{
	display:block;
	width:33.333%;
	content:"\f103";
	font-family: FontAwesome;
	text-align: center;
	font-size: 1.5em;
	color: #00822d;
	line-height: 1;
}
@media screen and (max-width: 750px){
	ol.arrowlist > li:not(:last-child):after{
		width:100%;
		margin-left: -0.575rem;
	}
}