@charset "utf-8";


/**************************************************50
 * top
 **************************************************/
#top_left{
	float: left;
	width: 480px;
}


/**************************************************50
 * topic_today
 **************************************************/
#topic_today{
	margin-bottom: 30px;
	width: 480px;
}
#topic_today h2{
	background-image: -webkit-linear-gradient(top, #FF0C1E 0%, #B50C1E 100%);
	background-image: linear-gradient(to bottom, #FF0C1E 0%, #B50C1E 100%);
	color: #FFFFFF;
	font-size: 137.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#topic_today h2:before,
#topic_today h2:after{
	content: "\F4CE\F4CE\F4CE";
	color: #E8C41A;
	margin: 0 0.5em;
}
#topic_today h2 span{
	color: #FFFF00;
}
#topic_today > div{
	background-color: #282760;
	padding: 10px;
	text-align: center;
}
#topic_today > div ul{
	background-color: #FFFFFF;
}
#topic_today > div ul > li{
	color: #4D4D4D;
	font-size: 87.5%;
	font-weight: bold;
	padding: 0.5em 1em;
}


/**************************************************50
 * top_news
 **************************************************/
#top_news{
	color: #212121;
	margin-bottom: 50px;
	width: 480px;
}
#top_news > div:not(.right){
	background-color: #FFFFFF;
	height: 560px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}
#lucky_number + #top_news > div:not(.right){
	height: 400px;
}
#top_news > div figure{
	padding: 10px;
}
#top_news > div figure:after{
	clear: both;
	content: "";
	display: block;
}
#top_news > div figure > div{
	float: left;
	width: 180px;
}
#top_news > div figure > div img{
	width: 100%;
}
#top_news > div figure figcaption{
	word-break: break-all;
}
#top_news > div figure > div + figcaption{
	float: right;
	width: -webkit-calc(100% - 180px - 10px);
	width: calc(100% - 180px - 10px);
}
#top_news > div figure figcaption h3{
	color: #FF0000;
	font-size: 125%;
	line-height: 1.2;
	margin: 10px 0;
}
#top_news > div.right{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}


/**************************************************50
 * today
 **************************************************/
#today{
	float: right;
	margin-bottom: 50px;
	width: 465px;
}
#today .lady_list.slick-slide{
}
#today .lady_list > li{
	margin-bottom: 0;
	margin-left: 0;
	height: 300px;
	width: 135px;
}
#today .lady_list > li:not(:nth-child(3n+1)){
	margin-left: 30px;
}
#today .lady_list > li h3{
	margin-top: 2px;
	font-size: 87.5%;
}
#today .lady_list > li .lady_3size{
	font-size: 62.5%;
}
#today .lady_list > li .lady_type{
	font-size: 75%;
}
#today .lady_list > li .lady_next{
	font-size: 75%;
}
#today .slick-vertical .slick-slide{
	border: none;
}
#today .slick-arrow{
	height: 30px;
	top: 50%;
	right: 0;
	left: auto;
	width: 30px;
}
#today .slick-arrow:before{
	color: #5A5A5A;
	font-family: "Material Design Icons";
	font-size: 30px;
}
#today .slick-prev{
	-ms-transform: translate(120%, -150%);
	-webkit-transform: translate(120%, -150%);
	transform: translate(120%, -150%);
}
#today .slick-prev:before{
	content: "\F062";
}
#today .slick-next{
	-ms-transform: translate(120%, 50%);
	-webkit-transform: translate(120%, 50%);
	transform: translate(120%, 50%);
}
#today .slick-next:before{
	content: "\F04A";
}
#today .lady_list_icon_lt{
	width: 32px;
}
#today .lady_list_icon_rt{
	width: 32px;
}
#today .lady_list_icon_rb{
	width: 34px;
}
#today .lady_list_icon_rb{
	width: 34px;
}
#today .lady_list_icon_lb{
	width: 72px;
}
#today .lady_list > li .is_pickup{
	font-size: 75%;
	height: 32px;
}


/**************************************************50
 * top_event
 **************************************************/
#top_event{
	color: #212121;
	margin-bottom: 50px;
}
#top_event:after{
	clear: both;
	content: "";
	display: block;
}
#top_event figure{
	background-color: #FFFFFF;
	float: left;
	padding: 10px;
	position: relative;
	width: 480px;
}
#top_event figure:nth-child(even){
	margin-left: 20px;
}
#top_event figure > div{
	float: left;
	width: 180px;
}
#top_event figure > div img{
	width: 100%;
}
#top_event figure figcaption{
	height: 290px;
	overflow: hidden;
	word-break: break-all;
}
#top_event figure > div + figcaption{
	float: right;
	width: -webkit-calc(100% - 180px - 10px);
	width: calc(100% - 180px - 10px);
}
#top_event figure figcaption h3{
	color: #FF0000;
	font-size: 125%;
	line-height: 1.2;
	margin: 10px 0;
}
#top_event figure figcaption .top_event_to{
	background-color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	width: 100%;
}


/**************************************************50
 * top diary
 **************************************************/
.top_diary{
	background-color: #E8F6FF;
	margin-bottom: 6.25%;
	padding-top: 3.125%;
	padding-bottom: 3.125%;
}


