@charset "utf-8";

/*=================================================

	月日記アプリ紹介ページ 　*app-tsukinikki
	
 ================================================= */
 
.app-tsukinikki .mainarea{
	background:#111037;
	}

.app-tsukinikki .mainarea h2{
	width:100%;
	margin-bottom:10px;
}
.app-tsukinikki .mainarea h3{
	width:100%;
	margin-bottom:15px;
}
.app-tsukinikki .mainarea .txt{
		margin-bottom:15px;
		color:#8fe1e8;
}
.app-tsukinikki .appImgBox{
	margin:15px 0;
}

@media screen and (min-width: 570px) {
.app-tsukinikki .mainarea{
	padding:15px;
	}
.app-tsukinikki .mainarea .mainTxt{
	float:left;
	padding:50px 0 50px 70px;
}
.app-tsukinikki .mainarea h2{
	width:320px;
	margin-bottom:20px;
}
.app-tsukinikki .mainarea h3{
	width:320px;
	margin-bottom:25px;
}
.app-tsukinikki .mainarea .txt{
	margin-bottom:15px;
	line-height:1.8em;
}

.app-tsukinikki .mainarea h2 img,
.app-tsukinikki .mainarea h3 img{
	width:100%;
	height:auto;
}
.app-tsukinikki .mainarea  .mainBg{
	float:right;
}
.app-tsukinikki .mainarea  .mainBg img{
	width:415px;
	height:auto;
}
.app-tsukinikki .appImg{
	float:left;
	width:25%;
	text-align:center;
}
.app-tsukinikki .appImg img{
	width:80%;
	height:auto;
}
.app-tsukinikki .cont01{
	margin-bottom:20px;
}
.app-tsukinikki .box01{
	float:left;
	width:50%;
}
.app-tsukinikki .box02{
	float:left;
	width:25%;
}

.app-tsukinikki .box01 h3,
.app-tsukinikki .box02 h3{
	margin:0 10px;
	background:#e9e13f;
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
	}
.app-tsukinikki .box01 p,
.app-tsukinikki .box02 p{
	margin:0 10px;
	}
.app-tsukinikki .box01 h3 img{
	width:70%;
	height:auto;
}
.app-tsukinikki .box02 h3 img{
	width:100%;
	height:auto;
}
}
@media screen and (max-width: 569px) {
.app-tsukinikki .mainarea{
	padding:15px;
	}

.app-tsukinikki .mainarea h2{
	width:100%;
	margin-bottom:10px;
}
.app-tsukinikki .mainarea h3{
	width:100%;
	margin-bottom:15px;
}
.app-tsukinikki .mainarea .txt{
		margin-bottom:15px;
}

.app-tsukinikki .mainarea h2 img,
.app-tsukinikki .mainarea h3 img{
	width:100%;
	height:auto;
}
.app-tsukinikki .mainarea .link{
	text-align:right;
}
.app-tsukinikki .mainarea  .mainBg{
	width:100%;
	margin-top:15px;
}
.app-tsukinikki .mainarea  .mainBg img{
	width:100%;
	height:auto;
}
.app-tsukinikki .appImg{
	margin:0 auto;
	width:80%;
}
.app-tsukinikki .appImg+.appImg{
	margin-top:10px;
}
.app-tsukinikki .appImg img{
	width:100%;
	height:auto;
}
.app-tsukinikki .box01,
.app-tsukinikki .box02{
	padding:10px;
}

.app-tsukinikki .box01 h3,
.app-tsukinikki .box02 h3{
	background:#e9e13f;
	padding:5px 0;
	margin-bottom:5px;
	}
.app-tsukinikki .box01 h3 img,
.app-tsukinikki .box02 h3 img{
	width:100%;
	height:auto;
}
}
