@charset "utf-8";
/*

member_list.css


*/


/******************************************************************

     会員一覧ページ 検索

******************************************************************/

.count_member ul {
	margin:1.0rem 0;
	display:flex;
	justify-content:flex-end;
	font-size:1.5rem;
}

.count_member ul li {
	padding:1.0rem;
}

.count_member ul li i.fa-building {
	color:#F36;
}

.count_member ul li i.fa-user {
	color:#09C;
}


/********************************/


#member_search_all {
	height:650px;
	font-size:1.4rem;
	padding:2.0rem 0;
	border-radius:10px;
	position:relative;	
}

#member_search_all ul {
	
}

#member_search_all ul li {
	padding:1.0rem 1.0rem;
}

#member_search_all .serach_form {
	background-color:#CCC;
	border-radius:10px;
	padding:3.0rem 1.5rem;
	width:calc( 50% - 100px);
	position:absolute;
	top:20px;
	left:80px;
	z-index:2;
}

#member_search_all .serach_form ul {
	padding:2.0rem 0;
}

#member_search_all .serach_form ul li label.selectbox-style {
	width:50%;
}

#member_search_all .serach_form ul li label.selectbox-style select:focus {
	background-color:#FFC;
}

#member_search_all .serach_form ul li label.selectbox-style select {
	border:2px solid #666;	
}



#member_search_all #search_word {
	width:100%;
}

#member_search_all input[type="text"] {
	vertical-align:middle;
	border:2px solid #666;	
}

label[for="entry_member"] {
	font-weight:500;
}


#member_search_all .btn {
	text-align:center;
}


#member_search_all .btn input {
	border-radius:10px;
	padding:2.0rem;
	font-weight:500;
	letter-spacing:0.2rem;
	margin:auto auto;
}


#member_search_all .serach_map {
	width:calc( 60% - 100px);
	height:calc( 100% - 40px);
	position:absolute;
	top:20px;
	right:20px;
	z-index:1;
	text-align:center;
}


#member_search_all .serach_map rect {
	border:2px solid #111;	
}

#member_search_all .serach_map rect:before {
}

#member_search_all a {
	position:relative;
	display:block;
}

#member_search_all a foreignObject {
	position:relative;
}

#member_search_all a foreignObject span {
	color:#333;
	width:43px;
	vertical-align:middle;
	height:43px;
	line-height:43px;
	font-size:1.25rem;
	font-weight:bold;	
}


#member_search_all a foreignObject:before {
	position:absolute;
	width:100%;
	z-index:100;
	color:#FFF;
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color:#333;
}



#member_search_all a:hover foreignObject {
	background-color:#FF3;
}

/*
#member_search_all a:hover foreignObject:before{
	color:#333;
}
*/

/* 北海道・東北 */
/*
#member_search_all a.hokkaido foreignObject:before {
	content:"北海道";
}


#member_search_all a.aomori foreignObject:before {
	content:"青森";
}

#member_search_all a.akita foreignObject:before {
	content:"秋田";
}

#member_search_all a.iwate foreignObject:before {
	content:"岩手";
}

#member_search_all a.miyagi foreignObject:before {
	content:"宮城";
}

#member_search_all a.fukushima foreignObject:before {
	content:"福島";
}

#member_search_all a.yamagata foreignObject:before {
	content:"山形";
}
*/

/* 関東 */
/*
#member_search_all a.ibaraki foreignObject:before {
	content:"茨城";
}

#member_search_all a.tochigi foreignObject:before {
	content:"栃木";
}

#member_search_all a.gunma foreignObject:before {
	content:"群馬";
}

#member_search_all a.saitama foreignObject:before {
	content:"埼玉";
}

#member_search_all a.chiba foreignObject:before {
	content:"千葉";
}

#member_search_all a.tokyo foreignObject:before {
	content:"東京";
}

#member_search_all a.kanagawa foreignObject:before {
	content:"神奈川";
}
*/

/* 甲信越・北陸 */
/*
#member_search_all a.niigata foreignObject:before {
	content:"新潟";
}

#member_search_all a.toyama foreignObject:before {
	content:"富山";
}

#member_search_all a.ishikawa foreignObject:before {
	content:"石川";
}

#member_search_all a.fukui foreignObject:before {
	content:"福井";
}

#member_search_all a.yamanashi foreignObject:before {
	content:"山梨";
}

#member_search_all a.nagano foreignObject:before {
	content:"長野";
}
*/


/* 中部・関西 */
/*
#member_search_all a.gifu foreignObject:before {
	content:"岐阜";
}

#member_search_all a.shizuoka foreignObject:before {
	content:"静岡";
}

#member_search_all a.aichi foreignObject:before {
	content:"愛知";
}

#member_search_all a.mie foreignObject:before {
	content:"三重";
}

#member_search_all a.shiga foreignObject:before {
	content:"滋賀";
}

#member_search_all a.kyoto foreignObject:before {
	content:"京都";
}

#member_search_all a.osaka foreignObject:before {
	content:"大阪";
}

#member_search_all a.hyougo foreignObject:before {
	content:"兵庫";
}

#member_search_all a.nara foreignObject:before {
	content:"奈良";
}

#member_search_all a.wakayama foreignObject:before {
	content:"和歌山";
}
*/

/* 中国・四国 */
/*
#member_search_all a.tottori foreignObject:before {
	content:"鳥取";
}

#member_search_all a.shimane foreignObject:before {
	content:"島根";
}

#member_search_all a.okayama foreignObject:before {
	content:"岡山";
}

#member_search_all a.hiroshima foreignObject:before {
	content:"広島";
}

#member_search_all a.yamaguchi foreignObject:before {
	content:"山口";
}

#member_search_all a.tokushima foreignObject:before {
	content:"徳島";
}

#member_search_all a.kagawa foreignObject:before {
	content:"香川";
}

#member_search_all a.ehime foreignObject:before {
	content:"愛媛";
}

#member_search_all a.kouchi foreignObject:before {
	content:"高知";
}
*/

/* 九州・沖縄 */
/*
#member_search_all a.fukuoka foreignObject:before {
	content:"福岡";
}

#member_search_all a.saga foreignObject:before {
	content:"佐賀";
}

#member_search_all a.nagasaki foreignObject:before {
	content:"長崎";
}

#member_search_all a.kumamoto foreignObject:before {
	content:"熊本";
}

#member_search_all a.oita foreignObject:before {
	content:"大分";
}

#member_search_all a.miyazaki foreignObject:before {
	content:"宮崎";
}

#member_search_all a.kagoshima foreignObject:before {
	content:"鹿児島";
}

#member_search_all a.okinawa foreignObject:before {
	content:"沖縄";
}
*/






/*** 地域別会員数 ***/


.region_count {
	margin:1.0rem 0;
}

.region_count ul {
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:auto auto;
}

.region_count ul li {
	width:calc(100% / 3);
	padding:1.0rem;
	display: flex;
	flex-direction: column;

}

.region_count ul li div {
	flex-grow: 1;
	font-size:1.6rem;
	padding:2.0rem 1.0rem;
	border-radius:10px;
	background-color:#EEE;

}

.region_count ul li div dl {
}


.region_count ul li div dl dt {
	font-weight:500;
	padding:1.0rem;
}

.region_count ul li div dl dt span {
	display:inline-block;
	width:19px;
	height:19px;
	border-radius:3px;
	margin-right:4px;
	vertical-align:middle;
}

.region_count ul li div dl.area01 dt span {
	background-color:#4388D3;
}

.region_count ul li div dl.area02 dt span {
	background-color:#00CBC9;
}

.region_count ul li div dl.area03 dt span {
	background-color:#99CC33;
}

.region_count ul li div dl.area04 dt span {
	background-color:#4AB969;
}

.region_count ul li div dl.area05 dt span {
	background-color:#FF9933;
}

.region_count ul li div dl.area06 dt span {
	background-color:#FF7891;
}


.region_count ul li div dl dd {
	width:95%;
	margin:auto auto;
}


.region_count ul li div dl dd a {
	padding:0.5rem 1.0rem;
	margin:0.5rem;
	display:flex;
	width:100%;
}

.region_count ul li div dl dd a:hover  {
	color:#09F;
	background-color:#FFF;
	border-radius:5px;
}

.region_count ul li div dl dd a:hover span {
	color:#0CC;
}


.region_count ul li div dl dd span:nth-child(1) {
	width:30%;
	font-weight:500;
	color:#09C;
	text-decoration:underline;
}

.region_count ul li div dl dd span:nth-child(2) {
	width:40%;
	text-align:right;
	color:#333;
	font-weight:500;
}

.region_count ul li div dl dd span:nth-child(3) {
	margin-left:auto;
	color:#039;
	text-align:right;
	font-weight:500;
}




.region_count ul li div dl dd.legend p {
	padding:0.5rem 1.0rem;
	margin:0.5rem;
	display:flex;
	width:100%;
}

.region_count ul li div dl dd.legend p span i {
	font-size:2.0rem;
}


.region_count ul li div dl dd.legend p span i.fa-building {
	color:#F36;
}

.region_count ul li div dl dd.legend p span i.fa-user {
	color:#09C;
}






/*** ランキング表示 ***/


.ranking_count {
	margin:1.0rem;
}

.ranking_count ul {
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:auto auto;
}

.ranking_count ul li {
	width:calc(100% / 2);
	padding:1.0rem;
	display: flex;
	flex-direction: column;

}


.ranking_count ul li div {
	font-size:1.6rem;

}

.ranking_count ul li div dl {
}


.ranking_count ul li div dl dt {
	font-weight:500;
	padding:1.0rem;
	margin:0 0 1.0rem 0;
	color:#FFF;
	background-color:#111;
	border-radius:10px;
	text-align:center;
}

.ranking_count ul li div dl dt span {
	display:inline-block;
	width:36px;
	height:36px;
	border-radius:3px;
	margin-right:5px;
	vertical-align:middle;
}

.ranking_count ul li div dl dt span img {
	width:100%;
	height:auto;
}

.ranking_count ul li div dl dt span.new {
	position:relative;
}

.ranking_count ul li div dl dt span.new:before {
	top:calc(50% - 15px);
	left:-15px;
	position:absolute;
	content:"NEW";
	padding:0 0.5rem;
	border-radius:2px;
	background-color:#FF0000;
}




.ranking_count ul li div dl dd {
	margin:0.5rem 0;
}

.ranking_count ul li div dl dd > a , .ranking_count ul li div dl dd > span {
	display:flex;
	color:#111;
	align-items:center;
	background-color:#EEE;
	border-radius:10px;
	padding:0.75rem;
}

.ranking_count ul li div dl dd a:hover {
	background-color:#FFF;
	outline:1px solid #CCC;
}


.ranking_count ul li div dl dd a div.box01 , .ranking_count ul li div dl dd > span div.box01 {
	width:25%;
	padding:0.5rem;
	font-weight:500;
	text-align:center;
}

.ranking_count ul li div dl dd a div.box02 , .ranking_count ul li div dl dd > span div.box02 {
	width:75%;
	display:flex;
	flex-direction: column;
}


.ranking_count ul li div dl dd a div.box02 .name {
	text-align:left;
	padding:0.5rem;
    font-weight: 500;
    color: #09C;
    text-decoration: underline;
}

.ranking_count ul li div dl dd span div.box02 .name {
	text-align:left;
	padding:0.5rem;
    font-weight: 500;
    color: #111;
    text-decoration:none;
}






.ranking_count ul li div dl dd a div.box02 .date , .ranking_count ul li div dl dd span div.box02 .date {
	text-align:right;
	padding:0.5rem;
}

.ranking_count ul li div dl dd a div.box02 .count , .ranking_count ul li div dl dd span div.box02 .count {
	text-align:left;
	font-weight:500;
	padding:0.5rem;
}




/*ランキングアイコン*/

.ranking_count ul li div dl dd div.box01 span.rank_icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: #66CCFF;
	color:#FFF;
	text-align:center;
	position:relative;
}

.ranking_count ul li div dl dd div.box01 span.rank_icon:before {
	content:"";
	position:absolute;
	width:21px;
	height:21px;
	background-size:contain;
	top:-22px;
	right:0;
	left:0;
	margin:auto;
}


.ranking_count ul li div dl dd div.box01 span.rank_gold {
	background-color: #FFCC00;
}

.ranking_count ul li div dl dd div.box01 span.rank_silver {
	background-color:#CCCCCC;
}

.ranking_count ul li div dl dd div.box01 span.rank_bronze {
	background-color:#DF8080;
}

.ranking_count ul li div dl dd div.box01 span.rank_gold:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_gold.png);
}

.ranking_count ul li div dl dd div.box01 span.rank_silver:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_silver.png);
}

.ranking_count ul li div dl dd div.box01 span.rank_bronze:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_bronze.png);
}


/*ランキング60*/

.ranking_entry > dl {
	font-size:1.6rem;
	width:90%;
	margin:auto auto;
}


.ranking_entry > dl > dt {
	font-weight:500;
	padding:1.5rem;
	color:#FFF;
	background-color:#111;
	border-radius:10px;
	text-align:center;
}

.ranking_entry > dl > dd {
	display:flex;
	flex-wrap:wrap;
	margin:1.0rem auto;
}

.ranking_entry > dl dd ul {
	width:calc(100% / 4);
}

.ranking_entry > dl dd ul li {
	width:100%;
	margin:0.25rem;
	padding:0.25rem 1.0rem;
}

.ranking_entry > dl dd ul li dl {
	display:flex;
	align-items:center;
	width:100%;
	background-color:#EEE;
	border-radius:10px;
	padding:1.0rem;
}

.ranking_entry > dl dd ul li dl dt {
	width:25%;
}



.ranking_entry > dl dd ul li dl dt span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: #66CCFF;
	color:#FFF;
	text-align:center;
	position:relative;
	font-weight:500;
}

.ranking_entry > dl dd ul li dl dt span:before {
	content:"";
	position:absolute;
	width:21px;
	height:21px;
	background-size:contain;
	top:-22px;
	right:0;
	left:0;
	margin:auto;
}

.ranking_entry > dl dd ul li dl dt span.rank_gold {
	background-color: #FFCC00;
}

.ranking_entry > dl dd ul li dl dt span.rank_silver {
	background-color:#CCCCCC;
}

.ranking_entry > dl dd ul li dl dt span.rank_bronze {
	background-color:#DF8080;
}

.ranking_entry > dl dd ul li dl dt span.rank_gold:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_gold.png);
}

.ranking_entry > dl dd ul li dl dt span.rank_silver:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_silver.png);
}

.ranking_entry > dl dd ul li dl dt span.rank_bronze:before {
	background-image:url(../../img/2025/icon/crown/ico_crown_bronze.png);
}



.ranking_entry > dl dd ul li dl dd {
	text-align:right;
	width:75%;
	font-weight:500;
}







/*** 県別会員一覧 ***/


.pref_member_list {
	margin:1.0rem;
}

.pref_member_list > ul {
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:auto auto;
}

.pref_member_list > ul > li {
	width:calc(100% / 1);
	padding:1.0rem;
	display: flex;
	flex-direction: column;

}


.pref_member_list > ul > li div {
	font-size:1.6rem;

}

.pref_member_list > ul > li div dl {
	margin:0 0 4.0rem 0;
}


.pref_member_list > ul > li > div > dl > dt {
	font-weight:500;
	padding:1.0rem;
	margin:0 0 1.0rem 0;
	color:#FFF;
	background-color:#111;
	border-radius:10px;
	text-align:left;
}



.pref_member_list ul li > div dl dd {
	margin:0.5rem 0;
}

.pref_member_list ul li > div dl dd > a , .pref_member_list ul li > div dl dd > span  {
	display:flex;
	color:#111;
	align-items:center;
	background-color:#EEE;
	border-radius:10px;
	padding:0.75rem;
}

.pref_member_list ul li > div dl dd a:hover {
	background-color:#FFF;
	outline:1px solid #CCC;
}


.pref_member_list ul li div dl dd a div.box01 , .pref_member_list ul li > div dl dd > span div.box01 {
	width:60%;
	padding:0.5rem;
/*	font-weight:bold;*/
	text-align:left;
}

.pref_member_list ul li div dl dd a div.box01 span.name , .pref_member_list ul li > div dl dd > span div.box01 span.name {
	font-weight:500;
}


.pref_member_list ul li div dl dd a div.box01 .crown img , .pref_member_list ul li > div dl dd > span div.box01 .crown img {
	width:25px;
	height:auto;
	vertical-align:middle;
}



.pref_member_list ul li div dl dd a div.box02 , .pref_member_list ul li > div dl dd > span div.box02 {
	width:40%;
	display:flex;
	
	flex-direction: column;
}


.pref_member_list ul li div dl dd a div.box02 .name , .pref_member_list ul li > div dl dd > span div.box02 name {
	text-align:left;
	padding:0.5rem;
    font-weight: 500;
    color: #09C;
    text-decoration: underline;
}




.pref_member_list ul li div dl dd a div.box02 .member_icon {
}

.pref_member_list ul li div dl dd a div.box02 ul.member_icon ,  .pref_member_list ul li > div dl dd > span div.box02 ul.member_icon {
	display:flex;
	justify-content:flex-end;
}

.pref_member_list ul li div dl dd a div.box02 ul.member_icon li , .pref_member_list ul li div dl dd > span div.box02 ul.member_icon li  {
	width:60px;
	padding:0.5rem;
	position:relative;
}

.pref_member_list ul li div dl dd a div.box02 ul.member_icon li img , .pref_member_list ul li div dl dd > span div.box02 ul.member_icon li img {
	max-width:100%;
	height:auto;
}

.pref_member_list ul li div dl dd a div.box02 ul.member_icon li span , .pref_member_list ul li div dl dd > span div.box02 ul.member_icon li span  {
	display:inline-block;
	position:absolute;
	background-color:#F00;
	color:#FFF;
	font-size:1.2rem;
	font-weight:500;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	border-radius:50%;
	top:0;
	right:0;
}


/*県別一覧 アイコン説明*/

.icon_ex {
	width:100%;
	display:flex;
}

.icon_ex dl.crown {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	border:2px solid #CCC;
	border-radius:10px;
	padding:1.0rem ;
	margin:0.5rem;
}

.icon_ex dl.crown img {
	width:40px;
	height:auto;
}

.icon_ex dl.crown dt {
	width:100%;
	font-weight:500;
}

.icon_ex dl.crown dd {
	width:50%;
	display:flex;
	align-items:center;
	text-align:center;
}

.icon_ex dl.crown dd p {
	font-weight:500;
	color:#F00;
}

.icon_ex dl.crown dd p span {
	color:#111;
}


.icon_ex dl.icon {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	border:2px solid #CCC;
	border-radius:10px;
	padding:1.0rem;
	margin:0.5rem;
}

.icon_ex dl.icon dd {
	width:calc(100% / 3);
	text-align:center;
}

/*
.icon_ex dl.icon dd:nth-last-child(1) {
	text-align:left;
	display:flex;
	align-items:center;
	width:100%;
	padding:0 3.0rem;
}*/


.icon_ex dl.icon dd p {
	font-size:1.2rem;
	line-height:1.2;
	padding:0.5rem;
	font-weight:500;
}

.icon_ex dl.icon dd:nth-child(1) p {
}




.icon_ex dl.icon img {
	width:40px;
	height:auto;
	vertical-align:middle;
}





/******************************************************************

     農家会員登録のご案内

******************************************************************/



.ex_entry_member {
	width:90%;
	margin:auto;
	padding:2.0rem 0;
}

.ex_entry_member .intro .symbol_box {
	margin:auto auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.ex_entry_member .intro .symbol_box .symbol {
	width:300px;
	text-align:center;
}

.ex_entry_member .intro .symbol_box p {
	width:calc(100% - 300px);
	margin:0 0 1.0rem 0;
	padding:1.0rem 2.0rem 1.0rem 1.0rem;
	font-size:1.7rem;
	line-height:1.8;
}

.ex_entry_member .intro p span {
	text-decoration: underline;
	text-decoration-thickness: 6px;
	text-underline-offset: -1px;
	text-decoration-color:#FFFF80;
	color:#09C;
	font-weight:700;
}



.ex_entry_member > div.bg_b  {
	padding:10px;
	border-radius:16px;
	margin:0 0 2.0rem 0;
}

.ex_entry_member section {
	margin:0 0 0 0;
	padding:3.0rem;
	border-radius:10px;
	background-color: #F5F4ED;
	position:relative;
}




.ex_entry_member h4 {
	font-size: 2.0rem;
	font-weight:600;
	border-radius:10px;
	background-color:#09C;
	color:#FFF;
	padding:1.0rem 2.0rem;
	width:95%;
	margin:0 auto 1.0rem auto;
}

.ex_entry_member h5 {
	width:95%;
	margin:0 auto 1.0rem auto;
	font-size: 1.7rem;
    line-height: 1.25;
	border-radius:10px;
	background-color:#A2DBE6;
	padding:1.0rem 2.0rem;
	color:#09C;
}

.ex_entry_member h5 i {
	color:#F03;
}

.ex_entry_member ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 0 2.0rem 0;
}

.ex_entry_member ul li {
	width:100%;
	margin:0.5rem;
	padding:0 3.0rem;
}

.ex_entry_member ul li dl {
	display:flex;
}

.ex_entry_member ul li dl dt {
	padding:0.5rem;
}

.ex_entry_member ul li dl dt img {
	width:50px;
	height:auto;
	vertical-align:middle;
}

.ex_entry_member ul li dl dd {
	font-size:1.6rem;
	font-weight:500;
	padding:0.5rem;
}

.ex_entry_member ul li dl dd span {
	text-decoration: underline;
	text-decoration-thickness: 6px;
	text-underline-offset: -1px;
	text-decoration-color:#FFFF80;
	color:#09C;
	font-weight:700;
}


.ex_entry_member p {
	font-size:1.6rem;
	font-weight:500;
	margin:0 0 1.0rem 0;
	padding:1.0rem 5.0rem;
}



@media (max-width:800px) {
	
.ex_entry_member {
	width:100%;
}

.ex_entry_member .intro .symbol_box .symbol {
	width:100%;
	text-align:center;
}

.ex_entry_member .intro .symbol_box .symbol dl dt {
	width:250px;	
	margin:auto;
	
}

.ex_entry_member .intro .symbol_box p {
	width:100%;
	margin:0 0 1.0rem 0;
	padding:1.0rem 2.0rem 1.0rem 1.0rem;
	font-size:1.7rem;
	line-height:1.8;
}

.ex_entry_member section {
	padding:2.0rem;
}

.ex_entry_member h4 {
	width:100%;
}

.ex_entry_member h5 {
	width:100%;
}

.ex_entry_member p {
	padding:1.0rem 1.0rem;
}

.ex_entry_member ul li {
	width:100%;
	margin:0.5rem;
	padding:0 0;
}

.ex_entry_member ul li dl dt img {
	max-width:50px;
}




	
}





/*********************************************************************************************************/
/* 
   #
   # 横幅小さい画面PCサイズ
   #
*/
/*********************************************************************************************************/

@media (max-width:1199px) {
	
#member_search_all {
	display:flex;
	flex-wrap:wrap;
	width:90%;
	height:auto;
	margin:auto auto;
}



#member_search_all .serach_form {
	position:relative;
	order:2;
	width:100%;
	margin:auto auto;
	top:0;
	left:0;
	padding:3.0rem;
}

#member_search_all .serach_map {
	position:relative;
	order:1;
	text-align:center;
	width:90%;
	margin:auto auto 1.0rem auto;
	padding:2.0rem;
	top:0;
	left:0;
}
	



.region_count ul li {
	width:calc(100% / 2);
	padding:0.5rem;
}



/*ランキング60*/

.ranking_entry > dl {
	width:90%;
}

.ranking_entry > dl dd ul {
	width:calc(100% / 4);
}

	
}


/*********************************************************************************************************/
/* 
   #
   # タブレットサイズ
   #
*/
/*********************************************************************************************************/


@media (max-width:1024px) {
	
	
#member_search_all {
	width:100%;
}

#member_search_all .serach_form {
	width:100%;
}	


.region_count ul {
	width:100%;
}


.region_count ul li div dl dd a {
	background-color:#FFF;
	border-radius:5px;
}




/*** ランキング表示 ***/
.ranking_count ul {
	width:100%;
}

.ranking_count ul li {
	width:calc(100% / 2);
	padding:1.0rem;
	display: flex;
	flex-direction: column;

}

.ranking_count ul li div dl dd a div.box01 {
	width:25%;
}

.ranking_count ul li div dl dd a div.box02 {
	width:75%;
}


/*ランキング60*/

.ranking_entry > dl {
	width:100%;
}



/*県別一覧 アイコン説明*/

.icon_ex {
	width:100%;
	flex-wrap:wrap;
}

.icon_ex dl.crown {
	width:100%;
}

.icon_ex dl.icon {
	width:100%;
}


.icon_ex dl.icon dd {
	width:33%;
	text-align:center;
}


	

}

/*********************************************************************************************************/
/* 
   #
   # スマートフォンサイズ
   #
*/
/*********************************************************************************************************/

@media screen and (max-width : 767px) {

#member_search_all {
	width:100%;
}

#member_search_all .serach_form {
	width:100%;
	padding:1.0rem;
}


#member_search_all .serach_form ul {
	padding:0;
}

#member_search_all .serach_form ul li label.selectbox-style {
	width:100%;
}

	
#member_search_all .serach_map {
	width:100%;
	margin:auto auto 1.0rem auto;
	padding:1.0rem;
}


#member_search_all .serach_map svg {
	width:100%;
	height:auto;
}



.region_count ul li {
	width:calc(100% / 1);
	padding:0.5rem 0;
}


/*** ランキング表示 ***/

.ranking_count {
	padding:0;
	margin:0;
}


.ranking_count ul li {
	width:calc(100% / 1);
	padding:1.0rem;
	display: flex;
	flex-direction: column;

}

.ranking_count ul li div dl dd a div.box01 {
	width:25%;
	white-space:nowrap;
}

.ranking_count ul li div dl dd a div.box02 {
	width:75%;
}



/*ランキング60*/

.ranking_entry dl {
	width:100%;
}

.ranking_entry > dl dd ul {
	width:calc(100% / 2);
}


/*県別会員一覧*/


.pref_member_list ul li > div dl dd a {
	display:flex;
	flex-wrap:wrap;
}

.pref_member_list ul li div dl dd a div.box01 {
	width:100%;
}

.pref_member_list ul li div dl dd a div.box01 .crown img {
	width:40px;
}

.pref_member_list ul li div dl dd a div.box02 {
	width:100%;
}

.pref_member_list ul li div dl dd a div.box02 {
	width:100%;
}


.pref_member_list ul li div dl dd > span {
	display:flex;
	flex-wrap:wrap;
}

.pref_member_list ul li div dl dd > span div.box01 {
	width:100%;
}

.pref_member_list ul li div dl dd > span div.box01 .crown img {
	width:40px;
}

.pref_member_list ul li div dl dd > span div.box02 {
	width:100%;
}

.pref_member_list ul li div dl dd > span div.box02 {
	width:100%;
}







.pref_member_list > ul {
	width:100%;
}

.icon_ex dl.icon dd {
    width: 50%;
	display:flex;
    text-align:left;
}
/*
.icon_ex dl.icon dd:nth-child(1) {
    width: 100%;
	padding:0 ;
}*/

.icon_ex dl.icon dd p {
	text-align:left;
}


}



















/*****/