/* ----------------------------
realtime (/realtime/)
------------------------------*/

#realtime {
}

#realtime img.description {
    display: block;
    height: 70px;
    margin: 0 auto 20px;
    width: 1062px;
}

#realtime h2 {
	height: 70px;
}

#realtime h3 {
    height: 40px;
    margin: 0 0 20px;
    width: 520px;
}

#realtime  #list_n{
	float:left;
	width:370px;
	height:auto;
}

#box {
    height: auto;
    margin: 0 0 0 30px;
    position: relative;
    width: 1080px;
}

#realtime div#list_m{
    height: auto;
    position: relative;
    width: 100%;
}

#realtime   ul.list{
	display: flex;
	flex-wrap:wrap;
	justify-content:flex-start;
    margin: 0 auto;
    width: 1080px;
}

#realtime ul.list li {
    background-image: url("../img/bg_realtime.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 540px;
    height: 280px;
    margin: 0 0 10px;
    position: relative;

}

#realtime ul.list li.end {
    background-image: url("../img/bg_realtime2.png");
    height: 270px;
    margin: 0 5px 10px;
    position: relative;
    width: 520px;
}

#realtime ul.list li .state {
    height: 80px;
    position: absolute;
    left: 205px;
    top: 15px;
    width: 300px;
}

#realtime ul.list li .state p.time {
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: 30px;
    margin: 20px 0 0 15px;
    text-align: left;
}

#realtime ul.list li .state_1{
    background-image: url("../img/icon_hajime.jpg");
}

#realtime ul.list li .state_2{
    background-image: url("../img/icon_soku.jpg");
}

#realtime ul.list li .state_3{
    background-image: url("../img/icon_miawase.jpg");
}

#realtime ul.list li .state_4{
    background-image: url("../img/icon_mankai.jpg");
}

#realtime ul.list li .state_5{
    background-image: url("../img/icon_ichi.jpg");
}

#realtime ul.list li .state_6{
    background-image: url("../img/icon_manin.jpg");
}

#realtime ul.list li .state_7{
    background-image: url("../img/icon_genteihajime.jpg");
}

#realtime ul.list li p.name {
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: 18px;
    height: 30px;
    left: 205px;
    position: absolute;
    text-align: left;
    top: 95px;
    width: 250px;
}

#realtime ul.list li p.ctg {
    left: 205px;
    position: absolute;
    text-align: left;
    top: 142px;
}

#realtime ul.list li span {
    font-size: 13px;
    height: 20px;
    left: 205px;
    position: absolute;
    text-align: left;
    top: 122px;
    width: 250px;
}

#realtime ul.list li img.photo {
    height: 240px;
    left: 15px;
    position: absolute;
    top: 20px;
    width: 180px;
}

#realtime ul.list li img.shop {
    position: absolute;
    right: 20px;
    top: 105px;
}
#realtime ul.list li img.today{

}

#realtime .comment {
    color: #FFFFFF;
    font-size: 16px;
    height: 52px;
    left: 205px;
    overflow: auto;
    position: absolute;
    text-align: left;
    top: 168px;
    width: 325px;
}

#realtime .icon_box{
    position: absolute;
    right: 20px;
    top: 105px;
}

#realtime ul.list li img.mark_10{
	display: block;
}
#realtime ul.list li img.mark_11{
    display: block;
    margin-left: -10px;
}

.icon_new {
    left: -10px;
    position: absolute;
    top: -10px;
    z-index: 20;
}

.movie {
	position: absolute;
	left: 15px;
	text-align: left;
	top: 240px;
	z-index: 10;
}

.iconbox{
    bottom: 15px;
    left: 205px;
    position: absolute;
    text-align: left;
    width: 300px;
    font-size: 0;
}
.iconbox i{
	display: inline-block;
	margin-left: 4px;
}
.iconbox i:first-child{
	margin-left: 0;
}

.sakuran_time {
	top: 30px;
    left: 226px;
    position: absolute;
    font-size: 45px;
    font-weight: bold;
}

#realtime ul.list li .state p.sakurantime {
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
    font-size: 30px;
    text-align: left;
    margin: 20px 0px 0px 15px;
}