@charset "utf-8";
#mixta {
	margin: 0 auto 0;
	padding: 20px 0 0;
	width: 574px;
}
#mixta .block {
	display: block;
	line-height: 1;
}
#mixta .mb20 {
	margin-bottom: 20px;
}
#mixta .mb30 {
	margin-bottom: 30px;
}
#mixta .mb40 {
	margin-bottom: 40px;
}
#mixta .mb50 {
	margin-bottom: 50px;
}
.to {
	text-indent: -9999px;
	overflow: hidden;
	line-height: 1;
	font-size: 0;
}

/* mainBox */
#mixta .mainBox{
	background-color: #fe54a0;
	border-radius: 0 0 10px 10px;
}
#mixta .mainBox .downloadList{
	overflow: hidden;
	padding: 0 30px 30px;
}
#mixta .mainBox .downloadList>li{
	display: block;
	float: left;
}
#mixta .mainBox .downloadList>li:first-child{
	margin-right: 20px;
}
#mixta .mainBox .downloadList>li a{
	display: block;
	width: 247px;
	height: 77px;
}
#mixta .mainBox .downloadList>li a:hover{
	opacity: 0.5;
}
#mixta .mainBox .downloadList>li.ios a{ background: url(../mixta/images/btn-ios.png) no-repeat center; }
#mixta .mainBox .downloadList>li.android a{ background: url(../mixta/images/btn-android.png) no-repeat center; }

/* textBox */
#mixta .textBox .arrow{
	width: 574px;
	height: 23px;
	background: url(../mixta/images/icon-arrow.png) no-repeat center;
	margin: 40px 0;
}
#mixta .textBox .attention{
	border-radius: 10px;
	border: 2px solid #e50012;
	box-sizing: border-box;
	font-size: 15px;
	color: #e50012;
	padding: 20px;
	line-height: 1.5;
}

/* oaBox */
#mixta .oaBox .txt-oa {
	line-height: 1.5;
	font-size: 15px;
}
#mixta .oaBox .txt-oa .pinkL{
	font-size: 17px;
	font-weight: bold;
	color: #ff0062;
}

/* snsBox */
#mixta .snsBox {
	width: 574px;
}
#mixta .snsBox .twitter-tit{
	padding: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background-color: #1da1f2;
}
