@charset "utf-8";

 /*--------------------------------------
　@media 1440 START
---------------------------------------*/
@media only screen and (max-width:1440px) {
	/* wrapper */
	.wrapper02 {
		width: 100%!important;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
}
 /*--------------------------------------
　@media 1440 END
---------------------------------------*/

 /*--------------------------------------
　@media 960 START
---------------------------------------*/
@media only screen and (max-width:960px) {
/* publicss */
	body br {
		display: none;
	}
	img {
		max-width: 100%;
	}
/* wrapper */
	.wrapper {
		width: 100%!important;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	
/* gHeader */
 	body #gHeader .inner {
 		padding: 25px 0;
 	}
 	body #gHeader #hdrLogoArea {
 		float: none;
 		width: 100%;
 	}
 	body #gHeader .hdrLogo {
 		float: none;
 		width: 100%;
 		text-align: center;
 	}
 	body #gHeader .siteTitle {
 		display: none;
 	}
 	/* hNav */
 	body #gHeader #hNav {
 		display: block;
 		width: 100%;
 		background-color: #e3e3e3;
 	}
 	body #gHeader #hNav ul li {
 		float: left;
 		width: 25%;
 		text-align: center;
 		color: #000;
 	}
 	body #gHeader #hNav ul li a {
 		display: inline-block;
 		width: 100%;
 		padding: 10px 0;
 		color: #000;
 		letter-spacing: 0;
 	}
 	body #gHeader #hNav ul li a.hdrClose {
 		display: none;
 	}
 	body #gHeader #hNav ul li span {
 		display: inline-block;
 		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
 	}
 	body #gHeader #hNav ul li span.icon {
 		display: block;
 		margin: 0 auto 10px;
 		width: 49px;
 		font-size: 34px;
 	}
 	body #gHeader #hNav ul li#pull.on a {
 		display: none;
 	}
 	body #gHeader #hNav ul li#pull.on a.hdrClose {
 		display: block;
 	}
 	
 	body #gHeader #hNav ul li.hdrMap {
 		background-color: #ccc;
 	}
 	body #gHeader #hNav ul li.hdrTel {
 		background-color: #ccc;
 	}
 	
 	/* pNav */
 	body #gHeader #pNav {
 		display: none;
 	}
 	
 	/* hNavReq */
	body #gHeader #hNavReq {
 		clear: both;
 		background-color: #333;
 		padding: 5px 0;
 		text-align: center;
	}
	body #gHeader #hNavReq li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
 	body #gHeader #hNavReq ul li a {
 		display: inline-block;
 		background-color: #666;
 		width: 100%;
 		padding: 10px 0;
 		color: #fff;
 	}
 	body #gHeader #hNav ul li.hdrReq.on a {
 		display: none;
 	}
 	body #gHeader #hNav ul li.hdrReq.on a.hdrClose {
 		display: block;
 	}
 	
	/* gNav */
 	body #gHeader #gNav,
 	body #gHeader #hNavReq {
 		display: none;
 		width: 100%;
 		position: absolute;
 		top: 85px;
 		left: 0;
 	}
 	body #gHeader #gNav {
 		z-index: 10;
 	}
 	body #gHeader #hNavReq {
 		z-index: 9;
 	}
 	body #gHeader #gNav ul {
 		margin-left: 0;
 		margin-right: 0;
 	}
 	body #gHeader #gNav ul li {
 		float: none;
 		width: 100%;
 		margin-left: 0;
 		margin-right: 0;
 	}
 	body #gHeader #gNav ul li span {
 		padding: 15px 0;
 	}
 	body #gHeader #gNav ul li.btPc {
 		display: none;
 	}
 	body #gHeader #gNav ul li.btSp {
 		display: block;
 	}

 	/* pankuzu */
 	.pankuzu {
		display: none;
	}

/* gFooter */
	/* ftrCV */
	body #gFooter #ftrCV ul li.btBack,
	body #gFooter #ftrCV ul li.btNext {
		position: static;
		margin-bottom: 20px;
	}
	body #gFooter #ftrCV ul li.btBack a,
	body #gFooter #ftrCV ul li.btNext a {
		display: inline-block;
	}
	body #gFooter #fNav ul li {
		font-size: 10px;
		line-height: 15px;
    }
/* contactArea */
	body #gFooter #contactArea {
		background-color: #ccc;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;	
		margin-left: 10px;
		margin-right: 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #gFooter #contactArea .wrapper {
		background-color: transparent;
	}
	body #gFooter #contactArea .contactTtl {
		float: none;
		width: 100%;
		padding: 10px;
		background-color: transparent;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #gFooter #contactArea .contactTtl br {
		display: block;
	}
	body #gFooter #contactArea .inner {
		float: none;
		width: 100%;
		display: block;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #gFooter #contactArea .addressTxt {
		display: block;
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	body #gFooter #contactArea .contactBox {
		float: none;
		text-align: center;
	}
	body #gFooter #contactArea .contactBox .tel {
    	position: relative;
    }
    body #gFooter #contactArea .contactBox .tel a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	body #gFooter #contactArea .contactBox .mail {
		margin-top: 15px;
	}
}
 /*--------------------------------------
　@media 960 END
---------------------------------------*/


 /*--------------------------------------
　@media 599 START
---------------------------------------*/
@media only screen and (max-width:599px) { 	
	/* pinch */
	body .pinch .pinchIcon {
		display: block;
	}
 	/* gFooter */
 	/* ftrCV */
	body #gFooter #ftrCV ul li {
		display: block;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		margin-top: 0;
	}
	body #gFooter #ftrCV ul li a {
		width: 100%;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
 	/* fNav */
	body #gFooter #fNav {
		position: static;
		background-color: #ccc;
		padding: 0;
	}
	body #gFooter #fNav .wrapper {
		padding: 0;
	}
	body #gFooter #fNav ul li {
	    display: block;
	    float: left;
	    width: 50%;
	    margin-left: 0;
	    margin-right: 0;
	    border-bottom: 1px solid #e3e3e3;
	    border-right: 0;
	    padding-right: 0;
	    font-size: 12px;
	    line-height: 18px;
    }
    body #gFooter #fNav ul li a {
    	display: inline-block;
    	padding: 15px 0;
    }
    body #gFooter #fNav ul li span {
    	display: block;
    	width: 100%;
    	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
     body #gFooter #fNav ul li a span {
    	color: #000;
    }
    body #gFooter #fNav ul li.off span {
    	color: #888;
    	padding: 15px 0;
    }
    body #gFooter #fNav ul li:hover,
     body #gFooter #fNav ul li.on {
    	color: #000;
    	background-color: #e3e3e3;
    }
}
 /*--------------------------------------
　@media 599 END
---------------------------------------*/


 /*--------------------------------------
　@media 420 START
---------------------------------------*/
@media only screen and (max-width:420px) {
	
}
 /*--------------------------------------
　@media 420 END
---------------------------------------*/