@charset "utf-8";
/*--------------------------------------------------------------------------------
*
* 2015
* vivi | unicharm
*  /unicharm/
*
* style.css
*
--------------------------------------------------------------------------------*/

.topic_wrapper{
    margin: 0;
}

.date_wrap {
	position: relative;
}

.date_wrap .date,
.date_wrap .views {
	font-size: 14px;
	line-height: 20px;
	color: #6c6c6c;
	display: inline-block;
}

.date_wrap .date{
    margin: 10px 0 0 18px;
}

.date_wrap .date {
	margin-right: 30px;
}

.date_wrap .clip {
	width: 187px;
	height: 187px;
	position: absolute;
	top: -96px;
	right: -58px;
	overflow: hidden;
}

.date_wrap .clip a:hover img {
	margin-top: -52px;
}

.date_wrap .views {
	padding-left: 20px;
	background: url(/common/img/icon_check.png) left center no-repeat;
}

/*--------------------------------------------------------------------------------
*
    Unicharm Style
*
--------------------------------------------------------------------------------*/
#page_unicharm{
    color: #5c5c5c;
    font-size: 14px;
}

#unicharm_contents{
    margin: 20px 0 18px 0;
    padding: 18px;
    background-image:url(/common/unicharm/img/bg_unicharm_inner_stripe.png);
}

#unicharm_contents li{
    height: 400px;
    margin: 0 0 18px 0;
    position: relative;
    font-size: 12px;
    letter-spacing: -.09em;
    line-height: 1.66em;
}

#unicharm_contents li .pic,
#unicharm_contents li .desc{
    position: absolute;
}

#unicharm_contents li.unicharm01 .desc{width: 235px; top: 210px; left: 320px;}
#unicharm_contents li.unicharm02 .desc{width: 200px; top: 142px; left: 355px;}
#unicharm_contents li.unicharm03 .desc{width: 150px; top: 160px; left: 18px;}
#unicharm_contents li.unicharm04 .desc{width: 250px; top: 35px; left: 18px;}

#unicharm_talk h3{
    padding: 18px 0;
    background-color: #8bc3b4;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#unicharm_talk .talk_desc{
    padding: 13px 18px 33px 18px;
    background-color: #fff;
    letter-spacing: 0;
    line-height: 1.78em;
}

#unicharm_talk .talk_desc span{
    margin: 0 12px 0 0;
    color: #8bc3b4;
}

.unicharm_information{
    margin: 0 0 48px 0;
}

.btn_night_in_tokyo{
    margin: 0 0 48px 0;
}

.btn_btm_information{
    height: 108px;
    margin: 0 0 30px 0;
    text-align: center;
    overflow: hidden;
}

.btn_btm_information img:hover{
    margin: -108px 0 0 0;
}