@charset "utf-8";

.pc {
	display:none;
}
.sp {
	display:block;
}
.sp_inline {
	display: inline;
}


div#document {
	width: auto
}
div#header .catch {
	display:none;
}
div#header {
	width:auto;
	margin-bottom:15px;
}

div#header .tel {
	position:absolute;
	left:18px;
	top:10px;
}
div#header .tel img {
	width:83px;
	height:auto;
}
div#header .logo {
	text-align:center;
	padding:15px 0 0 0;
}
div#header .logo img {
	width:55px;
	height:auto;
}

.sp_menu {
	position:absolute;
	right:10px;
	top:10px;
}
.sp_menu img,
.sp_menu_close img {
	width:30px;
	height:auto;
}
.sp_menu_close {
	display:none;
	position:absolute;
	right:10px;
	top:10px;
	z-index:63;
}

div#sp_bg_white {
	background:rgba(255,255,255,0.70);
	position:fixed;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	display:none;
	z-index:60;
}

div#sp_bg {
	background:rgba(154,197,9,0.75);
	position:fixed;
	right:0;
	bottom:0;
	height:100%;
	width:175px;
	display:none;
	z-index:61;
}

div#sp_menu {
	padding:73px 15px 0 10px;
	position:absolute;
	right:0;
	top:0;
	z-index:62;
	display:none;
	width:150px;
}
div#sp_menu .tel_sp {
	line-height:1;
}
div#sp_menu .tel_sp img {
	width:143px;
	height:auto;
}
ul.sp_gmenu {
	margin:20px 0 40px 0;
}
ul.sp_gmenu li {
	line-height:1;
	padding-bottom:9px;
	margin-bottom:9px;
	border-bottom:1px solid #4D4D4D;
}
ul.sp_gmenu li.outline {
	border-bottom:none;
	margin:0;
}
ul.sp_gmenu li a {
	display:block;
}
ul.sp_gmenu li img {
	width:138px;
	height:auto;
	vertical-align:middle;
	-moz-opacity:0.50;
	opacity:0.50;
}
ul.sp_gmenu li a img {
	-moz-opacity:1;
	opacity:1;
}
ul.sp_gmenu li ul {
	margin:0 0 0 20px;
}
ul.sp_gmenu li ul li {
	border-bottom:none;
	padding:0;
	margin:9px 0 0 0;
}
ul.sp_gmenu li ul li img {
	width:123px;
	height:auto;
	
}
ul.sp_banner li {
	margin-bottom:12px;
}
ul.sp_banner li img {
	width:150px;
	height:auto;
	vertical-align:middle;
	-moz-opacity:0.50;
	opacity:0.50;
}
.title {
	margin:0 15px;
}
.title img {
	width:100%;
	height:auto;
	
}

p.pankuzu {
	display:none;
}

div#side_menu {
	display:none;
}
div#item {
	width: auto;
	float: none;
	border-left:none;
	padding:0 15px;
}



div.footer {
	width: auto;
	margin:0 auto;
	padding:10px 15px;
}
div.footer p {
	float:left;
}
div.footer p img {
	width:160px;
	height:auto;
}
div.footer p.contact2 {
	margin:4px 0 0 0;
	float:right;
}
div.footer p.contact2 img {
	width:125px;
	height:auto;
}
div.footer p.copy {
	float:none;
	clear:both;
	margin:10px 0 0 0;
	text-align:center;
}
div.footer p.copy img {
	width:30px;
	height:auto;
	vertical-align:bottom;
}