@charset "utf-8";
/* CSS Document */

/*PC*/
@media only screen and (min-width: 769px) {

.whats_new_bg_img {
	background:url(../images/whats_new/bg_img.jpg) center center no-repeat;
	background-size: cover;
	width:100%;
	height:300px;
    position: relative;
}

.whats_new_list {
	list-style: none;
	margin: 100px auto;
	padding: 0;
}

.whats_new_list li {
	margin: auto auto 100px;
	position: relative;
}

.whats_new_list li h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2em;
	padding: 10px 10px 10px 60px;
	color: #09C;
	border-bottom: solid 2px #09C;
	background: url(../images/whats_new/mic_img2.jpg) 0 center no-repeat;
}

.whats_new_list li .txt {
	float: left;
	width: 78%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1.2em;
}

.whats_new_list li .img {
	float: right;
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
}


}


/*sp*/
@media only screen and (max-width: 768px) {

.whats_new_bg_img {
	background:url(../images/whats_new/bg_img.jpg) center center no-repeat;
	background-size: cover;
	width:100%;
	height:120px;
    position: relative;
}

.whats_new_list {
	list-style: none;
	margin: 100px auto;
	padding: 0;
}

.whats_new_list li {
	margin: auto auto 100px;
	position: relative;
}

.whats_new_list li h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6em;
	padding: 10px 10px 10px 60px;
	color: #09C;
	border-bottom: solid 2px #09C;
	background: url(../images/whats_new/mic_img2.jpg) 0 center no-repeat;
}

.whats_new_list li .txt {
	float: none;
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1.0em;
}

.whats_new_list li .img {
	text-align: center;
	float: none;
	width: auto;
	padding: 10px;
	box-sizing: border-box;
}





}