@charset "utf-8";
.content {
	width: 100%;
	height: calc(100% - 50px);
}

.content ul li {
	width: calc(100% + 85px);
	/*height: 24.155vw;*/
	height: 27.155vw;
	display: flex;
	align-items: center;
	position: relative;
	left: 0;
	border-bottom: 1px solid #dedede;
	transition: 500ms;
	background-color: white;
}

/*広告用li*/
.content ul li.cm_li {
	/*height: 90px;*/
	height: 24.155vw;
}

/*list関係*/
.swipe_list,
.fixed_list {
	width: calc(100% - 85px);
	height: 100%;

	display: flex;
	align-items: center;

	position: relative;
	top: 0;
}

.swipe_list .sort,
.fixed_list .sort {
	width: 10px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 4%;

	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.content ul li:first-child{
	/*border-top: 1px solid #eee;*/
	border-top: 1px solid #dedede;
}

.imgAndMain {
	min-width: 300px;
	width: 95%;
	height: 100%;
	margin: auto;

	display: flex;
	align-items: center;
}
.imgAndMain.talk{
	/*width: 90%;*/
	width: 92%;

}
.talk .date_icon{
	/*margin-right: 10px;*/
	margin-right: 2.42vw;
}
.list_link {
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	flex-shrink: 0;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);

	text-decoration: none;
}

.list_link:active {
	width: 100%;
	background: #ddd;
	opacity: 0.8;
}
.list_img {
	display: inline-block;

	width: 65px;
	height: 65px;

	margin-right: 15px;
}

.list_main {
	font-size: 2.68vw;
	line-height: 4.12vw;
	/*height: 16.93vw;*/
	/*height: 22.93vw;*/
	height: 25vw;
}

.list_main.li_member{
	margin-top: 2vw;
}

.list_main p {
	color: #595757;
	font-family: "小塚ゴシック Pr6N R", "Kozuka Gothic Pr6N R", sans-serif;
	font-size: 3.37vw;
	max-width: 65.23vw;
	line-height: 4.4vw;
	margin-bottom: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*トーク用 スタイル*/
.scroll_list.talk{
	height: calc(100% - 48.5px);
}
.list_main.talk p{
	max-width: 49.53vw;
	line-height: 4.2vw;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}

.place{
	min-width: 185px;
}

.talk_map{
	max-width: 65.2vw;
	height: 4.6vw;
}

.s_map{
	font-size: 3vw;
	color: #036eb8;
	text-decoration: underline;
	vertical-align: top;
	font-weight: bold;
}
.list_main.talk p.red{
	color: #b10013;
	font-size: 3.4vw !important;
	font-weight: bold;
}

.list_main.talk p.list_comment{
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 2.65vw;
	letter-spacing: 0.5px;
	color: #888889;
	max-width: 55.6vw;
	width: 100%;
	line-height: 3.4vw;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.list_main.talk p.time{
	position: absolute;
	font-size: 2.4vw;
	letter-spacing: 0;
	right: 2.8vw;
	bottom: 0.5vw;
	text-align: right;
	line-height: 3.1vw;
	color: #a8a8a8;
	font-weight: normal;
}

.talk_map img{
	margin-top: -5px;
	width: 15px;
}


/*3点マーカー関係*/
.list_main .name {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-weight: bold;
	color: #221814;
	max-width: 60.4vw;
	width: 100%;
	line-height: 4.2vw;
	max-height: 8.3vw;

	position: relative;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*削除ボタン*/
.list_delete {
	display: none;
	width: 85px;
	/*width: 20.55vw;*/
	/*height: 100px;*/
	height: 24.16vw;
	background: #e60012;
	position: relative;
	top: 0;
}
.content ul li.swipe_on .list_delete,
.content ul li.swipe_closing .list_delete {
	display: block;
}
.list_delete p {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	color: #fff;
	font-family: "MS ゴシック", "MS Gothic", sans-serif;
	/*font-size: 14px;*/
	font-size: 3.4vw;
	/*line-height: 14px;*/
	line-height: 3.4vw;
}

.list_delete:active {
	opacity: 0.8;
}


/*★アイコン*/
.level_select span{
	letter-spacing: -3px;
	/*font-size: 11px;*/
	font-size: 2.68vw;
}
.swipe_list .level_select .selected{
	font-size: 11px;
	font-size: 3.5vw;
}

/*日付けアイコン*/
.date_icon{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	/*font-size: 12px;*/
	font-size: 2.89vw;
	text-align: center;
	font-weight: bold;

	/*max-width: 80px;*/
	max-width: 19.327vw;
	width: 100%;
	/*height: 70px;*/
	height: 16.89vw;
	/*background-color: #914897;*/
	color: #fff;
	margin-right: 6px;
	/*padding: 6px 0px;*/
	padding: 1.5vw 0px;
	border-radius: 8px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.date_box{
	position: relative;
	text-align: left;
	width: 80%;
	/*height: 40px;*/
	height: 9.66vw;
	margin-left: auto;
	margin-right: auto;
}

.month{
	/*font-size: 17px;*/
	font-size: 4.12vw;
	/*width: 5.32vw;*/
	width: 8.5vw;
	/*text-align: right;*/
	text-align: center;
}

.diagonally{
	border: 0;
	border-top: 1px solid #fff;
	/*width: 11.36vw;*/
	width: 13vw;
	transform: rotate(-40deg);
	position: absolute;
	/*bottom: 4.83vw;*/
	bottom: 5vw;
	/*left: 0px;*/
	left: 0.8vw;
}

.day{
	text-align: center;
	/*font-size: 25px;*/
	font-size: 5.5vw;
	position: absolute;
	/*width: 30px;*/
	width: 7.25vw;
	/*right: 7px;*/
	right: 0.8vw;
	/*bottom: -5px;*/
	bottom: -1.1vw;
}

.date_icon.january{		background-color: #00aa84;	} 	/*1月*/
.date_icon.february{	background-color: #d28315;	} 	/*2月*/
.date_icon.march{		background-color: #d84288;	} 	/*3月*/
.date_icon.april{		background-color: #00a5b9;	} 	/*4月*/
.date_icon.may{			background-color: #914897;	} 	/*5月*/
.date_icon.mune{		background-color: #66af3f;	} 	/*6月*/
.date_icon.muly{		background-color: #d9ac00;	} 	/*7月*/
.date_icon.august{		background-color: #0099cd;	} 	/*8月*/
.date_icon.september{	background-color: #ea541f;	}	/*9月*/
.date_icon.october{		background-color: #b7c900;	}	/*10月*/
.date_icon.november{	background-color: #e95377;	} 	/*11月*/
.date_icon.december{	background-color: #ec6c00;	} 	/*12月*/

{
	background-color: #914897;
}


/*ステータス三角形*/
.triangle{
	position: absolute;
	right: 0;
	top: 0;
	border-top: 15.5vw solid #eb6000;
	border-left: 19.33vw solid transparent;
}

.triangle.end{
	border-top: 14.5vw solid #888889;
}

.status_text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 3.5vw;
	color: #fff;
	position: absolute;
	left: -11vw;
	top: -11.5vw;
	transform: rotate(40deg);
	white-space: nowrap;
	font-weight: bold;
}

.triangle.end .status_text{
	left: -9vw;
}
/*いいねアイコン*/
.how_nice{
	position: absolute;
	right: 3.935vw;
	top: 12.3vw;
}
.how_nice.talk{
	right: 2.42vw;
	top: 8.23vw;
}
.how_nice p{
	font-size: 3vw;
	color: #595757;
	text-align: center;
}
.how_nice img{
	width: 7vw;
}
.how_nice.talk img{
	width: 2.9vw;
}
.imgAndMain .how_nice p{
	position: relative;
	top: -1.5vw;
}
.level_select{
	color: #595757;
}
.list_icon{
	width:70px;
	height:70px;
	margin-right: 6px;
}

.list_icon.talk{
	/*width:80px;*/
	width: 19.35vw;
	/*height:80px;*/
	height: 19.35vw;
	margin-left: -10px;
	margin-right: 6px;
}

.list_icon img{
	max-width:100%;
	height: 100%;
}
.list_icon.talk img{
	border-radius: 50%;
}

/* ***トークバッチ ****/
.swipe_list .icon_batch{
	/*top: 32px;*/
	top: 7.73vw;
	/*right: 30px;*/
	right: 7.25vw;
}

/* 開催日時*/
.list_main.talk p.talk_list_time{
	font-size: 3.2vw;
	color: #595757;
	font-weight: bold;
}

/*フリートーク用 CSS*/
.talk_btn_box{
	position: absolute;
	right: 3.5vw;
}
.free_talk_btn{
	display: block;
	padding: 2vw 3.15vw;
	margin: 1.2vw 0px;
	border-radius: 11px;
	font-size: 3.15vw;
	font-weight: bold;
	color: #fff;

}
/*承認ボタン*/
.talk_approve{
	background: #006834;
}
.talk_approve:active{
	opacity: 0.8;
}
/*拒否ボタン*/
.talk_reject{
	background: #595757;
}
.talk_reject:active{
	opacity: 0.8;
}
.pending_text{
	color:#00a0e8;
	font-weight: bold;
	padding: 2vw 3.15vw;
	margin: 1.2vw 0px;
}


/*種別の色分け（ミニバスと一般）*/
p.category.ippan{display: inline-block; background-color:#e800a2; color:#fff; padding: 2px ;}
p.category.mini{display: inline-block; background-color:#00a0e8; color:#fff; padding: 2px ;}

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


@media (min-width: 481px){
	.list_icon{
		width: 16.91vw;
		height: 16.91vw;
	}
	.list_delete{
		width: 20.55vw;
	}
}
@media (max-width: 375px){

	.content ul li{
		height: 88px;
	}
	.talk.content ul li{
		height: 100px;
	}
	.list_delete{
		height: 88px;
	}
	.list_delete.talk{
		height: 100px;
	}
	.date_icon{
		max-width: 70px;
		font-size: 10px;
	}
	.month{
		font-size: 15px;
	}
	.day {
		font-size: 22px;
		right: 2px;
	}
	.list_main p{
		font-size: 11px;
		max-width: 230px;
	}
	.list_main .name{
		font-size: 11px;
		max-width: 230px;
	}
	.imgAndMain.talk {
		width: 91%;
	}
	.list_main.talk p{
		max-width: 200px;
	}
	.list_main.talk p.list_comment{
		max-width: 200px;
	}
	.list_icon.talk{
		width:70px;
		height:70px;
	}
}

@media (max-width: 360px){
	.talk.content ul li {
		height: 90px;
	}
}

@media (max-width: 320px){
	.date_icon {
		max-width: 60px;
	}
	.month{
		font-size: 12px;
	}
	.day {
		font-size: 18px;
		right: -1px;
	}

	.delete {
		height: 51px;
	}
	.imgAndMain {
		width: 80%;
	}
	.list_main .name{
		max-width: 200px;
	}
	/*トーク関係*/
	.list_main.talk p {
		max-width: 165px;
		min-width: auto;
	}
	.list_main.talk p.list_comment {
		max-width: 170px;
	}

}