@charset "utf-8";
/* CSS Document */
.sp,
.sp_img,
.sec .sp_img{
	display:none;
}


@media only screen and (max-width: 767px) { 
div#footer,
div#header,
div#maincontent,
p.btn{
	width:100% !important;
}

div#maincontent{
	margin-top:20%;
}
.sp_btn,
.sp_img,
.sec .sp_img,
.sec h2 span{
	display:block !important;
}
.sec .sp_img{
	margin:0 auto;
}

/*#footer .privacy{
	float:none !important;
}*/
#footer img,
#header .privacy{
	width:auto;
}
div#header ul li{
	width:49%;
}
div#header ul li img{
	width:100%;
}

	.txt,
	.bottom,
	img{
		width:100%;
	}
	header .logo img{
	width: 62%;
}
	.title{
		width:90% !important;
	}
	p.btn{
		margin:10px auto;
	}
	.pc{display:none !important;}
	.sp,
	span.br{display:block;}
	.txt p{
		padding:0 1%;
		margin-bottom:5%;
	}
	form{font-size:120%;}
	form img{width:auto;}
    table {
		width:100%;
		margin-bottom:5%;
	}
    table th,
    table td{
        width: 100%;
        display: block;
        border-top: none;
    }
    table tr:first-child th{ border-top: 1px solid #ddd; }
	input.submit{
		margin:0 auto !important;
	}
	input{width:90%; display:block; line-height: 1.5em; font-size:16px;}
	.bottom li:last-child img{
		width:131px !important;
	}
	#pref{margin-top:1.5em;}
	p.close{width:172px; margin:0 auto;}
	.privacy{
		padding:0 3% !important;
	}
	div#maincontent .nav{
		margin:10px auto;
	}
	div#maincontent .nav li{
		padding:5px 0;
	}
	
	.sec{
		padding-top:10px;
		padding-bottom:30px;
	}
	.sec h1{
		font-size:4em;
	}
	.sec h1 span{
		font-size:0.5em;
	}
	.sec h2{
	background:#bd9d6a;
	color:#fff;
	text-align:left;
	font-size:2.6em;
	font-weight:bold;
	margin:30px auto 0;
	padding:1%;
	box-sizing:border-box;
	width:97%;
	}
	.sec h3{
		margin:30px 0;
	}
	.sec h3 img,
	.sec ul li img{
		width:100%;
	}
	.sec ul{
		text-align:center;		
	}
	.sec ul li{
		display:inline-block;
		width:98%;
		margin-bottom:1% !important;
		margin-right:0;
	}
	.sec ul.ph li,
	.sec #nav li{
		width:48%;
	}
	#page-top a {
		text-decoration: none;
		color: #fff;
		width: 60px;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	.right{
		width:40%;
	}
	div#maincontent .hiraya_img{
		width:96%;
		margin:10px auto 0;
	}
	#sp_item{
		padding: 5em 0 0 0;
		margin: -5em 0 0 0;
	}
	#footer ul{
		margin-top: 30px;
	}
}