
/*----------------- 会員ページ グローバル ------------ */


#member_global_header{

	background:#DDDDDD;

}


.member_column_container{
	display:flex;
}

.member_column_container div.left_col{

	width:155px;
	
/*	background:#7f747a;
	color:white;
*/
}
.member_column_container div.center_col{

	flex:1;
}

.member_column_container div.right_col{

	width:185px;
	margin-left:10px
}



#member_menu{

	margin:0 0px 100px 0 ;
	font-size:1.3rem;
	line-height:3.5rem;
}


#member_menu li{

	padding:0;
	margin:0;
}

#member_menu li a{
/*	color:#323232;*/
	color:#521232;
	background:#efefef;
	display:block;
	padding:0 5px 0 7px;
	letter-spacing:0.1rem;
/*	border-radius:20px 0 0 20px;*/
/*	border-radius:20px 0 0 20px;*/
	border-left:2px solid rgba(0,0,0,0);
/*	margin-left:2px;*/
/*	color:white;*/
	border-bottom:1px solid #fff;
}

#member_menu li.active a , #member_menu li.mymenu_categ1.active a , #member_menu li.mymenu_categ2.active a , #member_menu li.mymenu_categ3.active a{
	background:#fff;
/*	background:#aac;*/
/*	background:#EC6BA3;*/

/*	color:#fff;*/
/*	font-weight:bold;*/
	border-left:3px solid #EB6BA2;
/*	color:#7f747a;*/
/*	border-radius:20px 0 0 20px;*/
}

#member_menu li.mymenu_categ1 a{
	border-left:2px solid #cccccc;
}
#member_menu li.mymenu_categ2 a{
/*	background:#eff7ef;*/
	border-left:2px solid #aaddaa;
}
#member_menu li.mymenu_categ3 a{
/*	background:#efeff5;*/
	border-left:2px solid #aaaadd;
}


@media (hover: hover) {

	#member_menu li a:hover{
		background:#fff;
	}
}
@media (hover: none) {

	#member_menu li a:active{
		background:#fff;
	}
}
#member_menu div{
	padding:7px 0 3px 0;
	border-left:3px solid #eee;
}



#member_mycheck_title , .member_mycheck_title_sub{
	text-align:center;
	font-size:1.2rem;
	color:#777777;
	margin-bottom:10px;
	margin-top:15px;
	letter-spacing:0.3rem;
}
#member_mycheck_container li.member_mycheck_title_sub{
	background:#eee;
	border:none;
	margin-top:0;
	margin-bottom:0;
}

#member_mycheck_container{

/*	background:#fffffc;*/
    filter: drop-shadow(0px 0px 3px #ddd);
	font-size:1.2rem;
	

}


#member_mycheck_container li{

	padding:5px 10px 5px 10px;
/*	border-bottom:1px solid #F3F2F3;*/
	border-bottom:1px solid #668;
	background:#555566;
}
#member_mycheck_container li:first-child{

	border-radius:5px 5px 0 0 ;
}

#member_mycheck_container li:last-child{
	
/*	border-radius:0 0 5px 5px;*/
}

#member_mycheck_container li a{
/*	color:#555555;*/
	color:#fff;
	display:block;
	position:relative;
}

@media (hover: hover) {

	#member_mycheck_container li:hover{
	/*	background:#f2f2f2;*/
		background:#668;
	}
	#member_mycheck_container li.member_mycheck_title_sub:hover{
	/*	background:#f2f2f2;*/
		background:#eee;
	}
}
@media (hover: none) {

	#member_mycheck_container li:active{
	/*	background:#f2f2f2;*/
		background:#668;
	}
	#member_mycheck_container li.member_mycheck_title_sub:active{
	/*	background:#f2f2f2;*/
		background:#eee;
	}
}
#member_mycheck_container li.active{
/*	background:#f5f5f2;*/	
	background:#668;
/*	background:white;*/
	border-left:2px solid #EC6BA3;
	
}
#member_mycheck_container li a span.update{

	position:absolute;
	right:0;
}
#member_mycheck_container li a span.update_new{

	color: #fFBBF3;
    border-bottom: 2px #EC6BA3 solid;
}


#member_mycheck_container .member_mycheck_prerace{

	color:white;
}
.member_mycheck_prerace span{
	background:#EC6BA3;
	margin-right:2px;
	padding:0 2px 0 2px;
	border-radius:3px;
	font-size:1.1rem;
	color:white;
}

#member_topics_title{
	text-align:center;
	font-size:1.4rem;
	color:#777777;
	margin-bottom:10px;
	letter-spacing:0.5rem;
}
#member_topics_container a{
	font-size:1.3rem;
	color:#555;
	display:block;
	margin-bottom:30px;
}
@media (hover: hover) {

	#member_topics_container a:hover{
		color:#E75192;
	}
}
@media (hover: none) {

	#member_topics_container a:active{
		color:#E75192;
	}
}
#member_topics_container a img{
	width:100%;
}

.favorite_page_list .update{
	font-weight:bold;
}
.favorite_page_list .update_new{
	color:#cc0000;
	font-weight:bold;
}


/*----------------- 会員ページ コンテンツ ------------ */

.member_page_title{

	text-align:center;
	padding:7px 0 7px 0;
	font-size:1.8rem;
	font-weight:bold;
	margin:13px 10px 30px 10px;
	background:#E02575 url( /img/2/global/bg_member_title.jpg ) no-repeat;
	color:white;
	border-radius:8px;
	letter-spacing:0.8rem;
}
.member_page_title a , .member_page_title a:visited{
	color:white;
}
/*
.member_page_title_male{
	background:#0F7A9D url( /img/2/global/bg_member_title.jpg ) no-repeat;

}
.member_page_title_female{
	background:#E02575 url( /img/2/global/bg_member_title.jpg ) no-repeat;

}
*/
.member_page_title span{
/*	filter: drop-shadow(1px 1px 0px #000);*/
/*	filter: drop-shadow(1px 1px 5px #333);*/
	
}

.member_page_container{

	margin:20px;
	padding-bottom:50px;
}

#member_info_menu_container{

	display:flex;
/*	justify-content: center;*/
	justify-content: left;
/*	border-bottom:1px dashed #ccccaa;*/
	padding-bottom:5px;
/*	border-bottom:1px solid #ccccaa;*/
}


#member_info_menu_container li{
/*	flex:1;*/
	margin-right:8px;
	text-align:center;
/*	border-right:1px solid #ddddcc;*/

}
#member_info_menu_container li:last-child{
	border:none;
}
#member_info_menu_container a{
/*	color:#545454;*/
	color:#118CB6;
	font-size:1.3rem;
	padding:2px 15px 2px 15px;
	border-radius:5px;
	border:1px solid #118CB6;
	display:block;
	margin-bottom:3px;
	position:relative;
}

#member_info_menu_container a.active{
/*	background:#f2f2f7;*/
	background:#118CB6;
/*	background:#aac;*/
/*	background:#EC6BA3;*/
	color:white;
}

@media (hover: hover) {

	#member_info_menu_container a:hover{
	/*	background:#f2f2f7;*/
	/*	color:#333;*/
		background:#118CB6;
		color:white;
	}
}
@media (hover: none) {

	#member_info_menu_container a:active{
	/*	background:#f2f2f7;*/
	/*	color:#333;*/
		background:#118CB6;
		color:white;
	}
}
#member_info_menu_container li span{
	display:block;
	font-size:1.3rem;
	color:#ee0000;
}



#member_info_menu_container_index{

	display:flex;
	justify-content: center;
	border-bottom:1px dashed #ccccaa;
	padding-bottom:5px;
/*	border-bottom:1px solid #ccccaa;*/
}


#member_info_menu_container_index li{
	flex:1;
	margin-right:8px;
	text-align:center;
/*	border-right:1px solid #ddddcc;*/

}
#member_info_menu_container_index li:last-child{
	border:none;
}
#member_info_menu_container_index a{
	color:#545454;
/*	color:#118CB6;*/
	font-size:1.4rem;
	padding:2px 15px 2px 15px;
	border-radius:5px;
/*	border:1px solid #118CB6;*/
}

#member_info_menu_container_index a.active{
	background:#f2f2f7;
/*	background:#118CB6;*/
/*	background:#aac;*/
/*	background:#EC6BA3;*/
/*	color:white;*/
}
@media (hover: hover) {

	#member_info_menu_container_index a:hover{
		background:#f2f2f7;
		color:#333;
	}
}
@media (hover: none) {

	#member_info_menu_container_index a:active{
		background:#f2f2f7;
		color:#333;
	}
}

#member_info_menu_container_index li span{
	display:block;
	font-size:1.3rem;
	color:#ee0000;
}



#member_horse_menu_container{

	display:flex;
	justify-content: space-around;
	padding-bottom:20px;
}
#member_horse_menu_container li{
	flex:1;
	text-align:center;

}
#member_horse_menu_container a{
	font-size:1.4rem;
	display:block;
	width:110px;
	padding:10px 0px 10px 0px;
/*	border:1px solid #ddd;
	color:#222;*/
	border:1px solid #118CB6;
	color:#118CB6;

	border-radius:5px;
}

#member_horse_menu_container a.active{
/*	background:#E75192;
	border:1px solid #E75192;*/
/*	background:#97979f;
	border:1px solid #97979f;*/
	background:#118CB6;
	border:1px solid #118CB6;
	color:white;
}
/*
#member_horse_menu_container.member_horse_menu_container_male a.active{
	background:#118CB6;
	border:1px solid #118CB6;
}
*/
@media (hover: hover) {

	#member_horse_menu_container a:hover{
		border:1px solid #E75192;
		color:#E75192;
	/*	color:white;*/
	}
	#member_horse_menu_container a.active:hover{

		background:#118CB6;
		border:1px solid #118CB6;
		color:white;
	}
}
@media (hover: none) {

	#member_horse_menu_container a:active{
		border:1px solid #E75192;
		color:#E75192;
	/*	color:white;*/
	}
	#member_horse_menu_container a.active:active{

		background:#118CB6;
		border:1px solid #118CB6;
		color:white;
	}
}

#member_horse_menu_container li span.horse_update{
	display:block;
	font-size:1.3rem;
	color:#ee0000;
	margin-bottom:3px;
	width:110px;
}



.member_page_container div.subtitle{

	text-align:center;
	color:#333;
	font-size:1.5rem;
	margin-bottom:20px;
	padding:10px 0 10px 0;
	border-top:3px solid #ccc;
	border-bottom:1px dotted #ccc;
	font-weight:bold;	
	letter-spacing:0.3rem;
}

.member_page_container div.subtitle a{ 
	color:white;
	text-decoration:underline;
}

@media (hover: hover) {

	.member_page_container div.subtitle a:hover{ 
		color:#f2f2f2;
		text-decoration:none;
	}
}
@media (hover: none) {

	.member_page_container div.subtitle a:active{ 
		color:#f2f2f2;
		text-decoration:none;
	}
}
.member_page_container  div.head_doc{
/*	color:#080;
	background:none;
	font-size:1.3rem;
	padding:0px 10px 5px 10px;*/
	font-size:1.3rem;
	background:#f2f2f5;
}

.member_page_container  div.report_title{
	border:none;
	margin-bottom:4px;
	padding-top:35px;
/*	border-top:1px solid #ccc;*/
	border-top:1px dashed #ccc;
	position:relative;
	font-size:1.5rem;
}
.member_page_container  div.report_doc{
}

#member_horse_table{
	width:100%;
	border-collapse:separate;
	border-spacing: 1px;  
}
#member_horse_table td{
	padding:4px 0px 4px 2px;
	vertical-align:middle;
	font-size:1.3rem;
}

#member_horse_table td.member_horse_table_td_title{
/*	background:#f2f2f2;*/
	font-size:1.2rem;
	color:#888;
}



.myhorse_ui_modal{
	width:400px;
	height:300px;
	background:white;
	padding:20px;
	border-radius:20px;
	text-align:center;

}

.modal_cont_title{
	color:#080;
	font-size:1.5rem;
	border-bottom:1px solid #080;
	padding-bottom:15px;
}

.photo_icon_dl{
	background:#080;
	color:white;
	padding:0px 5px 0px 5px;
	border-radius:5px;
	
}
.photo_icon_dl:visited{
	color:white;
}
@media (hover: hover) {

	.photo_icon_dl:hover{
		background:#0a0;
		color:white;
		
	}
}
@media (hover: none) {

	.photo_icon_dl:active{
		background:#0a0;
		color:white;
		
	}
}
.photo_icon_buy{
	background:#118CB6;
	color:white;
	padding:0px 5px 0px 5px;
	border-radius:5px;
	
}
.photo_icon_buy:visited{
	color:white;
}

@media (hover: hover) {

	.photo_icon_buy:hover{
		background:#11aCd6;
		color:white;
		
	}
}
@media (hover: none) {

	.photo_icon_buy:active{
		background:#11aCd6;
		color:white;
		
	}
}

.admin_container #member_menu li a{
	 letter-spacing: 0.0rem;
}

span.member_weekly_publinks_race{
	position:absolute;
	top:-5px;
	right:-5px;
	background:#E02575;
	padding:2px;
	display:inline-block;
	border-radius: 50%;
	width:10px;
	height:10px;
	text-align:center;
	line-height:8px;

}
span.member_weekly_publinks_race:before{
	content:'R';
}