@charset "utf-8";

/* CSS Document */

/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link{ text-decoration:none; color:#000;}
a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}


/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
body {
color:#333;
font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
*font-size:small;
*font:x-small;
line-height:1.6;
}

table { font-size:100%;}

::selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000/* Safari */}
::-moz-selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000 /* Firefox */}


/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.clr{clear:both;}

.clrfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clrfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clrfix {height: 1%;}
.clrfix {display:block;}
/* End Hack */ 

.disnon{
	display:none;
}

#headWrap{
	max-width:1000px;
	margin:0 auto;
	height:100px;
	position:relative;
	background:#FFF;
}

#headWrap h1{
	position:absolute;
	top:50%;
	left:20px;
	margin:-20px 0 0;
}

#gnav{
	position:absolute;
	top:0;
	right:20px
}

#gnav li{
	float:left;
	line-height:100px;
	margin:0 0 0 10px;
}

#gnav li.pcNone{
	display:none;
}

#gnav li a{
	background:url(../images/ic_arrow01.png) no-repeat left center;
	padding:0 0 0 10px;
	font-size:107.7%;
	text-decoration: underline;
}
@media screen and (max-width: 768px){
	#gnav li a{
		text-decoration: none;	
	}
	
}

#sideNav{
	display:none;				
}

#pageVi{
	height:300px;
	background:#F0F0F0 url(../../images/company/vi_company.jpg) no-repeat center;
        background-size:cover;
}
#pageVi.shop{background-image:url(../../images/shop/vi_shop.jpg);}
#pageVi.flowing{background-image:url(../../images/flowing/vi_flowing.jpg);}
#pageVi.menu{background-image:url(../../images/menu/vi_menu.jpg);}
#pageVi.recruit{background-image:url(../../images/recruit/vi_recruit.jpg);}
#pageVi.company{background-image:url(../../images/company/vi_company.jpg);}
#pageVi.faq{background-image:url(../../images/faq/vi_faq.jpg);}
#pageVi.eco{background-image:url(../../images/eco/vi_eco.jpg);}
#pageVi.member{background-image:url(../../images/member/vi_member.jpg);}
#pageVi.campaign{background-image:url(../../images/campaign/vi_campaign.jpg);}
#pageVi.inquiry{background-image:url(../../images/inquiry/vi_inquiry.jpg);}


#pageVi h2{
	width:960px;
	margin:0 auto;
	padding:215px 0 0;
	line-height:1;
	font-size:230.8%;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,0.2), 0 1px 10px rgba(0,0,0,0.45), 0 1px 10px rgba(0,0,0,0.45);
}

#container{
	width:960px;
	margin:0 auto;
	font-size:107.7%;
	padding:15px 0 0;
}

#mainContents{
	width:715px;
	float:left;
}

#subContents{
	width:225px;
	float:right;
}


/*-----------footer-------------*/


.address{
	max-width:850px;
	float:left;
	line-height:30px;
}

.address dt,
.address dd{
	float:left;
	margin:0 10px 0 0;
}

.address dt{ font-weight:bold;}
.address dd{ font-size:12px;}
.address dd span{ margin:0 0 0 10px;}

#back-to-top {
	float:right;
	width:110px;
	height:30px;
	line-height:30px;
	
}
#back-to-top a {
	display: block;
	height: 30px;
	width: 110px;
	background:#F1F1ED url(../images/pagetop.png) no-repeat center;
	text-indent: -999px;
	overflow: hidden;
	border-radius:3px 3px 0 0;
}


#footer{padding-top:50px;}

#footer .container{
	position:relative;
	max-width:960px;
	margin:0 auto;
}

#foot_menu{
	background:#F1F1ED;
	padding:30px 0;
	font-size:12px;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	clear:both;
}

#foot_menu a{
	color:#333;
	text-decoration:none;
}
#foot_menu .shoplist .box dd a
{
	display: block;
  padding:0 0 0 10px;
  background:url(../images/icon_f_m.png) no-repeat left top;
}
#foot_menu .shoplist .box dd:last-child a
{
        background:url(../images/icon_f_l.png) no-repeat left center;
}


#foot_menu .box01{
	margin:0 0 10px;
}

#foot_menu .box01 ul li{
	margin:0 20px 20px 0;
	float:left;
	font-weight:bold;
}

#foot_menu .shoplist .tl{
	font-weight:bold;
	margin:0 30px 0 0;
	float:left;
}

#foot_menu .shoplist .shop{
	font-weight:normal;
	float:left;
}

#foot_menu .shoplist .box{
	float:left;
	width: 15%;
	margin:0 54px 0 0;
}

#foot_menu .shoplist .box.last,
#foot_menu .shoplist .box:last-child{ margin:0;}

#foot_menu .shoplist .box dl{ margin:0 0 25px;}
#foot_menu .shoplist .box dl:last-child{ margin:0;}

#foot_menu .shoplist .box dt{
	font-weight:bold;
	margin:0 0 7px;
}

#foot_menu .shoplist .box dd{
	margin:0 0 7px;
}


.copyright{
	background:#298321;
}

.copyright small{
	display:block;
	max-width:960px;
	margin:0 auto;
	line-height:40px;
	color:#FFF;
	font-size:12px;
}

#mainContents .borderBbox{
	border:1px solid #D6D6D6;
	border-radius:2px;
	padding:19px;
}

#breadcrumbs{ margin:0 0 10px;}

#breadcrumbs li{
	float:left;
	margin:0 5px 20px 0;
	font-size:85.7%;
}

#breadcrumbs li + li:before{
	content:">";
	margin:0 5px;
}


/*-----店舗詳細-----*/

#shopDetail h3{
	line-height:1;
	font-size:114.3%;
	font-weight:bold;
	margin:0 0 20px;
}

#shopPhoto{ overflow:hidden;}

#shopDetail .shopData{
	width:48%;
	float:left;
	margin:0 0 30px;
}

#shopDetail .shopData dt{
	width:5em;
	float:left;
	padding:8px 0;
	font-weight:bold;
}

#shopDetail .shopData dd{
	box-sizing:border-box;
	width:100%;
	float:left;
	margin:0 0 0 -5em;
	padding:8px 0 8px 5em;
	border-bottom:1px dotted #D6D6D6
}

#shopDetail .shopData dd.tel{
	font-weight:bold;
	color:#EB6000;
}

#shopDetail .finishTime{
	width:48.8%;
	float:right;
}

#shopDetail .finishTime h4{
	background:#298321;
	color:#FFF;
	padding:8px 10px;
	border-radius:2px 2px 0 0;
	font-weight:bold;
}

#shopDetail .finishTime th,
#shopDetail .finishTime td{
	border:1px solid #D6D6D6;
	border-top:none;
	width:25%;
	padding:5px 8px;
}

#shopDetail .finishTime th{
	background:#F2F2F2;
	text-align:center;
	font-weight:bold;
}

#shopDetail .finishTime td{
	text-align:center;
	font-weight:bold;
	color:#EB6101;
}

#shopDetail .finishTime .notice{
	font-size:85.7%;
	text-align:right;
	padding:10px 0 0;
}

#shopDetail .campaign,
#shopDetail .job{ margin-bottom:30px}

#shopDetail .campaign h4,
#shopDetail .job h4{
	clear:both;
	padding:0 10px 10px;
	border-bottom:1px solid #298321;
	color:#298321;
	font-weight:bold;
}

#shopDetail .campaign li,
#shopDetail .job li{
	padding:8px 10px;
	border-bottom:1px dashed #D6D6D6;	
}

#shopDetail .campaign li a,
#shopDetail .job li a{
	background:url(../images/ic_arrow02.png) no-repeat 0 0.45em;
	padding:0 0 0 10px;
}

#shopDetail .mapArea{
	background:#F0F0F0;
	height:500px;	
}

#subContents .sideNav h3{
	background:#298321;
	color:#FFF;
	padding:8px 20px;
	border-radius:2px 2px 0 0;
	font-weight:bold;
	border-radius:2px 2px 0 0;
/*	font-size:85.7%;*/
}

#subContents .sideNav dl{
	border:1px solid #D6D6D6;
	border-top:none;
	padding:10px 9px;
	border-radius:0 0 2px 2px
}

#subContents .sideNav dt{
	padding:8px 10px 8px 11px;
	font-weight:bold;
	border-bottom:1px solid #D6D6D6;
	margin:0 0 8px
}

#subContents .sideNav dd{
	padding:0 0 8px;
	margin:0 0 8px;
	border-bottom:1px dashed #D6D6D6;
}
	
#subContents .sideNav dd a{
	display:block;
	background:url(../images/ic_arrow03.png) no-repeat 11px 0.45em;
	padding:0 10px 0 20px;
	line-height:1.4;
}

.blogichiran,
.shopichiran{
	text-align:center;
        color:#FFF;
        margin:30px 0 0 0;
}

.blogichiran a,
.shopichiran a{
        color:#FFF;
        display:inline-block;
        background-color:#298321;
        border-radius:3px;
        padding:7px 50px;
}
.blogichiran a:hover,
.shopichiran a:hover{
        filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


/*店舗一覧*/

#shopList .shopNav{
	background:#F2F2F2;
	border-radius:2px;
	padding:10px 10px 0;
	margin:0 0 20px;
}

#shopList .shopNav:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#shopList .shopNav{display: inline-block;}
* html #shopList .shopNav {height: 1%;}
#shopList .shopNav {display:block;}
	


#shopList .shopNav li{
	width:4em;
	float:left;
	margin:0 10px 10px 0;
}

#shopList .shopNav a{
	display:block;
	line-height:23px;
	background:#FFF;
	text-align:center;
	border-radius:2px;
}

#shopList .shopNav .on a{
	background:#FF7F00;
	color:#FFF;
}

#shopList .listBox{
	margin:0 -10px 30px;
}

#shopList .box{
	float:left;
	width:25%;
	box-sizing:border-box;
	padding:0 10px;
	margin-bottom:20px;
        position:relative;
}



#shopList .box a{
	display:block;
	border:1px solid #D6D6D6;
	border-radius:2px;
	padding:9px;
}

#shopList .box dt{ font-weight:bold; margin:0 0 8px;display:block;}

#shopList .box .ph{
	border:1px solid #D6D6D6;
}
#shopList .box .ph img{ max-width:100%; height:auto;}
#shopList .box a:hover .ph img{
	
        filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#shopList .box ul{ padding:0 0 30px;}

#shopList .box li{
	font-size:85.7%;
	padding:8px 10px 0;
	margin:0 0 8px;
	border-top:1px dashed #D6D6D6;
}

#shopList .box li:first-child{
	border:none;
}

#shopList .box li.tel{
	font-size:114.3%;
	color:#FF7F00;
	font-weight:bold;
}

#shopList .box .link{
	text-align:center;
	font-size:85.7%;
	color:#FFF;
	line-height:1;
	padding:10px;
	background:#298321;
	background: linear-gradient(top, #528C17 0%, #298321 100%);
	border-radius:3px;
	margin:18px 0 0 0;
        position:absolute;
		  left:20px;
		  right:20px;
        bottom:10px;
        display:block;

}

/*共通タイトル*/
.baseTitle {
font-size: 153.8%;
font-weight: bold;
margin: 0 0 30px;
line-height: 1;
}

/*エコクラブ*/

#page-eco{
margin:0 0 20px;
}
#page-eco .inner{
padding:0 0 50px;
margin:0 0 50px;
background:url(../images/bg_secline.gif) no-repeat center bottom;
}
#page-eco .inner:last-child{
background:none;
}

#page-eco .point_area{
margin:0;
padding:0;
}
#page-eco .point_area .ph{
float:right;
width:488px;
}
#page-eco .point_area .txt{
float:left;
width:432px;
margin-right:40px;
}

#page-eco .supporter{
margin:0 -10px;
padding:0;
}

#page-eco .supporter .box{
padding:0 10px;
float:left;
width:50%;
box-sizing: border-box;
}

#page-eco .supporter .box .inbox{
border:2px solid #D6D6D6;
border-radius:3px;
padding:18px;
min-height:160px;
}

#page-eco .supporter .box .inbox h4{
font-weight:bold;
color:#26831F;
font-size:123.1%;
margin:0 0 10px;
}

#page-eco .supporter .box .inbox .iconpri{
float:left;
width:100px;
}
#page-eco .supporter .box .inbox .txt{
float:left;
box-sizing: border-box;
width:100%;
padding:0 0 0 120px;
margin:0 0 0 -100px;
}

/*ぴいぷる会員*/

#page-member{
margin:0 0 20px;
}

#page-member .inner{
padding:0 0 50px;
margin:0 0 50px;
background:url(../images/bg_secline.gif) no-repeat center bottom;
}

#page-member .inner:last-child{
background:none;
margin:0;
}

#page-member .supporter{
margin:0 -10px;
padding:0;
}

#page-member .supporter .box{
padding:0 10px;
float:left;
width:50%;
margin-bottom:20px;
box-sizing: border-box;
}

#page-member .supporter .box .inbox{
border:2px solid #D6D6D6;
border-radius:3px;
padding:18px;
min-height:100px;
}

#page-member .supporter .box .inbox h4{
font-weight:bold;
color:#26831F;
font-size:123.1%;
margin:0 0 10px;
}

#page-member .supporter .box .inbox .iconpri{
float:left;
width:100px;
}
#page-member .supporter .box .inbox .txt{
float:left;
box-sizing: border-box;
width:100%;
padding:0 0 0 120px;
margin:0 0 0 -100px;
}

/*メニュー・料金*/

#page-menu{
margin:0 0 20px;
}

#page-menu .inner{
padding:0 0 50px;
margin:0 0 50px;
background:url(../images/bg_secline.gif) no-repeat center bottom;
}

#page-menu .inner:last-child{
background:none;
margin:0;
}

#page-menu .trouble{
border:2px solid #D6D6D6;
padding:18px;
}

#page-menu .course{
margin:0 -10px;
padding:0;
}

#page-menu .course .box{
padding:0 10px;
float:left;
width:33.3%;
margin-bottom:20px;
box-sizing: border-box;
}

#page-menu .course .box .inbox{
border:2px solid #D6D6D6;
border-radius:3px;
padding:18px;
min-height:190px;
position:relative;
}

#page-menu .course .box .inbox h4{
font-weight:bold;
color:#26831F;
font-size:123.1%;
margin:0 0 10px;
}

#page-menu .course .box .inbox .menu_sub{
margin:0 0 20px;
padding:0;
}

#page-menu .course .box .inbox .iconpri{
float:left;
width:100px;
}
#page-menu .course .box .inbox .txt{
float:left;
box-sizing: border-box;
width:100%;
padding:0 0 0 120px;
margin:0 0 0 -100px;
}

#page-menu .course .box .inbox .txt p{
font-size:76.9%;
}
#page-menu .course .box .inbox .subTxt{
text-align:right;
position:absolute;
right:20px;
bottom:10px;

}

/*talbe*/
.baseTbl{ margin-bottom:20px; width:100%}

.baseTbl th,
.baseTbl td{
	padding:5px 10px;
	border:1px solid #D6D6D6;
}

.baseTbl.center th,
.baseTbl.center td{ text-align:center;}

.baseTbl th{
	background:#298321;
	color:#FFF;
}

.baseTbl tr:nth-child(2n-1) {
 background: #F2F2F2;
}

.baseTbl td input,
.baseTbl td select{
padding:5px;
}

.btn_c{
  text-align:center;
}

.btn_c a, .btn_c input {
  color: #FFF !important;
 background-color:#298321;
  display: inline-block;
  padding: 10px 40px;
  border: none;
  cursor: pointer;
  border-radius:3px;
  margin:20px 0 0 0;
}
.btn_c a:hover, .btn_c input:hover, .inq_txt a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.inq_txt a{
  color:#27831F;
text-decoration: underline;
}

/*font*/
.cl_green{
	color:#27831F;
}
.txt_bold{
	font-weight:bold;
}

/*会社概要*/

#company-menu{
margin:0 0 20px;
}
#company-menu .inner{
padding:0 0 50px;
margin:0 0 50px;
background:url(../images/bg_secline.gif) no-repeat center bottom;
}

#company-menu .txt{
float:left;
margin:0 20px 0 0;
width:715px;
}
#company-menu .ph{
float:left;
width:225px;
}

#company-menu .inner:last-child{
background:none;
margin:0;
}

#company-menu .inner h4{
font-weight:bold;
font-size:123.1%;
margin:0 0 10px;
}

/*よくあるご質問*/

#page-faq{margin:0 0 20px;}
#page-faq dl{position:relative;}
#page-faq dl dt{
background:url(../../images/faq/icon_q.gif) no-repeat left top;
border-bottom:1px dashed #D6D6D6;
line-height:30px;
margin:0 0 20px;
padding:0 0 10px 40px;
cursor: pointer;
}
#page-faq dl dt:before{
content:"開く";
position:absolute;
right:0;
top:0;
line-height:20px;
padding:0 25px 0 0;
display:inline-block;
background:url(../../images/faq/icon_close.gif) no-repeat right top;
}
#page-faq dl dd{
background:url(../../images/faq/icon_a.gif) no-repeat left top;
line-height:30px;
padding:0 0 0 40px;
margin:0 0 50px;
}
#page-faq dt.select:before{
content:"閉じる";
position:absolute;
right:0;
top:0;
line-height:20px;
padding:0 25px 0 0;
display:inline-block;
background:url(../../images/faq/icon_open.gif) no-repeat right top;
}

/*flowing*/
#page-flowing{
margin:0 0 20px;
}
#page-flowing .inner{
padding:0 0 50px;
margin:0 0 50px;
background:url(../images/bg_secline.gif) no-repeat center bottom;
}

#page-flowing .inner:last-child{
background:none;
margin:0;
}

#page-flowing .step{
margin:0 -15px;
padding:0;
}

#page-flowing .step .stepinner{
width:33.3%;
padding:0 15px;
box-sizing: border-box;
position:relative;
margin:0 0 30px;
}
#page-flowing .step .stepinner h4{
margin:0 0 10px;
font-weight:bold;
font-size:114.3%;
}
#page-flowing .step .stepinner img{
margin:0 0 10px;
text-align:center;
}

#page-flowing .step .stepinner.left{
float:left;
}
#page-flowing .step .stepinner.right{
float:right;
}
#page-flowing .step .stepinner.arrow_left:before{
position:absolute;
left:-10px;
top:50%;
content:"";
background:url(../../images/flowing/arrow_step_r.gif) no-repeat;
width:17px;
height:18px;
margin:-9px 0 0 0;
display:block;
}
#page-flowing .step .stepinner.arrow_right:before{
position:absolute;
right:-10px;
top:50%;
content:"";
background:url(../../images/flowing/arrow_step_l.gif) no-repeat;
width:17px;
height:18px;
margin:-9px 0 0 0;
display:block;
}
#page-flowing .step .stepinner.arrow_bottom:before{
position:absolute;
left:50%;
bottom:-35px;
content:"";
background:url(../../images/flowing/arrow_step_b.gif) no-repeat;
width:17px;
height:18px;
margin:0 0 8px 0;
display:block;
}

#page-flowing .step .stepinner.arrow_top:before{
position:absolute;
left:50%;
bottom:-35px;
content:"";
background:url(../../images/flowing/arrow_step_b.gif) no-repeat;
width:17px;
height:18px;
margin:0 0 8px 0;
display:block;
}

#page-flowing .step .stepinner .stepbox{
border-radius:3px;
border:2px solid #D6D6D6;
padding:16px;
}

/*recruit*/
#page-recruit{
margin:0 0 20px;
}


#page-recruit #recruitList .shopNav{
	background:#F2F2F2;
	border-radius:2px;
	padding:10px 10px 0;
	margin:0 0 20px;
}

#page-recruit #recruitList .shopNav:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#page-recruit #recruitList .shopNav{display: inline-block;}
* html #page-recruit #recruitList .shopNav {height: 1%;}
#page-recruit #recruitList .shopNav {display:block;}
	


#page-recruit #recruitList .shopNav li{
	width:4em;
	float:left;
	margin:0 10px 10px 0;
}

#page-recruit #recruitList .shopNav a{
	display:block;
	line-height:23px;
	background:#FFF;
	text-align:center;
	border-radius:2px;
}

#page-recruit #recruitList .shopNav .on a{
	background:#FF7F00;
	color:#FFF;
}

#page-recruit #recruitList .listBox{
	margin:0 0 30px;
}

#recruitList .listArea tr:hover td{
	background:#FFF4D0;
	cursor:pointer;
}

/*採用情報詳細*/
#recruitDetail h3{
	line-height:1;
	font-size:114.3%;
	font-weight:bold;
	margin:0 0 20px;
}

#recruitDetail .shopData{
	width:48%;
	float:left;
	margin:0 0 30px;
}

#recruitDetail .shopData dt{
	width:5em;
	float:left;
	padding:8px 0;
	font-weight:bold;
}

#recruitDetail .shopData dd{
	box-sizing:border-box;
	width:100%;
	float:left;
	margin:0 0 0 -5em;
	padding:8px 0 8px 5em;
	border-bottom:1px dotted #D6D6D6
}

#recruitDetail .shopData dd.tel{
	font-weight:bold;
	color:#EB6000;
}


#recruitDetail .campaign,
#recruitDetail .job{ margin-bottom:30px}

#recruitDetail .campaign h4,
#recruitDetail .job h4{
	clear:both;
	padding:0 10px 10px;
	border-bottom:1px solid #298321;
	color:#298321;
	font-weight:bold;
}

#recruitDetail .campaign li,
#recruitDetail .job li{
	padding:8px 10px;
	border-bottom:1px dashed #D6D6D6;	
}

#recruitDetail .campaign li a,
#recruitDetail .job li a{
	background:url(../images/ic_arrow02.png) no-repeat 0 0.45em;
	padding:0 0 0 10px;
}

#recruitDetail .mapArea{
	background:#F0F0F0;
	height:500px;	
}

/*paging*/
.pagination_n {
	clear: both;
	padding: 20px 0;
	position: relative;
	/*font-size: 14px;*/
	line-height: 1.4em;
}
.pagination_n span, .pagination_n a {
	display: inline;
        border:1px solid #298321;
	float: left;
	width: auto;
	margin: 2px 5px 2px 0;
	padding: 6px 10px 5px;
	color:#298321;
	text-decoration: none;
}
.pagination_n a:hover{
	background: #298321;
	color: #fff !important;
}
.pagination_n .current{
	padding: 6px 10px 5px;
	background:#298321;
	color: #fff;
}


/*ページング*/
#paging-detail{
	text-align:center;
	padding-top:25px;
}

#paging li,
#paging-detail li{
	display:inline-block;
	font-size:84.6%;
}

#paging-detail li{
	margin:0 3px;
}

#paging li a,
#paging-detail li a,
#paging li span{
	display:block;
	border:1px solid #298321;
	line-height:35px;
	min-width:2em;
	text-align:center;
	padding:0 10px;
}

#paging-detail li a{ padding:0 25px;}

#paging li a:link,
#paging li a:visited,
#paging-detail li a:link,
#paging-detail li a:visited{ color:#298321;}

#paging li a:hover,
#paging-detail li a:hover{
	background:#298321;
	color:#FFF;
}


/**/
.blog-list dl{
	margin:0 0 10px;
        padding:0 0 10px;
        border-bottom:1px dashed #CCC;
}
.blog-list dt{
	width:130px;
        float:left;
        box-sizing: border-box;
}
.blog-list dd{
	width:100%;
        margin:0 0 0 -130px;
        padding:0 0 0 150px;
        float:left;
        box-sizing: border-box;
}

.blog-list dd .new{
	margin:0 0 0 10px;
        color:#FF0000;
}

.sbox{width:10%;}
.mbox{width:30%;}
.lbox{width:50%;}
.llbox{width:98%;}
.txtbox{width:98%;height:150px;}
.att{color:#FF0000;}

.requiredText{ color:#F00; display:none; text-align:left !important; padding:0 !important; margin:0 !important}

.tl_h4{ 
margin:0 0 20px;
border-bottom:1px dashed #D6D6D6;
font-weight:bold;
padding:0 0 10px;
color:#298321;
font-size:115.4%;
}

@media screen and (max-width: 768px){
	body{
		padding-top:80px;
	}
		
		
	img{
		max-width:100%;
	}
	
	#headWrap {
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
  height: 80px;
 width:100%;
 box-shadow:0 1px 1px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1);
  
	}
	
	#gnav{
		display:none;
		z-index:99999;
		top:80px;
		right:0;
		width:100%;
		background:rgba(41,131,33,0.8);		
	}
	
	#gnav li{
		float:none;
		margin:0;
		line-height:44px;
	}
	
	#gnav li.pcNone{
		display:block;
	}
	
	#gnav li a{
		display:block;
		background:none;
		border-bottom:1px solid rgba(255,255,255,0.3);
		color:#FFF;
		padding:0 15px;
	}
		
	.address{
		float:none;
		padding:0 20px;
		line-height:1.6;
		margin:0 0 20px;
		text-align:center;
	}
	
	.address dt,
	.address dd{
		float:none
	}
	
	.address dd span{
		display:block;
		margin:0
	}
	
	#back-to-top{
		float:none;
		display:block;
		width:auto;
		background:#F1F1ED;
		text-align:center;
		border-bottom:1px solid #FFF;		
	}
	
	#back-to-top a{
		width:auto;
	}
	
	#footer { padding-top: 20px;}
	
	
	#footer .box01{
		display:none;
	}
	
	#foot_menu{
		padding-top:20px;
	}
	
	#foot_menu .shoplist .shop{
		float:none;
		margin:0 20px;
	}
	
	#foot_menu .shoplist .box{
		float:none;
		margin:0;
	}
	
	#foot_menu .shoplist .box dl{
		margin-bottom:15px !important;
	}
	
	#foot_menu .shoplist .box dt{
		padding:8px;
		background:rgba(0,0,0,0.1);
		border-radius:2px;
	}
	
	.copyright{
		text-align:center;
		font-size:10px;
	}
	
	#gnavBtn{
		position:absolute;
		background:#000;
		top:15px;
		right:15px;
		width:50px;
		height:50px;
		border-radius:2px;
		background:url(../images/nav-icon.png) no-repeat;
		background-size:50px auto;
	}
	
	#gnavBtn.on{
		background-position:left -50px;
	}
	
	
	#pageVi h2{
	width:auto;		
	}
	
	#container{
	width:auto;
	padding:0 10px;
	}
	
	#breadcrumbs{
		padding:10px 0;
	}
	
	#breadcrumbs li {
		margin-bottom:0;
	}
	
	
	/*page-member*/
	#page-member{ margin:0;}
	
	#page-member .inner{
		padding-bottom:30px;
	}
	
	#pageVi {
  height: auto;
}

#pageVi {
  height: auto;
}

#pageVi h2{
	padding:50px 20px;
	font-size:24px;
}

/*#page-eco*/

#page-eco{ margin:0 0 -80px;}

#page-eco .point_area .ph {
  float: none;
  width: auto;
  margin-bottom:10px;
  text-align:center;
}

#page-eco .point_area .txt {
  float: none;
  width: auto;
  margin:0;
}

	#page-menu .course .box{
  float: none !important;
  width: auto !important;
  margin-bottom: 10px !important;
}

#page-menu .course .box .inbox{
	min-height:1px !important;
	height:auto !important;
}

	#page-menu .course .box .inbox .iconpri{
		width:60px !important;	
	}
	
	#page-menu .course .box .inbox .iconpri img{
		width:100% !important;
		height:auto !important;
	}
	
	#page-menu .course .box .inbox .txt{
  padding: 0 0 0 75px !important;
  margin: 0 0 0 -60px !important;
  height:auto !important
}


/*company-menu*/

#company-menu .txt {
  float: none;
  margin: 0;
  width:auto;
}

#company-menu .ph {
  float: none;
  width: auto;
  text-align:center;
}


/*faq*/

#page-faq dl dt{
	min-height:30px;
padding:0 30px 10px 40px;
line-height:1.4
}
#page-faq dl dt:before{
content:"";
display:block;
width:20px;
height:20px
}

#page-faq dl dd{
	line-height:1.6
}

#page-faq dt.select:before{
content:"";
}

/*flow*/

#page-flowing .step .stepinner img{
	width:100%;
	height:auto;
}



/*shop*/

#shopList .box {
  width: 50%;
}

#mainContents {
  width: auto;
  float: none;
}

#recruitDetail .mapArea iframe,
#shopDetail .mapArea iframe{
	width:100%;	
}

#shopDetail .shopData {
  width: auto;
  float: none;
  margin: 0 0 10px;
}

#shopDetail .shopData:after{
	content:"";
	display:block;
	clear:both;
}

#shopDetail .finishTime {
  width: auto;
  float: none;
  margin:0 0 20px
}

#shopDetail .borderBbox{
	padding:19px 9px;
}

#shopPhoto{
	margin-left:-9px;
	margin-right:-9px;
	overflow:visible;
}

.flexslider .slides > li {
  height: auto !important
}

.flexslider .slides img {
	height:auto;
}

.flex-control-nav {
  height: 20px !important
}


#subContents{
	display:none;
}

}


@media screen and (max-width: 600px){
	
	
	body{
		padding-top:50px;
	}
	
	#gnav {
  top: 50px;
	}
	
	#headWrap {
  height: 50px;
}

#headWrap h1 {
  margin: -13px 0 0;
  left:10px;
}
#headWrap h1 img{
	width:auto;
	height:26px;
	
	
}

#gnavBtn{
	top:5px;
	right:5px;
		width:40px;
		height:40px;
		background-size:40px auto;
		
}

#gnavBtn.on{
		background-position:left -40px;
	}
	
	#pageVi h2{
	padding:30px 20px;
	font-size:20px;
}

#footer {
  padding-top: 20px;
}

.copyright small{
	font-size:9px;
}

	/*page-member*/
	.supporter .box{
  float: none !important;
  width: auto !important;
  margin-bottom: 10px !important;
}

.supporter .box .inbox{
	min-height:1px !important;
	height:auto !important;
}

	.supporter .box .inbox .iconpri{
		width:60px !important;	
	}
	
	.supporter .box .inbox .iconpri img{
		width:100% !important;
		height:auto !important;
	}
	
	.supporter .box .inbox .txt{
  padding: 0 0 0 75px !important;
  margin: 0 0 0 -60px !important;
  height:auto !important
}

/*flow*/

#page-flowing .step .stepinner {
  width: auto;
  float:none !important;
}

#page-flowing .step .stepbox,
#page-flowing .step .stepinner{
	height:auto !important;
}

#page-flowing .step .stepinner.arrow_left:before,
#page-flowing .step .stepinner.arrow_right:before,
#page-flowing .step .stepinner.arrow_bottom:before{
position:absolute;
top:auto;
left:50%;
bottom:-35px;
content:"";
background:url(../../images/flowing/arrow_step_b.gif) no-repeat;
width:17px;
height:18px;
margin:0 0 8px 0;
display:block;
}

#shopList .shopNav {
  padding: 10px 5px 0;
}

#shopList .shopNav li {
  width: 23%;
  box-sizing:border-box;
  margin:0 1% 10px;
}

#shopList .box {
  width: 100%;
}

#shopList .box dt{
background: url(../images/ic_arrow01.png) no-repeat right;
padding:0 10px 0 0
}

#shopList .box a,
#shopList .box dt,
#shopList .box ul{ height: auto !important;}

#shopList .box .link{ display:none;}

#shopList .box .ph{
	width:80px;
	float:left;	
}

#shopList .box ul{
	width:100%;
	box-sizing:border-box;
	margin-right:-80px;
	padding-left:90px;
	padding-bottom:0px;
}

#shopList .box li {
  padding: 4px 0 0;
  margin-bottom:4px;
}


#shopDetail .mapArea,
#shopDetail .mapArea iframe,
#recruitDetail .mapArea,
#recruitDetail .mapArea iframe{
	height:200px;
}



/*recruit*/
#page-recruit #recruitList .shopNav li {
  width: 23%;
  box-sizing:border-box;
  margin:0 1% 10px;
}

#page-recruit .listArea{
	margin-left:-10px;
	margin-right:-10px;
}

#page-recruit .baseTbl{
	font-size:11px;
}

#page-recruit .baseTbl th,
#page-recruit .baseTbl td{
	padding-top:15px;
	padding-bottom:15px;
}

#page-recruit .baseTbl th:last-child,
#page-recruit .baseTbl td:last-child{
	display:none;
}

#recruitDetail .borderBbox{
	padding-left:9px;
	padding-right:9px;
}

#paging-detail ul{
	margin:0 -5px;
}

#paging-detail li{
	display:block;
	float:left;
	width:33.33333%;
	margin:0;
}

#paging-detail li a{
	margin:0 5px;
	padding:0;
}

#breadcrumbs{	
	margin-bottom:20px;
	margin-right:-10px;
	overflow:hidden;
}

#breadcrumbs ol{
	white-space:nowrap;
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding:0 0 10px 0;
	margin-bottom:-20px;
}

#breadcrumbs li {
  float: none;
  display:inline-block;
  margin:0;
}

#breadcrumbs li:last-child{
	margin-right:20px;
}

.inquiryTbl table,
.inquiryTbl tbody,
.inquiryTbl tr,
.inquiryTbl th,
.inquiryTbl td{
	display:block;
	width:auto;
	border:none;
}

.inquiryTbl table{
margin:0 -10px;
}
.inquiryTbl tr{	background:none !important;}
.inquiryTbl td{ padding:10px 10px 20px;}

.inquiryTbl input,
.inquiryTbl select,
.inquiryTbl textarea{
display:inline-block;
box-sizing:border-box;
width:100%;
border:1px solid #E5E5E5;
border-radius:0;
font-size:15px;
 height:40px;
}

.inquiryTbl input[name="name_sei"], 
.inquiryTbl input[name="name_mei"],
.inquiryTbl input[name="name_kana1"],
.inquiryTbl input[name="name_kana2"]{
width:48%;
}

.inquiryTbl input[name="zip01"],
.inquiryTbl input[name="zip02"]{
width:30%;
}

.inquiryTbl input[name="zip02"]+a{
display:inline-block;
padding:0 1em 0 0;
margin:1em 0 0 -1em
}

.inquiryTbl textarea{
height:13em;
}

.inquiryTbl .btn_c input{
 -webkit-appearance: none;
border-radius:0;
height:50px
}


}


@media screen and (min-width: 769px){
	#gnav{
	display:block !important;
	}
}

.newsPagerList {
  clear: both;
  padding-top: 50px;
}
.newsPagerList ol {
  margin: 0;
  padding: 0;
}
.newsPagerList li, .newsPagerList span {
  display: inline-block;
  margin-right: 5px;
}
.newsPagerList li a, .newsPagerList span a {
  display: inline-block;
  color: #fff;
  background: #3A8321;
  border-radius: 5px;
  padding: 3px 8px;
}
.newsPagerList li.on a, .newsPagerList span.on a {
  background: #7F8183;
  pointer-events: none;
  cursor: default;
}
.newsPagerList li.on a:hover, .newsPagerList span.on a:hover {
  text-decoration: none;
}
.newsPagerList a {
  display: inline-block;
  color: #fff;
  background: #3A8321;
  border-radius: 5px;
  padding: 3px 8px;
}
.newsPagerList .current {
  color: #fff;
  border-radius: 5px;
  padding: 3px 8px;
  background: #7F8183;
  pointer-events: none;
  cursor: default;
}
.newsPagerList .current:hover {
  text-decoration: none;
}

#page-news article{
	border-bottom: 1px dotted  #7F8183;
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
}
#page-news h1{
	font-size: 1.2em;
	font-weight: bold;
}
#page-news p{
	display: none;
}
#page-news time{
	position: absolute;
	right: 0;
	bottom: 1em;
}
.newsBox .newsTitle{
	border-bottom: 1px dotted  #7F8183;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}
.newsBox .newsTitle h3{
	font-size: 1.4em;
	font-weight: bold;
}
.newsBox .newsTitle time{
	position: absolute;
	right: 0;
	bottom: 1em;
}
.news_btn{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.news_btn a{
	display: block;
	max-width: 250px;
	padding: .35em;
	margin: 0 auto;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	background: #298321;
	font-size: 1.43em;
	transition: .2s;
}

.news_btn a:hover{
	opacity: .8;	
}