@charset "utf-8";
/* CSS Document */
.sp_menu{
	display:none;
}

.spImg{
	display:none;
}

.ipImg{
	display:none;
}


#three_list_Sp{
	display:none;
}

#store_list_Sp{
	display:none;
}

@media screen and (max-width: 768px) and (min-width: 481px){

	body{
		min-width:481px;
	}

/*---sectionBlock-----*/

.sectionBlock{
	overflow:hidden;
	_height:1%;
	clear:both;
	margin:0 0 0px 0;
}

#main_area .img_l{
	float:none;
	width:100%;
	margin:0;
	padding:5px 30px 0 0;
}

#main_area .img_r{
	float: none;
	width:100%;
	margin:0;
	padding:5px 0 0 30px;
}

#main_area .img_l img,
#main_area .img_r img{
	width:100%;
	height:auto;
}


/*----------------------------------------------------
	■ヘッダー
-------------	---------------------------------------*/
	#header_area{
	 width:95%;
	 margin:0 auto;
	}

	#header_area h1{
		font-size:9px;
	}

	#header_area .logo{
		width:30%;
		height:auto;
		top:50px;
	}

/*----------------------------------------------------
	■グロナビ
----------------------------------------------------*/

	#glovalnavi ul{
		width:100%;
		margin:0 auto;
	}
	#glovalnavi ul li{
		width:25%;
	}

	#glovalnavi ul li a{
		text-indent:0;
		text-align:center;
		text-decoration:none;
		color:#333;
		border-left:1px solid #7fab8a;
	}

	#glovalnavi ul li#navi02 a{
		border-left:none;
	}

	#glovalnavi #navi01{
		display:none;
	}

	#glovalnavi ul li#navi01,
	#glovalnavi ul li#navi02,
	#glovalnavi ul li#navi03,
	#glovalnavi ul li#navi04,
	#glovalnavi ul li#navi05 {
		background:none;
	}
	#glovalnavi ul li#navi01 a:hover,
	#glovalnavi ul li#navi02 a:hover,
	#glovalnavi ul li#navi03 a:hover,
	#glovalnavi ul li#navi04 a:hover,
	#glovalnavi ul li#navi05 a:hover {
		background:none;
	}
	#glovalnavi ul li#navi01 a.cr ,
	#glovalnavi ul li#navi01 a.parentsLink ,
	#glovalnavi ul li#navi02 a.cr,
	#glovalnavi ul li#navi02 a.parentsLink ,
	#glovalnavi ul li#navi03 a.cr,
	#glovalnavi ul li#navi03 a.parentsLink ,
	#glovalnavi ul li#navi04 a.cr,
	#glovalnavi ul li#navi04 a.parentsLink ,
	#glovalnavi ul li#navi05 a.cr,
	#glovalnavi ul li#navi05 a.parentsLink{
		background:none;
	}

	#glovalnavi ul li a span {
	display: block;
	margin-top: 3px;
	font-size: 9px;
	font-weight: normal;
	color: #8fd96f;
	}

	#glovalnavi ul li a.parentsLink span,
	#glovalnavi ul li a.cr span {
	color: #e60012;
	}

/*----------------------------------------------------
	■スライダー部分
----------------------------------------------------*/
	#slider_wrap{
		display:none;
	}
	.ipImg{
	display:block;
}
/*----------------------------------------------------
	■メインエリア部分
----------------------------------------------------*/
	/*--☆three_list--*/
	.three_list ul{
		overflow:hidden;
	}

	.three_list ul li {
		float:left;
		display:block;
		width:33%;
		margin-right:0;
	}

	.three_list ul li:last-child {
		margin-right:0;
		width:33%;
	}


	/*--☆firstBlock__secondBlock --*/
	#main_area .firstBlock,
	#main_area .secondBlock{
		width:100%;
	}

	#main_area .firstBlock p{
		width:90%;
		margin:0 auto 30px;
	}

	#main_area .firstBlock .store_list{
		width:80%;
		margin:0 auto;
	}

	#main_area .secondBlock .leftBox{
		display:none;
	}

	#main_area .secondBlock .rightBox,
	#main_area .secondBlock .leftBox{
		float:none;
	}

/*----------------------------------------------------
	■新着部分
----------------------------------------------------*/

	#main_area .wrapper{
		padding:30px;
		background:#f6f6f6;
	}

	#main_area .topics_area h2 {
		width:100%;
		margin:0 auto;
		position:relative;
		padding:0;
		background:none;
	}

	#main_area .topics_area h2 img{
		width:100%;
		height:auto;
	}

	#main_area .topics_area h2 a {
		width:15%;
		position:absolute;
		top:10px;
		right:20px;
	}

	#main_area .topics_area h2 a:link,
	#main_area .topics_area h2 a:visited{
		text-decoration:none;
	}

	#main_area .topics_area h2 a:hover{
		text-decoration: underline;
	}



	/*--タブ部分------------------*/

	#main_area .topics_area{
		position:relative;
		overflow:hidden;
		width:100%;
	}


	/*--新着本文------------------*/
	#main_area .topics_area dl {
		clear:both;
		overflow:hidden;
		width:100%;
		padding:14px 0 12px 0;
		border-bottom:1px dotted #cccccc;
	}

	#main_area .topics_area dt {
		float:left;
		width:20%;
		clear:both;
		text-align:center;
	}

	#main_area .topics_area dl dt span{
		font-size:11px;
		margin-right:4px;
		vertical-align: baseline;
		font-weight:bold;
	}


	#main_area .topics_area dt img{
		vertical-align:bottom;
	}

	#main_area .topics_area dd {
		float:left;
		width:70%;
		background:url(../image/icon_arrow_02.gif) left 0.3em no-repeat;
		padding-left:8px;
		line-height:1.3;
	}


	#main_area .topics_area dd span{
		font-weight:bold;
		font-size:11px;
		color:#F00
	}

	#main_area .topics_area dd a:link,
	#main_area .topics_area dd a:visited{
		text-decoration:none;
		margin:0;
		padding:0;
	}

	#main_area .topics_area dd a:hover{
		text-decoration: underline
	}

/*----------------------------------------------------
	■footer_area
----------------------------------------------------*/
	#footer_area{
		width:100%;
		overflow:hidden;
		_height:1%;
		clear:both;
		background:#75b05c;
	}

	#footer_area .wrap{
		position:relative;
		height:100px;
		margin:0 auto;
		width:90%;
	}

	#footer_area .list{
		width:35%;
		position:absolute;
		top:25px;
		left:0;
		overflow:hidden;
		background:none;
	}

	#footer_area .list li{
		float:left;
		margin-right:10px;
		margin-bottom:5px;
		padding-left:5px;
		font-size:9px;
	}

	#footer_area .list li a{
		color:#FFF;
		text-decoration:none;
	}

	#footer_area .contact{
		position:absolute;
		top:33px;
		right:0;
		text-align:right;
		color:#FFF;
		font-size:9px;
	}

	#footer_area .contact img{
		width:80%;
		height:auto;
	}

	/*-----------------*/

	#footer_area .wrap02{
		padding:10px;
		clear:both;
		background:#50a02e;
	}

	#footer_area .copy{
		font-size:10px;
		color:#FFF;
		text-align:center;
		font-family: Helvetica,Arial, sans-serif;
}

/*----------------------------------------------------
	■中面
----------------------------------------------------*/
#key{
	width:100%;
}

#key img{
	width:100%;
	height:auto;
}

#container{
	width:100%;
}

#main_area.column1,
#main_area.index{
	float:none;
	width:90%;
	margin:0 auto;
}

#sub_area{
	float:none;
	width:100%;
	margin-top:30px;
}

#sub_area .navi{
	margin-bottom:0;
	border:none;
	border-top:3px solid #e8e8e8;
}

/*--新着中面------------------*/

#main_area #newsList dl {
	overflow:hidden;
	width:100%;
}

#main_area #newsList dt {
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:left;
}

#main_area #newsList dd {
	float:none;
	width:95%;
}

/*----------------------------------------------------
	☆採用情報
----------------------------------------------------*/
.intBox ul li img{
	width:100%;
	height:auto;
}

/*----------------------------------------------------
	☆店舗紹介
----------------------------------------------------*/
#map_canvas{
	width:100% !important;
	height:300px !important;
	margin:0 auto 30px;
}

#main_area .store_int{
	display:none;
}
/*-----#store_list_Sp-----*/

#store_list_Sp{
	display:block;
	margin-bottom:0px;
}

#store_list_Sp.int{
	border-top:2px solid #88b973;
}

#store_list_Sp a{
	text-decoration:none;
	color:#44af17;
	font-weight:bold;
}

#store_list_Sp article{
	position:relative;
}

#store_list_Sp article a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  background: #44af17;
}

#store_list_Sp article a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 13px;
	height: 13px;
	margin-top: -5px;
	background: #f1ffeb;
}

#store_list_Sp p.title img{
	vertical-align:bottom;
}

#store_list_Sp article{
	overflow:hidden;
	width:100%;
	margin-bottom:0;
	background: #f1ffeb;
	border-bottom:2px solid #88b973;
}

#store_list_Sp dl dt,
#store_list_Sp dl dd{
	display: table-cell;
	vertical-align: middle;
}

#store_list_Sp dl dt,
#store_list_Sp dl dd{
	padding:5px 15px 5px 10px;
}

#store_list_Sp .photo img{
	width:80px;
	vertical-align:bottom;
}

#store_list_Sp .text{
	padding-left:5px;
	padding-right:35px;
}

#store_list_Sp .text p.n01{
	font-size:14px;
	color:#5682a3;
}

/*----------------------------------------------------
	☆お問い合わせ
----------------------------------------------------*/
#main_area .form_wrap .normaltable02{
	width:100%;
}
#main_area .form_wrap .normaltable02 th,
#main_area .form_wrap .normaltable02 td{
	width:100%;
	padding-left:0;
	display:block;
	border:none;
	text-align:center;
	border:1px solid #FFF;
	text-align:center;
	border:1px solid #FFF;
}

#main_area .form_wrap .normaltable02 th{
	background:#ecf4e9;
	color:#333;
}

#main_area .form_wrap .normaltable02 td{
	background:#f2f2f2;
}

}

@media screen and (max-width:480px){
	.sp_menu{
		display:block;
	}

body{
		min-width:320px;
	}

	/*---sectionBlock-----*/

	.sectionBlock{
		overflow:hidden;
		_height:1%;
		clear:both;
		margin:0 0 0px 0;
	}

	#main_area .img_l{
		float:none;
		width:100%;
		margin:0;
		padding:5px 30px 0 0;
	}

	#main_area .img_r{
		float: none;
		width:100%;
		margin:0;
		padding:5px 0 0 30px;
	}

	#main_area .img_l img,
	#main_area .img_r img{
		width:100%;
		height:auto;
	}

/*----------------------------------------------------
	■ヘッダー
-------------	---------------------------------------*/
	#header_area{
		display:none;
	}

/*----------------------------------------------------
	■グロナビ
----------------------------------------------------*/

	#glovalnavi{
		display:none;
	}

/*----------------------------------------------------
	■スライダー部分
----------------------------------------------------*/
	#slider_wrap{
		display:none;
	}
	.spImg{
	display:block;
}
/*----------------------------------------------------
	■メインエリア部分
----------------------------------------------------*/
	/*--☆three_list--*/
	.three_list{
		display:none;
	}

	#three_list_Sp{
		display:block;
		margin-bottom:30px;
	}

/*-----#three_list_Sp-----*/

#three_list_Sp.int{
	border-top:2px solid #88b973;
}

#three_list_Sp a{
	text-decoration:none;
	color:#44af17;
	font-weight:bold;
}

#three_list_Sp article{
	position:relative;
}

#three_list_Sp article a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  background: #44af17;
}

#three_list_Sp article a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 13px;
	height: 13px;
	margin-top: -5px;
	background: #f1ffeb;
}

#three_list_Sp p.title{
	border-bottom:1px solid #88b973;
}

#three_list_Sp p.title img{
	vertical-align:bottom;
}

#three_list_Sp article.fst{
}
#three_list_Sp article{
	overflow:hidden;
	width:100%;
	margin-bottom:0;
	background: #f1ffeb;
	border-bottom:2px solid #88b973;
}

#three_list_Sp dl dt,
#three_list_Sp dl dd{
	display: table-cell;
	vertical-align: middle;
}

#three_list_Sp dl dt,
#three_list_Sp dl dd{
	padding:5px 15px 5px 10px;
}

#three_list_Sp .photo img{
	width:80px;
	vertical-align:bottom;
}

#three_list_Sp .text{
	padding-left:5px;
	padding-right:35px;
}

#three_list_Sp .text p.n01{
	font-size:14px;
	color:#5682a3;
}
	/*--☆firstBlock__secondBlock --*/
	#main_area .firstBlock,
	#main_area .secondBlock{
		width:100%;
	}

	#main_area .firstBlock p{
		width:90%;
		margin:0 auto 30px;
	}

	/*----------------------------------------------------
		☆store_list
	----------------------------------------------------*/
	#main_area .store_list_wrap{
		width: 100%;
		float: none;
	}
	#main_area .store_list{
		text-align:center;
		width:95%;
		margin:0 auto;
	}

	#main_area .store_list li{
		display:block;
		float:left;
		width:33%;
		margin-right: 0.5%;
	}
	#main_area .store_list li:nth-of-type(3n){
		margin-right: 0;
	}

	#main_area .store_list li img{
		width:100%;
	}


	#main_area .store_list li a{
		display:block;
	}

	#main_area .secondBlock .leftBox{
		display:none;
	}

	#main_area .secondBlock .rightBox,
	#main_area .secondBlock .leftBox{
		float:none;
	}
	#main_area #map_canvas{
		float: none;
	}

/*----------------------------------------------------
	■新着部分
----------------------------------------------------*/

	#main_area .wrapper{
		padding:0;
		background:#f6f6f6;
	}

	#main_area .topics_area h2 {
		width:100%;
		position:relative;
		padding:0;
		background:none;
	}

	#main_area .topics_area h2 img{
		width:100%;
		height:auto;
	}

	#main_area .topics_area h2 a {
		width:15%;
		position:absolute;
		top:5px;
		right:20px;
	}

	#main_area .topics_area h2 a:link,
	#main_area .topics_area h2 a:visited{
		text-decoration:none;
	}

	#main_area .topics_area h2 a:hover{
		text-decoration: underline;
	}



	/*--タブ部分------------------*/

	#main_area .topics_area{
		position:relative;
		overflow:hidden;
		width:100%;
	}


	/*--新着本文------------------*/
	#main_area .topics_area dl {
		clear:both;
		overflow:hidden;
		width:100%;
		padding:14px 0 12px 0;
		border-bottom:1px dotted #cccccc;
	}

	#main_area .topics_area dt {
		padding-left:10px;
		float:left;
		width:20%;
		clear:both;
		text-align:center;
	}

	#main_area .topics_area dl dt span{
		font-size:11px;
		margin-right:4px;
		vertical-align: baseline;
		font-weight:bold;
	}


	#main_area .topics_area dt img{
		vertical-align:bottom;
	}

	#main_area .topics_area dd {
		float:left;
		width:65%;
		background:url(../image/icon_arrow_02.gif) 20px 0.3em no-repeat;
		padding-left:30px;
		line-height:1.3;
	}


	#main_area .topics_area dd span{
		font-weight:bold;
		font-size:11px;
		color:#F00
	}

	#main_area .topics_area dd a:link,
	#main_area .topics_area dd a:visited{
		text-decoration:none;
		margin:0;
		padding:0;
	}

	#main_area .topics_area dd a:hover{
		text-decoration: underline
	}

/*----------------------------------------------------
	■footer_area
----------------------------------------------------*/
	#footer_area{
		margin-top:0px;
		width:100%;
		overflow:hidden;
		_height:1%;
		clear:both;
		background:#75b05c;
	}

	#footer_area .wrap{
		position:relative;
		height:50px;
		margin:0 auto;
		width:90%;
	}

	#footer_area .list{
		display:none;
	}

	#footer_area .contact{
		position:absolute;
		top:10px;
		right:0;
		text-align:center;
		color:#FFF;
		font-size:9px;
	}

	#footer_area .contact img{
		width:80%;
		height:auto;
	}

	/*-----------------*/

	#footer_area .wrap02{
		padding:10px;
		clear:both;
		background:#50a02e;
	}

	#footer_area .copy{
		font-size:10px;
		color:#FFF;
		text-align:center;
		font-family: Helvetica,Arial, sans-serif;
}

/*----------------------------------------------------
	■中面
----------------------------------------------------*/
#key{
	display:none;
}

#container{
	width:100%;
}

#main_area.column1,
#main_area.index{
	float:none;
	width:90%;
	margin:0 auto;
}

#sub_area{
	float:none;
	width:100%;
	margin-top:30px;
}

#sub_area .navi{
	margin-bottom:0;
	border:none;
	border-top:3px solid #e8e8e8;
}

/*--新着中面------------------*/

#main_area #newsList dl {
	overflow:hidden;
	width:100%;
}

#main_area #newsList dt {
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:left;
}

#main_area #newsList dd {
	float:none;
	width:95%;
}
/*----------------------------------------------------
	☆会社概要
----------------------------------------------------*/
#main_area .rinen{
	margin-top:20px;
}

#main_area .rinen img{
	width:50%;
	height:auto;
}

/*----------------------------------------------------
	☆採用情報
----------------------------------------------------*/
.intBox{
	display:none;
}

/*----------------------------------------------------
	☆店舗紹介
----------------------------------------------------*/
#map_canvas{
	width:100% !important;
	height:300px !important;
	margin:0 auto 30px;
}

#main_area .store_int{
	display:none;
}

/*------店舗バナー--------*/
	/*--☆three_list--*/
	.three_list{
		display:none;
	}

	#store_list_Sp{
		display:block;
		margin-bottom:0px;
	}

/*-----#three_list_Sp-----*/

#store_list_Sp.int{
	border-top:2px solid #88b973;
}

#store_list_Sp a{
	text-decoration:none;
	color:#44af17;
	font-weight:bold;
}

#store_list_Sp article{
	position:relative;
}

#store_list_Sp article a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  background: #44af17;
}

#store_list_Sp article a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 13px;
	height: 13px;
	margin-top: -5px;
	background: #f1ffeb;
}

#store_list_Sp p.title img{
	vertical-align:bottom;
}

#store_list_Sp article{
	overflow:hidden;
	width:100%;
	margin-bottom:0;
	background: #f1ffeb;
	border-bottom:2px solid #88b973;
}

#store_list_Sp dl dt,
#store_list_Sp dl dd{
	display: table-cell;
	vertical-align: middle;
}

#store_list_Sp dl dt,
#store_list_Sp dl dd{
	padding:5px 15px 5px 10px;
}

#store_list_Sp .photo img{
	width:80px;
	vertical-align:bottom;
}

#store_list_Sp .text{
	padding-left:5px;
	padding-right:35px;
}

#store_list_Sp .text p.n01{
	font-size:14px;
	color:#5682a3;
}

/*----------------------------------------------------
	☆お問い合わせ
----------------------------------------------------*/
#main_area .form_wrap .normaltable02{
	width:100%;
}

#main_area .form_wrap .normaltable02 th,
#main_area .form_wrap .normaltable02 td{
	width:100%;
	padding-left:0;
	display:block;
	border:none;
	text-align:center;
	border:1px solid #FFF;
	text-align:center;
	border:1px solid #FFF;
}

#main_area .form_wrap .normaltable02 th{
	background:#ecf4e9;
	color:#333;
}

#main_area .form_wrap .normaltable02 td{
	background:#f2f2f2;
}

#main_area .contactBox img{
	width:100%;
	height:auto;
}

}