.twitter-timeline{
	-webkit-transform: scale(1) !important;
	   -moz-transform: scale(1) !important;;
	    -ms-transform: scale(1) !important;;
	     -o-transform: scale(1) !important;;
	        transform: scale(1) !important;;
}
.topStory{
	margin: 5px 5px 10px;
	padding: 5px 10px;
	border: solid 1px #32b16c;
	color: #32b16c;
	background: rgba(255,255,255,0.6);
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}
.storyStrong{
	font-weight: bold;
	font-size: 16px;
}
.storyStrong.is-blue{
	color: #00b7ee;
}
.storyStrong.is-red{
	color: #7d0022;
}
.item{
	border-top:1px solid #32b16c;
}
.roundTitle{
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	color: #FFF;
	padding: 5px 0;
	border-bottom:1px solid #32b16c;
	text-shadow: 0 0 2px #32b16c,0 0 5px #32b16c;
}
.roundTitle:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 13.9px;
	border-color: transparent transparent transparent #32b16c;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}
.roundTitle.is-open:after{
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.roundBox{
	border-bottom:1px solid #32b16c;
}
.storyBox{
	width: 290px;
	margin: 10px auto ;
	background: #FFF;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
		border: solid 1px #5E5045;
		overflow: hidden;
}
.storyImgBox{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 145px;
	-webkit-border-radius: 0 0 10px 10px;
	        border-radius: 0 0 10px 10px;
}
.storyImgBox.is-ocean{
	background: url("../../images/mobile/top/bg_ocean.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #013567;
}
.storyImgBox.is-beast{
	background: url("../../images/mobile/top/bg_beast.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #635143;
}
.storyImgBox.is-guilty{
	background: url("../../images/mobile/top/bg_guilty.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #666;
}
.storyImgBox.is-life{
	background: url("../../images/mobile/top/bg_life.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #9595E5;
}
.storyImgBox.is-iron{
	background: url("../../images/mobile/top/bg_iron.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #633E3E;
}
.storyImgBox.is-seaBreeze{
	background: url("../../images/mobile/top/bg_ocean.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #0390A9;
}
.storyImgBox.is-secret{
	background: url("../../images/mobile/top/bg_chronicle.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
	color: #A3A704;
}
.storyImgBox:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}
.storyImgBox.story01:before{
	background: url("../../images/mobile/top/01.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story02:before{
	background: url("../../images/mobile/top/02.png") no-repeat;
	background-repeat: no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story03:before{
	background: url("../../images/mobile/top/03.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story04:before{
	background: url("../../images/mobile/top/04.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story05:before{
	background: url("../../images/mobile/top/05.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story06:before{
	background: url("../../images/mobile/top/06.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story07:before{
	background: url("../../images/mobile/top/07.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story08:before{
	background: url("../../images/mobile/top/08.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story09:before{
	background: url("../../images/mobile/top/09.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story10:before{
	background: url("../../images/mobile/top/10.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story11:before{
	background: url("../../images/mobile/top/11.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story12:before{
	background: url("../../images/mobile/top/12.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story13:before{
	background: url("../../images/mobile/top/13.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story14:before{
	background: url("../../images/mobile/top/14.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story15:before{
	background: url("../../images/mobile/top/15.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story16:before{
	background: url("../../images/mobile/top/16.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story17:before{
	background: url("../../images/mobile/top/17.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story18:before{
	background: url("../../images/mobile/top/18.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story19:before{
	background: url("../../images/mobile/top/19.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story20:before{
	background: url("../../images/mobile/top/20.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story21:before{
	background: url("../../images/mobile/top/21.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story22:before{
	background: url("../../images/mobile/top/22.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story23:before{
	background: url("../../images/mobile/top/23.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story24:before{
	background: url("../../images/mobile/top/24.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story25:before{
	background: url("../../images/mobile/top/25.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story26:before{
	background: url("../../images/mobile/top/26.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story27:before{
	background: url("../../images/mobile/top/27.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story28:before{
	background: url("../../images/mobile/top/28.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story29:before{
	background: url("../../images/mobile/top/29.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyImgBox.story30:before{
	background: url("../../images/mobile/top/30.png") no-repeat;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}

.storyImgBox.storyComingSoon:before{
	background: url("../../images/pc/top/comingsoon.png") no-repeat center -20px;
	-webkit-background-size: 320px auto;
	     -o-background-size: 320px auto;
	        background-size: 320px auto;
}
.storyDate{
	font-size: 12px;
	position: absolute;
	top: 5px;
	left: 12px;
	color: #FFF;
	font-weight: bold;
	text-shadow: 1px 1px 1px #666;
}
.storyCategory{
	position: absolute;
	top: 5px;
	right: 10px;
	background: #FFF;
	font-size: 14px;
	padding: 2px 8px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.storyTitle{
	position: absolute;
	bottom: 10px;
	left: 50%;
	background: #FFF;
	width: 260px;
	margin-left: -130px;
	padding: 5px 0;
	text-align: center;
	font-size: 16px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}.storyTitle h4{
	font-size: 12px;
}
.storyExplain{
	padding: 2px 5px;
}