@charset "utf-8";

/*--------------------------------------------------
powerd by travision Inc. 
recent status 2015.10.06
--------------------------------------------------*/


@media screen and (min-width: 481px) {
	* {
		margin: 0;
		padding: 0;
	}

	body {
		background: #ffffff;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		font-family: "Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	}

	#wrapper {
		width: 100%;
		min-width: 1000px;
		color: #333333;
		font-size: 16px;
		line-height: 1.6;
		position: relative;
	}

	a {
		color: #333;
		text-decoration: underline;
	}

	a:hover {
		color: #333;
		text-decoration: none;
	}

	section {
		width: 100%;
		padding: 50px 0;
		overflow: hidden;
	}

	section .inner,
	header .inner,
	footer .inner {
		width: 950px;
		margin: 0 auto;
		overflow: hidden;
	}

	.yumin {
		font-family: "游明朝", "YuMincho", "serif", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
	}

	.sp {
		display: none;
	}

	/*--------------------------------------------------
Float Ban
--------------------------------------------------*/
.float {
	width:956px;
	height:81px;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-478px;
	overflow:hidden;
}
.float .float-ban {
	float:left;
}

	/*--------------------------------------------------
float-renew Ban
--------------------------------------------------*/
	.float-renew {
		width: 640px;
		height: 80px;
		position: fixed;
		top: 0;
		left: 50%;
		overflow: hidden;
		transform: translate(-50%, 0%);
	}

	.float-renew .float-ban {
		float: left;
	}

	/*--------------------------------------------------
footer
--------------------------------------------------*/
	footer {
		width: 100%;
		overflow: hidden;
	}

	footer .banArea {
		width: 950px;
		margin: 0 auto 30px;
		overflow: hidden;
	}

	footer .banArea .mh {
		float: left;
	}

	footer .banArea .mz {
		float: right;
	}

	footer .pagetop {
		width: 950px;
		margin: 0 auto;
		padding: 20px 0;
		overflow: hidden;
	}

	footer .pagetop a {
		width: 121px;
		height: 30px;
		float: right;
		display: block;
		text-indent: -9999px;
		background: url(../img/common/btn_pagetop.png) no-repeat;
		float: right;
	}

	footer .logoArea {
		width: 100%;
		border-top: 1px solid #c9c9c9;
		padding: 20px 0;
	}

	footer .logoArea .inner {
		overflow: hidden;
	}

	footer .logoArea .logo {
		float: right;
		padding-left: 20px;
	}

	footer .logoArea .copy {
		font-size: 10px;
		font-family: Helvetica;
		color: #666666;
		float: right;
		padding-top: 30px;
	}
}

@media screen and (max-width: 480px) {
	html {
		width: 100%;
		*zoom: 1;
	}

	* {
		margin: 0;
		padding: 0;
	}

	body {
		background: #ffffff;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		font-family: "Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	}

	#wrapper {
		width: 100%;
		color: #333333;
		font-size: 1em;
		line-height: 1.6;
		position: relative;
	}

	a {
		color: #284534;
		text-decoration: underline;
	}

	a:hover {
		color: #284534;
		text-decoration: none;
	}

	section,
	div,
	header,
	footer,
	article,
	img,
	li,
	ul,
	dl,
	dt,
	dd {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section {
		width: 100%;
		padding: 15px;
		overflow: hidden;
	}

	section .inner,
	header .inner,
	footer .inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.pc {
		display: none;
	}

	/*--------------------------------------------------
Float Ban
--------------------------------------------------*/
.float {
	width:320px;
	height:39px;
	position:fixed;
	top:0;
	right:50%;
	margin-right:-160px;
	overflow:hidden;
	box-shadow:0 0 3px #000;
}
.float .float-ban {
	float:left;
	height:39px;
}
.float .float-ban img {
	width:auto;
	height:39px;
}

	/*--------------------------------------------------
float-renew Ban
--------------------------------------------------*/
	.float-renew {
		        width: 352px;
		height: 57px;
		position: fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0%);
		overflow: hidden;
		box-shadow: 0 0 3px #000;
	}

	.float-renew .float-ban {
		float: left;
		height: 60px;
	}

	.float-renew .float-ban img {
		width: auto;
		height: 57px;
	}

	/*--------------------------------------------------
footer
--------------------------------------------------*/
	footer {
		padding: 15px 0 0 0;
	}

	footer .banArea {
		padding: 0 15px;
		margin-bottom: 15px;
	}

	footer .banArea .mh,
	footer .banArea .mz {
		margin-bottom: 10px;
	}

	footer .banArea img {
		width: 100%;
		height: auto;
	}

	footer .pagetop a {
		width: 90%;
		padding: 10px 0;
		display: block;
		text-align: center;
		text-decoration: none;
		border-radius: 10px;
		margin: 0 auto 15px;
		color: #fff;
		font-weight: bold;
		background: #1b6071;
	}

	footer .logoArea {
		border-top: 1px solid #c9c9c9;
		padding: 10px 0;
	}

	footer .logoArea .inner {
		overflow: hidden;
	}

	footer .logoArea .logo {
		margin-bottom: 8px;
		text-align: center;
	}

	footer .logoArea .logo img {
		width: 60px;
		height: auto;
	}

	footer .logoArea .copy {
		font-size: 0.7em;
		color: #666666;
		text-align: center;
	}
}