@charset "utf-8";

.logo {
	background-image: url(/tango/gogatsu/himg.jpg);
}
.main {
	background-image: url(/tango/gogatsu/bg.jpg);
	background-position: left 52px;
	*zoom: 1;
}
.title {
	margin-left: 206px;
}
.gogatsumsg {
	margin-left: 256px;
	margin-right: 50px;
	margin-bottom: 30px;
	line-height: 1.5;
}
.gogatsumsglast {
	margin-bottom: 100px;
}
.gogatsuimg {
	position: relative;
	z-index: 2200;
	width: 360px;
	margin-left: auto;
	margin-right: 50px;
}
.tango {
	background-color: #EEEEEE;
	margin-top: -462px;
	padding-top: 50px;
	padding-bottom: 20px;
}
.tangotitle {
	font-family: "Hiragino Mincho ProN", HGPMinchoE, serif;
	font-weight: bold;
	margin-left: 50px;
	margin-right: 460px;
	margin-bottom: 30px;
}
.tangomsg {
	margin-left: 50px;
	margin-right: 460px;
	margin-bottom: 30px;
	line-height: 1.5;
}
.tangohistorytitle {
	color: #900;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
}
.tangohistorymsg {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	line-height: 1.5;
}



/* <mobile> */

@media screen and (max-width:779px){

	.logo {
		background-image: url(/tango/gogatsu/himg-480px.jpg);
	}
	.title {
		margin-left: 0px;
	}
	.main {
		background-image: url(/tango/gogatsu/bg-480px.jpg);
		background-position: center 52px;
	}
	.gogatsumsg {
		margin-left: 20px;
		margin-right: 20px;
	}
	.gogatsumsglast {
		margin-bottom: 50px;
	}
	.gogatsuimg {
		position: static;
		width: auto;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		background-color: #EEEEEE;
	}
	.tango {
		background-color: #F8F8F8;
		margin-top: 0px;
	}
	.tangotitle {
		margin-left: 20px;
		margin-right: 20px;
	}
	.tangomsg {
		margin-left: 20px;
		margin-right: 20px;
	}
	.tangohistorytitle {
		padding-left: 20px;
		padding-right: 20px;
	}
	.tangohistorymsg {
		padding-left: 20px;
		padding-right: 20px;
	}

}



@media screen and (max-width:479px){

	.title {
		margin-left: 0px;
	}
	.logo {
		background-image: url(/tango/gogatsu/himg-320px.jpg);
	}
	.gogatsuimg {
		padding-left: 0px;
		padding-right: 0px;
	}
	.gogatsuimg > img {
		width: 100%;
		height: auto;
	}

}

/* </mobile> */
