@charset "utf-8";
/*

　member.css

*/





#member_contents {
	max-width:1280px;
	margin:auto auto;
	padding:0 1.0rem;
}


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

     会員ページ タイトル部  member_title

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

#member_title {
	display:flex;
}

#member_title #profile_main_image {
	width:50%;
	height:400px;
}

#member_title #profile_main_image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius:20px 0 0 20px;
}

#member_title #profile {
	width:50%;
}

#member_title #profile .profile_box {
	width:95%;
	height:400px;
	padding:2.0rem 0;
	margin:auto auto;
}

#member_title #profile .profile_box h2 {
	font-size:3.6rem;
	font-weight:500;
}



#member_title #profile ul.member_title_icon {
	display:flex;
	/*justify-content: space-around;*/
	margin:3.0rem 0 3.0rem 0;
}

#member_title #profile ul.member_title_icon li {
	width:calc( 100% / 6 );
}



#member_title #profile .profile_box ul.member_title_icon li dl dt {
	text-align:center;
}

#member_title #profile .profile_box ul.member_title_icon li dl dd {
	text-align:center;
	font-size:1.25rem;
	font-weight:500;
}

#member_title #profile .profile_box ul.member_title_icon li dl dd.off {
	color:#CCC;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt img {
	width:50px;
	height:auto;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt {
	position:relative;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt span {
	display:none;
}


.member_title_contact {
	margin:0 0 0 0;
}

.member_title_contact dl {
	text-align:right;
}

.member_title_contact dl dt {
	font-size:1.6rem;
	margin:1.0rem;
}

.member_title_contact dl dd a {
	margin-left:auto;
}

.member_title_contact dl dd a.common_btn {
	width:250px;
}

ul.member_title_sns  {
	display:flex;
	justify-content:flex-end;
}

ul.member_title_sns li {
	margin:5px;
}

ul.member_title_sns li a img {
	width:32px;
	height:auto;
}




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

     会員ページ インフォメーション information

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

#member_information {
	display:flex;
	align-items:center;
}

#member_information .information_data {
	width:50%;
	padding:4.0rem 2.0rem;
}

#member_information .information_data dl {
	display:flex;
	font-size:1.6rem;
	border-bottom:1px solid #111;
	padding:0.75rem;
}

#member_information .information_data dl dt {
	width:25%;
	font-weight:500;
}

#member_information .information_data dl dd {
	width:75%;
	padding:0.5rem 1.0rem;
	overflow:hidden;
}

#member_information .information_data dl dd a {
	width:100%;
	overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

}

#member_information .information_data dl dd a  {
}


#member_information .information_data dl dd a.btn_map {
	font-weight:500;
	display:inline-block;
	width:auto;
	vertical-align:middle;
	color:#FFF;
	border:1px solid #111;
	background-color:#111;
	margin:0 1.0rem;
	padding:0.25rem 0.5rem;
	border-radius:5px;
	transition:all 0.5s;
}

#member_information .information_data dl dd a.btn_map:hover {
	font-weight:500;
	display:inline-block;
	color:#111;
	border:1px solid #111;
	background-color:#FFF;
	border-radius:5px;
}




#member_information .information_photo {
	width:50%;
	
}

#member_information .information_photo ul {
	padding:1.0rem 0;
}

#member_information .information_photo ul li {
	padding:3.0rem;
}

#member_information .information_photo .photo_box img {
	border-radius:10px;
}


#member_information .information_data dl dd ul.license_list {
	display:flex;
	flex-wrap:wrap;
}

#member_information .information_data dl dd ul.license_list > li {
	width:75%;
}


#member_information .information_data dl dd div.license_icon {
	border:1px solid #666;
	border-radius:3px;
	box-sizing:border-box;
	margin:0.25rem 0.25rem 0.25rem 0.25rem;
}

#member_information .information_data dl dd div.license_icon dl.ac {
	flex-wrap:wrap;
	border:none;
	padding:0.5rem;
}


#member_information .information_data dl dd div.license_icon dl.ac dt {
	width:100%;
	padding:0.25rem;
	cursor:default;
	position:relative;
}

#member_information .information_data dl dd div.license_icon dl.ac dt a {
	color:#111;
	width:100%;
	display:block;
}

#member_information .information_data dl dd div.license_icon dl.ac dt a:hover {
	color:#F03;	
}



/*
#member_information .information_data dl dd div.license_icon dl.ac dt.ac_open:after {
	font-size:1.2rem;
	border-radius:3px;
	border:1px solid #999;
	padding:0.25rem;
	content:"× 閉じる";
	position:absolute;
	right:0;
	bottom:0;
}*/





#member_information .information_data dl dd div.license_icon dl.ac dd {
	width:100%;
	padding:0.5rem;
	display:none;
}



#member_information .information_data dl dd div.license_icon ul {
	display:flex;
	flex-wrap:wrap;
}


#member_information .information_data dl dd div.license_icon ul li a {
	margin:0.25rem;
	font-size:1.4rem;
}

#member_information .information_data dl dd div.license_icon ul li .photo_box {
	padding:0;
}



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

     会員ページ イントロダクション introduction

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




#member_introduction article {
	margin:3.0rem;
	padding:1.0rem;
	border-bottom:4px dotted #CCC;
}

#member_introduction article h4 {
	background-color:#C5000A;
	border-radius:10px;
	color:#FFF;
	padding:1.0rem;
	margin:1.0rem 0;
	font-size:1.75rem;
	font-weight:bold;
}

#member_introduction article p {
	font-size:1.6rem;
	padding:1.0rem;
}



#member_introduction .photo_set {
	width:100%;
	max-width:100%;
	margin:auto auto 2.0rem auto;
}


#member_introduction .photo_set ul li {
	padding:3.0rem;
}

#member_introduction .photo_set .photo_box img {
	border-radius:10px;
}

#member_introduction .youtube_wrap {
	width:96%;
	margin:3.0rem auto;
}


#member_introduction .youtube_wrap iframe {
	border-radius:10px;
}


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

     会員ページ トピックス topics

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

#member_topics {
	margin:auto 2.0rem;
}


#member_topics article {
	margin:1.0rem 0;
	padding:1.0rem 0;
}


#member_topics article h4 {
	font-weight: 500;
    padding: 1.0rem;
    margin: 0 0 1.0rem 0;
    color: #FFF;
    background-color: #111;
    border-radius: 10px;
    text-align: left;
}


/*
#member_topics article ul {
	margin:auto auto;
	display:flex;
}
*/

#member_topics article ul li {
	width:100%;
	padding:1.0rem;
}


#member_topics article ul li a {
	text-decoration:none;
	position:relative;
	display:block;
}


#member_topics article ul li dl {
	
}

#member_topics article ul li dl dt {
	position:relative;
}

#member_topics article ul li dl dd {
}

#member_topics article ul li a dl dd  {
	background-color:#F0F0F0;
	border-radius:0 0 15px 15px;
	padding:1.0rem;
	font-size:1.5rem;
	font-weight:500;
	color:#111;
	text-decoration:none;
	min-height:140px;
	position:relative;
	
}

#member_topics article ul li dl dd span {
	display:inline-block;
	max-width:60%;
	font-size:1.4rem;
	background-color:#C5000A;
	color:#FFF;
	padding:0.25rem 0.5rem;
}

#member_topics article ul li dl dd span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#member_topics article ul li dl dd time {
	position:absolute;
	right:15px;
	color:#333;
}

#member_topics article ul li dl dd p {
	overflow-y: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin:0 0 auto 0;
}




#member_topics article ul li a dl dt .photo_box {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius:15px 15px 0 0;
	vertical-align:bottom;
	overflow:hidden;
}

#member_topics article ul li dl dt .photo_box img {
	width: 100%;
/*	height: auto;*/
	object-fit: cover;
	border-radius:15px 15px 0 0;
	vertical-align:bottom;
	transform: scale(1.05);
}

#member_topics article ul li a dl dt .photo_box img {
	transition-duration: 0.3s;
}

#member_topics article ul li a:hover dl dt .photo_box img {
	transition-duration: 0.3s;
	transform: scale(1.125);
}

#member_topics article ul li a dl dt div.written {
	position:absolute;
	z-index:2;
	bottom:0;
	width:100%;
	color:#FFF;
	font-size:1.4rem;
	font-weight:500;
	background-color: rgba(66,66,66,0.5);
	padding:0.5rem 1.0rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#member_topics article ul li a dl dt div.written:empty {
    display: none;
}


/* いいねボタン */

#member_topics article ul li a div.abs_LikeBtn_box {
	position:absolute;
	bottom:9px;
	right:9px;
	display:flex;
	align-items:center;
}

#member_topics article ul li a div.abs_LikeBtn_box span {
	font-size:1.25rem;
	font-weight:500;
	color:#111;
	padding:0 0 0 2px;
}







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

     会員ページ 農家登録 entry

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

#member_entry {
}


#member_entry article {
	margin:3.0rem 1.5rem 3.0rem 1.5rem;
	padding:1.0rem;
	position:relative;
}

/*
#member_entry article:after {
	position:absolute;
    content: "";
	background-color:#C5000A;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	margin:auto;
    height: 20px;
	width: 100px;
    left:0;
	right:0;
    bottom: -40px;
}
*/


#member_entry article h4 {
	background-color:#C5000A;
	border-radius:10px;
	color:#FFF;
	padding:1.0rem;
	margin:1.0rem 0;
	font-size:1.7rem;
	font-weight:bold;
}

#member_entry article p {
	font-size:1.5rem;
	padding:1.0rem;
	width:90%;
	margin:1.0rem auto;
}

#member_entry article p span {
	color:#F00;
}


#member_entry article .entry_range dl dd {
	background-color:#FFEAEA;
	display:inline-block;
	padding:1.0rem 1.0rem;
	margin:0 0.5rem 0.5rem 0;
	border-radius:10px;
	text-align:center;
}

#member_entry article .entry_range dl dd.all {
	display:block;
	max-width:500px;
	margin:0.5rem auto;
	padding:2.0rem 0;
}



#member_entry article .entry_range dl {
	padding:0;
	font-size:1.6rem;
	font-weight:500;
	

}

#member_entry article .entry_range dl dt {
	color:#C5000A;
}






#member_entry article .basic_information #member_information > .information_data  {
	width:100%;
	padding:0;
}

#member_entry article .basic_information > dl {
	display:flex;
}

#member_entry article .basic_information > dl > dt {
	width:40%;
	padding:1.0rem;
}

#member_entry article .basic_information > dl > dd {
	width:60%;
	padding:1.0rem;
}



#member_entry article .basic_information > dl > dt img {
	width:100%;
	height:auto;
	
}

#member_entry article .basic_information > dl #member_information .information_data dl {
	font-size:1.4rem!important;
}




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

     会員ページ 当店の中古農機市場 売買実績 Results

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

#member_results {
}


#member_results article {
	margin:1.0rem 0.5rem 1.0rem 0.5rem;
	padding:1.0rem 0;
	position:relative;
}

/*** 会員ランク prize ***/

#member_results article .prize {
	width:200px;
	border:3px solid #999;
	border-radius:10px;
	display:flex;
	align-items:center;
	margin:0 0 0 auto;
}

#member_results article .prize .prize_icon {
	width:calc(100% / 3);
	padding:0.25rem;
}


#member_results article .prize dl {
	width:calc(100% - 100% / 3);
	padding:0.25rem;
}
	
#member_results article .prize .prize_icon img {
	width:100%;
	height:auto;
}
	
#member_results article .prize dl dt {
	font-size:1.6rem;
	font-weight:500;
	padding:0 0.25rem;
}
	
#member_results article .prize dl dd {
	font-size:1.6rem;
	font-weight:500;
	padding:0 0.25rem;
	color:#C5000A;
}

/********/



#member_results article .record_list {
	display:flex;
	margin:1.0rem 0;
}



#member_results article .record_list > div {
	width:50%;
	padding:2.0rem;
	margin:0 0 2.0rem 0;
}


.chart_title {
	font-size:1.6rem;
	font-weight:500;
	display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
	margin:0 0 1.0rem 0;
    background-color:#FFF;
    color: #333333;
}

.chart_title:before {
	display: inline-block;
    width: 4px;
    height: 2.0rem;
    border-radius: 3px;
    margin-right: 0.5rem;
    content: '';
}



.chart01 .chart_title:before {
	background-color:#F9AADB;
}

.chart02 .chart_title:before {
	background-color:#25D2EB;
}


.bar-chart {
    font-size: 1.4rem;
	padding:0 0;
}

.bar-chart > p {
    font-size: 1.6rem;
	font-weight:500;
	color:#111111;
}


.bar-chart > dl {
    display: flex;
	flex-wrap:wrap;
    align-items: center;
    margin-bottom: 2.0rem;
	width:100%;
}

.bar-chart dt {
	font-weight:500;
    width: 60px;
	padding:0 0 0 5px;
	white-space:nowrap;
}

.bar-chart dd {
    width: calc(100% - 60px);
}


.chart_box_bg {
	background-color:#F4F4F4;
	padding:2.0rem 0.5rem;
	border-radius:10px 10px 0 0;
}

.chart_box {
	position:relative;
	z-index:10;
	background-color:#F4F4F4;
	border-radius:6px;
}

/* グラフの目盛線 */
.chart_box hr {
	border: none;
	position: absolute;
	width: 1px;
	height: 100%;
	margin: 0 auto 0 auto;
	background: #CCC;
}


.scale_guide {
	background-color:#F4F4F4;
	height:20px;
	line-height:20px;
}

.scale_guide dl {
	position:relative;
}

.scale_guide dl dd {
	position:absolute;
	font-size:1.0rem;
	padding:0.25rem;
}

.scale_guide dl dd:nth-child(1) {
	left:55px;
}


.scale_guide dl dd:nth-child(2) {
	right:calc((100% - 60px) / 5 * 4)
}

.scale_guide dl dd:nth-child(3) {
	right:calc((100% - 60px) / 5 * 3)
}

.scale_guide dl dd:nth-child(4) {
	right:calc((100% - 60px) / 5 * 2)
}

.scale_guide dl dd:nth-child(5) {
	right:calc((100% - 60px) / 5 * 1)
}

.scale_guide dl dd:nth-child(6) {
	right:0;
}



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


.chart_box hr:nth-child(1) {
	left:60px;
}

.chart_box hr:nth-child(2) {
	right:calc((100% - 60px) / 5 * 4)
}

.chart_box hr:nth-child(3) {
	right:calc((100% - 60px) / 5 * 3)
}

.chart_box hr:nth-child(4) {
	right:calc((100% - 60px) / 5 * 2)
}

.chart_box hr:nth-child(5) {
	right:calc((100% - 60px) / 5 * 1)
}

.chart_box hr:nth-child(6) {
	right:0;
}


.bar-chart dd ul li {
	font-weight:500;
    margin:0.25rem 0 5px 0;
    border-radius: 0;
    /*background-color:rgb(200,200,200,0.5);*/
	position:relative;
}



.bar-chart dd ul li span {
    display: inline-block;
    padding:0 2px 0 0;
    border-radius: 0 3px 3px 0;
    background-color:#FDC4D0;
    color: #111;
    white-space: nowrap;
/*    animation: anima-bar-chart 0.5s ease;*/
}




/*

@keyframes anima-bar-chart {
    from {
        width: 0;
    }
}

*/







.bar-chart dd ul li.graph01 {
	line-height:20px;
}

.bar-chart dd ul li.graph02 {
	line-height:40px;
}



.bar-chart ul li.graph01 strong {
	position:absolute;
	left:10px;
	top:0;
	white-space:nowrap;
}

.bar-chart ul li.graph02 strong {
	position:absolute;
	left:10px;
	top:0;
	white-space:nowrap;
}



.chart01 .bar-chart ul li.graph01 span , .chart01 aside dl.graph01 dt span {
    background-color:#FCC;
}

.chart01 .bar-chart ul li.graph02 span , .chart01 aside dl.graph02 dt span {
	background-color:#F9AADB;
}



.chart02 .bar-chart ul li.graph01 span , .chart02 aside dl.graph01 dt span {
	background-color:#80BFFF;
}

.chart02 .bar-chart ul li.graph02 span  , .chart02 aside dl.graph02 dt span {
	background-color:#25D2EB;
}

.chart02 .bar-chart span {
	background-color:#25D2EB;
}



.bar-chart ul li strong em {
	font-style:normal;
	font-size:1.0rem;
}

#member_results aside {
	background-color:#F4F4F4;
	border-radius:0 0 10px 10px;
	display:flex;
	padding:0.5rem;
}

.record_list aside dl {
	display:flex;
	font-size:1.2rem;
	font-weight:500;
	margin:0 10px 0 10px;
}

.record_list aside dl dt span {
	display:inline-block;
	vertical-align:middle;
	height:12px;
	width:12px;
	margin:0 2px 0 0;
}






@media screen and (max-width: 787px) {
	
#member_results article .record_list {
	width:100%;
	flex-wrap:wrap;
	padding:1.0rem 0;
}
#member_results article .record_list > div {
	width:100%;
	padding:1.0rem 0;
	margin:0 0 2.0rem 0;
}



}

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

     会員ページ 当店の出品情報 Stock List

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

#member_lists {
}

#member_lists article {
	margin:1.0rem 0.5rem 1.0rem 0.5rem;
	padding:1.0rem;
	position:relative;
}



#member_lists .tabs {
	width:90%;
	margin:auto auto;
}

#member_lists .tabs label.tab_label {
	border:2px solid #333;
}

#member_lists .tabs label.tab_label[for="tab01"] {
	border-radius:10px 0 0 10px;
}
	
#member_lists .tabs label.tab_label[for="tab02"] {
	border-radius:0 10px 10px 0 ;
}


#member_lists .tabs label.tab_label em {
	font-style:normal;
}

#member_lists .tabs label.tab_label em span {
	padding:0 0.25rem;
	color:#F00;
}

/*****/



#member_lists .stock_list {
}

#member_lists .stock_list .no_item {
	margin:3.0rem 0;
}

#member_lists .stock_list .no_item p {
	font-size:1.6rem;
	padding:2.0rem;
	border-radius:10px;
	background-color:#F2F2F2;
}




#member_lists .stock_list > ul {
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	margin:3.0rem 0;
}

#member_lists .stock_list > ul > li  {
	width:calc( 100% / 1 );
	padding:0.2rem;
}



#member_lists .stock_list > ul > li a {
}


#member_lists .stock_list > ul > li a dl.item_box {
 	background-color:#F0F0F0;
	border-radius:10px;
	display:flex;
	align-items:center;
	width:100%;
	margin:auto auto;
	transition-duration: 0.3s;
	position:relative;
}

#member_lists .stock_list > ul > li a dl.item_box:after {
	position: absolute;
    width: auto;
    right: 15px;
    font-size: 4.0rem;
    content: "";
    font-family: 'FontAwesome';
    content: "\f105";
    color: #111;
}


#member_lists .stock_list > ul > li a:hover dl.item_box {
 	background-color:#DDD;
}


#member_lists .stock_list > ul > li a dl.item_box dt {
	width:25%;
}

#member_lists .stock_list > ul > li a dl.item_box dt .photo_box {
	padding-top:65%;
}

#member_lists .stock_list > ul > li a dl.item_box dd {
	width:75%;
	padding:0 4.0rem 0 1.0rem;
	font-size:1.5rem;
	color:#111;
	text-decoration:none;
	font-size:1.4rem;
	display:flex;
	flex-direction: column;
}

#member_lists .stock_list > ul > li a dl.item_box dd > span {
	display:inline-block;
	color:#09C;
	font-size:2.0rem;
	font-weight:500;
	width:100%;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul {
	word-break: break-all;
	width:100%;
	margin:0 0 0 0;
	display:flex;
	flex-wrap:wrap;
	/*flex-direction: column;*/
}


#member_lists .stock_list > ul > li a dl.item_box dd ul li {
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	width:100%;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.maker {
	width:auto;
	padding:0.25rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.model {
	width:auto;
	padding:0.25rem;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
	
#member_lists .stock_list > ul > li a dl.item_box dd ul li.price {
	text-align:right;
	font-size:2.0rem;
	font-weight:500;
	margin-top:auto;
}
	
#member_lists .stock_list > ul > li a dl.item_box dd ul li.price span {
	font-size:1.2rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks {
}



#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span {
	display:inline-block;
	margin:0 10px 0 0;
}


#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon {
	background-color:#CCC;
	opacity:0.9;
	color:#FFF;
	padding:0.5rem;
	font-size:1.2rem;
	font-weight:500;
	min-width:6.0rem;
	text-align:center;
}






/*新規*/
#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon.ico_new {
	background-color:#F4AE0B;
}
	
/*値下げ*/
#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon.ico_down {
	background-color:#039;
}

/*商談中*/
#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon.ico_reserve {
	background-color:#5EBB00;
}

/*商談成立*/
#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon.ico_sold {
	background-color:#F00;
}

/*商談依頼中*/
#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon.ico_sub_reserve {
	background-color:#0CC;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.watch {
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.watch em {
	font-style:normal;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.ico_reserve em {
	font-style:normal;
	font-weight:bold;
	color:;
	padding:0 0.25rem;
}






/***/

#member_lists .stock_list > ul > li a dl.item_box dt .photo_box {
	width: 100%;
	object-fit: cover;
	border-radius:10px 0 0 10px;
	vertical-align:bottom;
	overflow:hidden;
}
#member_lists .stock_list > ul > li a dl.item_box dt .photo_box img {
	width: 100%;
	object-fit: cover;
	border-radius:10px 0 0 10px;
	vertical-align:bottom;
}

#member_lists .stock_list > ul > li a dl.item_box dt .photo_box img {
	transition-duration: 0.3s;
	transform: scale(1.05);
}

#member_lists .stock_list > ul > li a:hover dl.item_box dt .photo_box img {
	transition-duration: 0.3s;
	transform: scale(1.125);
}

#member_lists .stock_list > ul > li a dl.item_box dt {
	position:relative;
}

#member_lists .stock_list > ul > li a dl.item_box dt .remarks {
	position:absolute;
	right:0;
	bottom:0;
	background-color:#111;
	opacity:0.9;
	color:#FFF;
	padding:0.5rem;
	font-size:1.2rem;
	font-weight:500;
	min-width:6.0rem;
	text-align:center;
}

#member_lists .stock_list > ul > li a dl.item_box dt .remarks.ico_down {
	background-color:#039;
}

#member_lists .stock_list > ul > li a dl.item_box dt .remarks.ico_new {
	background-color:#F4AE0B;
}
	
#member_lists .stock_list > ul > li a dl.item_box dt .remarks.ico_reserve {
	background-color:#5EBB00;
}

#member_lists .stock_list > ul > li a dl.item_box dt .remarks.ico_sold {
	background-color:#F00;
}





	

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







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

     トピックス 詳細ページ

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

/********** 記事のタイトル部 **********/

.topics_title {
	margin:0 0 100px 0;
	padding:0 0 0 1.0rem;
}

.topics_title .status {
	display:flex;
	justify-content: flex-end;
	flex-wrap:wrap;
}

.topics_title .status > span {
	font-size:1.6rem;
	background-color:#C5000A;
	color:#FFF;
	padding:0.25rem 0.5rem;
	margin:0 auto 0 0;
	font-weight:500;
	display:inline-block;
}

.topics_title .status > time {
	margin:0 0 0 1.0rem;
	font-size:1.5rem;
	font-weight:500;
}

.topics_title h2 {
	margin:0.5rem 0;
	font-size:2.7rem;
	display:flex;
	flex-wrap:wrap;
}

.topics_title h2 > span {
	font-size:2.4rem;
	margin:0.5rem 1.5rem 0.5rem 0.5rem;
}

.topics_title h2 > span:nth-child(1) {
	color:#111;
}

.topics_title h2 > span:nth-child(2) {
	color:#999;
}

.topics_title:has(h2:empty) {
	margin:0 0 55px 0;
}



/********** 記事の詳細 **********/

#member_topics_page {
	display:flex;
}

#member_topics_page > article {
	width:75%;
}

#member_topics_page > aside {
	width:25%;
	padding:0 0 0 60px
}

#member_topics_page aside {
}

#member_topics_page aside .topics_profile .btn_area_center {
	margin:1.0rem auto 0 auto;
}

#member_topics_page aside .topics_profile .btn_area_center .common_btn {
	min-width:100%;
}


#member_topics_page aside .topics_profile > dl dt img {
	width:100%;
	height:auto;
	
}

#member_topics_page aside .topics_profile > dl dt .photo_box img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius:10px 10px 0 0;
}

#member_topics_page aside .topics_profile > dl dd {
	padding:0.5rem;
}

#member_topics_page aside .topics_profile > dl dd div {
	font-size:2.0rem;
	font-weight:500;
	margin:0;
}

#member_topics_page aside .topics_profile > dl dd p {
	font-size:1.6rem;
}

#member_topics_page aside .topics_profile .information_data dl {
	font-size:1.5rem;
	padding:0.5rem;
}

#member_topics_page aside .topics_profile .information_data dl dt {
	font-weight:500;
}

#member_topics_page aside .topics_profile .information_data dl dd {
	padding:0 0 0 0.5rem;
}

#member_topics_page aside .topics_profile .information_data dl dd a {
	display:inline-block;
	color:#09C;
	font-weight:500;
}


/*記事をソートする*/

#member_topics_page aside .sort_box {
	font-size:1.6rem;
	margin:2.0rem 0 2.0rem 0;
	padding:1.0rem 0;
}

#member_topics_page aside .sort_box > dl dt {
	font-weight:500;
	margin:0 0 1.0rem 0;
	border-bottom:2px solid #111;
}

#member_topics_page aside .sort_box > dl dd {
	padding:0 0 0.5rem 0;
}

#member_topics_page aside .sort_box > dl dd a {
	display:block;
	color:#111;
	border-radius:5px;
	padding:0.5rem;
	border:1px solid #999;
	background-color:#FFF;
	transition:all 0.5s;
}

#member_topics_page aside .sort_box > dl dd a:hover {
	font-weight:500;
	border:1px solid #666;
	background-color:#FFF;
}

#member_topics_page aside .sort_box > dl dd select {
	width:100%;
	border:none;
	outline:1px solid #333;
	background-color:#FFF;
	transition:all 0.3s;
	cursor:pointer;
	height: auto;
}

#member_topics_page aside .sort_box > dl dd select:hover {
	outline:1px solid #F90;
	background-color:#FFFFD2;
	transition:0.3s all;
}






#member_topics_page aside .sort_box > dl dd label.selectbox-style::before {
	top:0;
    right:0;
    display: inline-block;
    width: 4.0rem;
    height: calc(100% - 0);
    background-color: #111;
	transition:all 0.3s;
}

#member_topics_page aside .sort_box > dl dd label.selectbox-style:hover::before {
	background-color:#333;
}
/**/






/**** 目次 *****/
#member_topics_page article .table_of_contents {
	margin:0.5rem 0;
	padding:0 0 0 3.0rem;
}

#member_topics_page article .table_of_contents ul , #member_topics_page article .table_of_contents ol {
	padding:1.0rem;
	font-size:1.8rem;
}

#member_topics_page article .table_of_contents ul li , #member_topics_page article .table_of_contents ol li {
	margin:0.25rem 0.25rem 0.75rem 0.25rem;
}

#member_topics_page article .table_of_contents ul li a , #member_topics_page article .table_of_contents ol li a {
	color:#3399CC;
	font-weight:500;
}

#member_topics_page article .table_of_contents ul li a:hover , #member_topics_page article .table_of_contents ol li a:hover {
	color:#F30;
}

#member_topics_page article .table_of_contents ol li::marker {
	color:#111111;
	font-weight:bold;
}



#member_topics_page .round_contents_box {
	margin:0 0 50px 0;
}

#member_topics_page .topics_article {
	width:100%;
	  padding:2.0rem;
	  box-sizing:border-box;
}

#member_topics_page .topics_article h4 {
	font-size:1.8rem;
	font-weight:500;
	margin:0 0 1.0rem 0;
	padding:1.0rem;
	color:#FFF;
	background-color:#111;
	border-radius:10px;
	text-align:left;
}






#member_topics_page .topics_article .quote .photo_set .photo_box {
	padding-top:100%;
}

#member_topics_page .topics_article .photo_box img {
	width: 100%;
	border-radius:10px;
}

#member_topics_page .topics_article .main_photo {
	padding:2.0rem 1.0rem;
}

#member_topics_page .topics_article .sub_photo {
	margin:0 0 2.0rem 0;
}

#member_topics_page .topics_article .sub_photo ul {
/*	display:flex;
	flex-wrap:wrap;*/
}

#member_topics_page .topics_article .sub_photo ul li {
	padding:1.0rem;
}

#member_topics_page .topics_article p {
	font-size:1.625rem;
	margin:1.0rem 0;
	padding:0.5rem;
}

#member_topics_page .topics_article p a {
	text-decoration:underline;
}



/********** 記事の引用 **********/

#member_topics_page .topics_article .quote {
	/*border:2px solid #666;
	border-radius:10px;
	padding:2.0rem;*/
	display:flex;
	flex-wrap:wrap;
	padding:1.0rem;

}

#member_topics_page .topics_article .quote .photo_set {
	width:40%;
	padding:1.0rem;
}

#member_topics_page .topics_article .quote dl {
	width:60%;
	padding:1.0rem 0;
}

#member_topics_page .topics_article .quote dl dt {
	padding:0 0.5rem;
	font-size:2.0rem;
	font-weight:500;
	color:#3399CC;
	text-decoration:;
}

#member_topics_page .topics_article .quote dl dd {
	font-size:1.6rem;
}

#member_topics_page .topics_article .quote .btn_area_center {
	width:100%;
}

#member_topics_page .topics_article .youtube_wrap iframe {
	border-radius:10px;
}








#member_topics_page div.abs_LikeBtn_box {
	text-align:right;
}

#member_topics_page div.abs_LikeBtn_box span {
	vertical-align:super;
	font-size:1.4rem;
	font-weight:500;
	color:#111;
	padding:0 0 0 2px;
}





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

     会員登録フォーム

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

#member_entry {
	width:90%;
	margin:auto auto;
}


#member_entry .contact_form {
	width:100%;
	font-size:1.6rem;
	margin:auto auto;
}



#member_entry .contact_form form {
	background-color:#F0F0F0;
	border-radius:8px;
	padding:3.0rem 1.5rem;
}

#member_entry .contact_form form p {
	font-size:1.5rem;
	margin:0.5rem 0;
}

#member_entry .contact_form form > p {
	font-size:1.5rem;
	padding:0.5rem;
}

#member_entry .contact_form input[type="text"], #member_entry .contact_form input[type="password"] , #member_entry .contact_form input[type="email"] , #member_entry .contact_form input[type="tel"], #member_entry .contact_form input[type="number"] {
	padding:1.0rem;
    border: 2px solid #666;
    border-radius: 6px;
    color: #333333;
	background-color:#FFF;
	max-width:100%;
}




#member_entry .contact_form dl {
	padding:0.5rem;
}


#member_entry .contact_form ul {
	padding:2.0rem 0;
}


#member_entry .contact_form input {
	vertical-align:middle;
}

#member_entry .contact_form input[type="submit"] {
	border-radius:8px;
	padding:1.75rem;
}

#member_entry .contact_form textarea {
	padding:1.0rem;
    border: 2px solid #666;
    border-radius: 8px;
    color: #333333;
}

#member_entry .contact_form textarea:focus {
	background-color:#FFFFE3;
}

#member_entry .contact_form textarea:focus::placeholder {
	visibility:hidden;
}


/*
#member_entry .contact_form input:user-invalid {
	border:2px solid #F00;
}
*/


#member_entry .contact_form label {
	width:100%;
	max-width:300px;
	margin:0 0 0.25rem 0; 
}

#member_entry .contact_form label select:focus {
	background-color:#FFC;
}








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

@media (min-width: 1025px) and (max-width:1199px) {

#member_information {
	flex-wrap:wrap;
}

#member_information .information_data {
	width:100%;
	padding:4.0rem 2.0rem;
	order:2;
}

#member_information .information_photo {
	width:100%;
	max-width:640px;
	order:1;
	margin:auto auto;
}



#member_introduction .photo_set {
	width:100%;
	max-width:100%;
	margin:auto auto;
}





#member_topics_page > article {
	width:70%;
}

#member_topics_page > aside {
	width:30%;
	padding:0 0 0 60px
}

}


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


@media (min-width: 768px) and (max-width:1024px) {


#member_title {
	display:flex;
	flex-wrap:wrap;
}


#member_title #profile .profile_box {
	width:95%;
	height:auto;
	padding:1.5rem 0 1.5rem 0;
	margin:auto auto;
}

#member_title #profile {
}

#member_title #profile ul.member_title_icon {
	margin:0.5rem 0;
	max-width:540px;
}

#member_title #profile .profile_box ul.member_title_icon li dl dd {
	display:none;
}

#member_title #profile .profile_box ul.member_title_icon li dl dd.off {
	color:#CCC;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt img {
	width:50px;
	height:auto;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt span {
	display:inline-block;
	position:absolute;
	background-color:#F00;
	color:#FFF;
	font-weight:500;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	border-radius:50%;
	bottom:0;
	right:0;
}




.member_title_contact dl dt {
	font-size:1.25rem;
	margin:1.0rem;
}

.ex_member_title_icon {
	width:100%;
	padding:0.5rem;
}

.ex_member_title_icon dl dt {
	width:150px;
}

.ex_member_title_icon a.common_btn {
	font-size:1.2rem;
	width:auto;
	padding:0.5rem 2.5rem 0.5rem 0.5rem;
}

.ex_member_title_icon a.common_btn:hover {
	background-color:#111;
	color:#FFF;
}



.ex_member_title_icon a.common_btn:hover:before {
    border-left: 1px solid #FFF;
}

.ex_member_title_icon a.common_btn:after {
	border:0;
	position:absolute;
    content: "";
	background: #ffffff;
	height: calc(tan(60deg) * 10px / 2);
	width: 10px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 6%;
    top: calc(50% - 6px);
}

.ex_member_title_icon ul.usage_guide {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0.5rem 0;
	padding:1.0rem;
	border:2px solid #CCC;
	border-radius:5px;
}

.ex_member_title_icon ul.usage_guide li {
	width:50%;
}

.ex_member_title_icon ul.usage_guide li dl dt img {
	width:30px;
	height:auto;
}

.ex_member_title_icon ul.usage_guide li dl dd {
	font-size:1.2rem;
}


#member_information {
	flex-wrap:wrap;
}

#member_information .information_data {
	width:100%;
	padding:4.0rem 2.0rem;
	order:2;
}

#member_information .information_photo {
	width:100%;
	max-width:640px;
	order:1;
	margin:auto auto;
}



#member_topics article ul li dl dd span {
	display:inline-block;
	padding:0.25rem 0.5rem;
}

#member_topics article ul li dl dd time {
	display:inline-block;
	text-align:right;
	position:relative;
	right:0;
	width:100%;
}



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

     会員ページ 農家登録フォーム

******************************************************************/
#member_entry {
	width:100%;
}

#member_entry article {
	margin:0;
}

#member_entry .contact_form form {
	width:100%;
}


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

     会員ページ 当店の出品情報 Stock List

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


#member_lists .tabs {
	width:100%;
}


#member_lists .stock_list > ul {
	margin:2.0rem 0;
}

#member_lists .stock_list > ul > li  {
	width:calc( 100% / 1 );
}

#member_lists .stock_list > ul > li a dl.item_box dt {
	width:30%;
}

#member_lists .stock_list > ul > li a dl.item_box dd {
	width:70%;
}





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

#member_introduction article > ul {
	margin:3.0rem auto;
}

#member_introduction article > ul li {
	padding:1.0rem;

}

#member_introduction article > .blog_image {
	width:100%;
	max-width: 640px;
	margin:auto auto;
}



#member_topics_page > article {
	width:70%;
}

#member_topics_page > aside {
	width:30%;
	padding:0 0 0 20px
}




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

#member_topics_page aside .sort_box > dl dd select {
/*	padding:1.25rem 0.5rem;*/
}





}


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

@media screen and (max-width : 767px) {
#member_contents {
	width:100%;
	padding:0.5rem;
}

#member_title {
	display:flex;
	flex-wrap:wrap;
}

#member_title #profile_main_image {
	width:100%;
	height:320px;
}

#member_title #profile_main_image img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	border-radius:10px 10px 0 0;
}

#member_title #profile .profile_box {
	width:95%;
	height:auto;
	padding:1.5rem 0 1.5rem 0;
	margin:auto auto;
}

#member_title #profile {
	width:100%;
}

#member_title #profile .profile_box h2 {
	font-size:2.7rem;
}

#member_title #profile ul.member_title_icon {
	margin:0.5rem 0;
	max-width:400px;
}



#member_title #profile .profile_box ul.member_title_icon li dl dd {
	display:none;
}

#member_title #profile .profile_box ul.member_title_icon li dl dd.off {
	color:#CCC;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt img {
	width:50px;
	height:auto;
}

#member_title #profile .profile_box ul.member_title_icon li dl dt span {
	display:inline-block;
	position:absolute;
	background-color:#F00;
	color:#FFF;
	font-weight:500;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	border-radius:50%;
	bottom:0;
	right:0;
}







.member_title_contact dl dt {
	font-size:1.25rem;
	margin:1.0rem;
}

.ex_member_title_icon {
	width:100%;
	padding:0.5rem;
}

.ex_member_title_icon dl dt {
	width:150px;
}

.ex_member_title_icon a.common_btn {
	font-size:1.2rem;
	width:auto;
	padding:0.5rem 2.5rem 0.5rem 0.5rem;
}

.ex_member_title_icon a.common_btn:hover {
	background-color:#111;
	color:#FFF;
}



.ex_member_title_icon a.common_btn:hover:before {
    border-left: 1px solid #FFF;
}

.ex_member_title_icon a.common_btn:after {
	border:0;
	position:absolute;
    content: "";
	background: #ffffff;
	height: calc(tan(60deg) * 10px / 2);
	width: 10px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 6%;
    top: calc(50% - 6px);
}

.ex_member_title_icon ul.usage_guide {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0.5rem 0;
	padding:1.0rem;
	border:2px solid #CCC;
	border-radius:5px;
}

.ex_member_title_icon ul.usage_guide li {
	width:50%;
}

.ex_member_title_icon ul.usage_guide li dl dt img {
	width:30px;
	height:auto;
}

.ex_member_title_icon ul.usage_guide li dl dd {
	font-size:1.2rem;
}


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

     会員ページ インフォメーション information

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

#member_information {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#member_information .information_data {
	width:100%;
	padding:1.0rem 0 3.0rem 0;
	order:2;
}

#member_information .information_data dl {
	display:flex;
	flex-wrap:wrap;
	font-size:1.6rem;
	border-bottom:1px solid #111;
	padding:0.25rem;
}

#member_information .information_data dl dt {
	width:100%;
	font-weight:500;
}

#member_information .information_data dl dd {
	width:100%;
}


#member_information .information_photo {
	width:100%;
	order:1;
	
}

#member_information .information_photo ul {
	padding:1.0rem 0;
}

#member_information .information_photo ul li {
	padding:1.0rem;
}



#member_information .information_data dl dd ul.license_list > li {
	width:100%;
}


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

     会員ページ イントロダクション introduction

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

#member_introduction article {
	margin:1.0rem 0;
	padding:1.0rem 0;
	border-bottom:4px dotted #CCC;
}

#member_introduction article h4 {
	background-color:#C5000A;
	border-radius:10px;
	color:#FFF;
	padding:1.0rem;
	margin:1.0rem 0;
	font-size:1.6rem;
}

#member_introduction article p {
	font-size:1.6rem;
	padding:1.0rem 0;
}


#member_introduction article ul {
	margin:1.0rem auto;
}

#member_introduction .photo_set ul li {
	padding:1.0rem;

}

#member_introduction article .photo_box img {
	width: 100%;
	object-fit: cover;
	border-radius:10px;
}







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

     会員ページ トピックス topics

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

#member_topics {
	margin:auto 0;
}


#member_topics article {
	margin:1.0rem 0;
	padding:1.0rem 0;
}


#member_topics article ul {
/*	display:flex;
	flex-wrap:wrap;*/ /* デザイン変更 */
}

#member_topics article ul li {
/*	width:100%;
	padding:1.0rem 0;*/ /* デザイン変更 */
}

#member_topics article ul li a {
	text-decoration:none;
}


#member_topics article ul li dl {
	
}

#member_topics article ul li dl dt {
}

#member_topics article ul li dl dd {
	background-color:#F0F0F0;
	height:160px;
	border-radius:0 0 15px 15px;
	padding:0.5rem;
	font-size:1.5rem;
}

#member_topics article ul li a dl dd  {
	color:#111;
	text-decoration:none;
}

#member_topics article ul li dl dd span {
	display:inline-block;
	padding:0.25rem 0.5rem;
}

#member_topics article ul li dl dd time {
	display:inline-block;
	text-align:right;
	position:relative;
	right:0;
	width:100%;
}


#member_topics article ul li dl dt .photo_box img {
	width: 100%;
	/*height: auto;*/
	object-fit: cover;
	border-radius:15px 15px 0 0;
	vertical-align:bottom;
}




#member_topics_page aside .sort_box > dl dd {
	padding:0 2.0rem;
}



#member_topics_page aside .sort_box > dl dd select {
	padding:1.0rem 0.5rem;
}






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

     会員ページ 農家登録 entry

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

#member_entry {
	width:100%;
}


#member_entry article {
	margin:1.0rem;
	padding:1.0rem 0;
}

#member_entry article p {
	width:100%;
}

#member_entry article:after {
	bottom:-25px;
}



#member_entry article .entry_range {
	width:100%;
}








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

     会員ページ 当店の出品情報 Stock List

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

#member_lists .tabs {
	width:100%;
}


#member_lists .stock_list > ul {
	margin:2.0rem 0;
}

#member_lists .stock_list > ul > li  {
	width:calc( 100% / 1 );
}


#member_lists article {
	margin:1.0rem 0 1.0rem 0;
	padding:0.5rem 0;
	position:relative;
}

#member_lists .stock_list > ul > li a dl.item_box {
	border-radius:6px;
	display:flex;
}

#member_lists .stock_list > ul > li a dl.item_box:after {
    right: 10px;
    font-size: 2.5rem;
    content: "";
    font-family: 'FontAwesome';
    content: "\f105";
    color: #111;
}





#member_lists .stock_list > ul > li a dl.item_box dt {
	width:30%;
	padding:10px;
	display: flex;
	align-items: center;
	min-height:120px;
}


#member_lists .stock_list > ul > li a dl.item_box dt .photo_box {
	border-radius:0;
	padding-top:90%;
}

#member_lists .stock_list > ul > li a dl.item_box dt .photo_box img {
	border-radius:0;
}

#member_lists .stock_list > ul > li a dl.item_box dt .remarks {
	left:5px;
	bottom:5px;
	max-width:1.0rem!important;
	white-space:nowrap;
	padding:0.25rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd {
	width:70%;
	padding:0.5rem 2.5rem 0.5rem 0.5rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd > span {
	font-size:1.8rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.price {
	font-size:1.6rem;
}

#member_lists .stock_list > ul > li a dl.item_box dd ul li.remarks span.icon {
	padding:0.25rem;
}


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







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

     トピックス 詳細ページ

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




/********** 記事のタイトル部 **********/
.topics_title {
	margin:0 0 80px 0;
}

/********** 記事の詳細 **********/

#member_topics_page {
	display:flex;
	flex-wrap:wrap;
}

#member_topics_page article {
	width:100%;
}

#member_topics_page aside {
	width:96%;
	margin:auto auto;
	padding:5.0rem 0 0 0;
	border-top:2px dotted #666;
}

#member_topics_page aside {
}



#member_topics_page article .table_of_contents ul {
	padding:0.5rem 0;
}

#member_topics_page .topics_article {
	padding:0;
}

#member_topics_page .topics_article .sub_photo ul {
	
}

#member_topics_page .topics_article .sub_photo ul li {
	width:100%;
}


/********** 記事の引用 **********/

#member_topics_page .topics_article .quote {
	display:flex;
	flex-wrap:wrap;
}

#member_topics_page .topics_article .quote .photo_set {
	width:100%;
	padding:0;
}

#member_topics_page .topics_article .quote dl {
	width:100%;
}

#member_topics_page .topics_article .quote dl dt {
	padding:0 0.5rem;
	font-size:2.0rem;
	font-weight:500;
	color:#3399CC;
	text-decoration:;
}

#member_topics_page .topics_article .quote dl dd {
	font-size:1.6rem;
}

#member_topics_page .topics_article .quote .btn_area_center {
	margin:1.0rem auto;
}








}