@charset "utf-8";

/* トップ
=========================================== */
#iroha-top .top-title{
	text-align: left;
	margin: 40px 0 1em;
}
#iroha-top .top-menu{
	width: 80%;
	margin: 1em auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#iroha-top .top-menu .bt{
	width: 48%;
	margin: 1%;
}

#iroha-top .comic{
	width: 80%;
	margin: 50px auto 1%;
}



/*===============================================
●style.css 画面の横幅が1024pxまで
===============================================*/
@media screen and (max-width: 1024px) {

/* トップ
=========================================== */
#iroha-top .top-title{
	width: 98%;
	margin: 1em auto;
}
#iroha-top .top-menu{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#iroha-top .top-menu .bt{
	width: 48%;
	margin: 1%;
}
	

}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {



}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

#iroha-top .comic{
	width: 80%;
	margin:25px auto 1%;
}

}