/* ==========================================================
  shared.css
  display: index
========================================================== */
  /* CONTENTS
  ------------------ */
.t_size_d1{font-size: 90% !important;}
.t_size_d2{font-size: 85% !important;}
.t_size_d3{font-size: 80% !important;}
.t_size_d4{font-size: 75% !important;}
.tc_lime{color:#cfee1d;}

h3 span{
	color: #cfee1d;
}
.collabo{
	padding: 0 !important;
}

.collabo .date{	
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	margin-top: 1em;
}
.collabo .date span.ttl{
	display: block;
	color: #FFF;
	background: #1e1919;
	font-size: 80%;
	padding: 0.25em;
	margin-right: 0.5em;
}

.collabo .quest{
	margin: 1em 0;
}

.collabo .item{
	border:1px solid #797372;
	box-sizing: border-box;
	padding: 0.5em;
	margin-bottom: 1em;
}
.collabo .item ul{
	margin-top: 1em;
	font-size: 1.1em;
}
.collabo .item ul li{
	margin-left: 1em;
	text-indent: -1em;
}
.collabo .item ul li:before{
	content: "-";
	padding-right: 0.5em;
}
#hk .collabo .item ul li:before,
#cn .collabo .item ul li:before{
	content: "・";
	padding-right: 0;
}

@media screen and (min-width: 768px) {
	.collabo:nth-of-type(1){
		margin-top: 80px;
	}
	.collabo .inConts{
		width: 100%;
		max-width: 780px;
		margin: auto auto;
	}
	.collabo .date{
		font-size: 30px;
		margin-top: 40px;
	}
	#hk .collabo .date,
	#cn .collabo .date{
		font-size: 34px;
	}
	.collabo .date span.ttl{
		display: inline-block;
		color: #FFF;
		background: #1e1919;
		font-size: 80%;
		padding: 0.25em 0.5em;
		margin-right: 0.5em;
	}

	.collabo .quest{
		margin: 50px 100px;
		font-size: 18px;
	}

	.collabo .item{
		width: 100%;
		max-width: 780px;
		padding: 30px;
		margin-bottom: 60px;
	}
	.collabo .item ul{
		font-size: 18px;
	}
	.collabo .item ul li{
		margin-left: 1em;
		text-indent: -1em;
	}
	.collabo .item + p{
		width: 100%;
		max-width: 780px;
		font-size: 18px;
	}
}