/* ------------------------------------------------------------------------ */
/* Media Queries
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 1024px) {
	
#container {
	width: 100%;
}

h1 {
	display: none;
}

h2 {
	margin: 0 20px;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px dotted #a8a8a8;
}

#gkantaro h2, #skantaro h2, #samuzu h2, #amorino h2, #katsukichi h2, #ittetsu h2 {
	margin: 0 20px;
	height: 128px;
	overflow: hidden;
	border-bottom: 1px dotted #a8a8a8;
	text-align: center;
}
	
#mainImageTop {
	width: 100%;
	height: auto;
}

.titleImage {
	width: 100%;
	height: auto;
}


#contLeft {
	width: 740px;
	float: none;
	margin: 0 auto 50px;
}

#contRight {
	float: none;
	margin: 0 auto;
}

#contRight h3 {
	margin-top: 30px;
}

#contRight.shopTop  {
	margin-top: 0;
}

#localNavi ul li {
	display: inline-block;
}


#localNavi ul li a {
	display: block;
	width: 211px;
	height: 19px;
	font-size: 16px;
	text-decoration: none;
	padding: 9px 0 9px 25px;
}

#footerWrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#pagefooter nav  {
	position: relative;	
	text-align: center;
	top: 80px;
}

#footerRight {
	position: relative;
	text-align: center;
	top: 10px;
}

#globalNavi {
	width: 550px;
	margin: 0 auto;
}

#globalNavi ul {
	text-align: center;
}

#globalNavParty{
	width: 168px;
}
	
}	
			
@media only screen and (max-width: 768px) {
	
#container {
	width: 100%;
}

#contLeft {
	width: 490px;
	float: none;
	margin: 0 auto 50px;
}

#contRight {
	width: 640px;
	float: none;
	margin: 0 auto;
}

.responsive100 {
	width: 100%;
	height: auto;
}

#contRight h3 {
	width: 100%;
}

#gopagetop {
	bottom: 0px;
}

.responsive50 {
	width: 300px;
	height: auto;
}

.shopInfo {
	width: 620px;
	margin: 0 auto;
}

.shopInfo .comment {
	width: 585px;
}

#shopIndex li {
	line-height: 35px;
}

.threePics img {
	width: 205px;
	height: auto;
}

#map {
	width: 100%;
	height: 296px;
}

.floatLeftDiv {
	float: left;
	width: 315px;
}

}


@media only screen and (max-width: 640px) {
	
#headerNavi #headNavCompany, #headerNavi #headNavRecruitment, #headerNavi #headNavInquiry {
	display: none;
}
	
h2 {
	margin: 0 10px;
}

#contLeft {
	width: 236px;
}

#contRight {
	width: 95%;
}

#contRight h3 {
	width: 95%;
}

.newsDate {
	display: block;
	font-weight: bold;
}

#localNavi ul li {
	display: block;
}
	
#pagefooter nav  {
	display: none;
}

#footerRight {
	position: relative;
	text-align: center;
	top: 25px;
}

#credit {
	display: none;
}

#gopagetop {
	bottom: 0px;
	right: 0;
}

#pagefooter {
	height: 80px;
}

#footerRight {
	position: relative;
	text-align: left;
	top: 20px;
	margin-left: 10px;
}

.catchCopy01 {
	font-size: 18px;
}

.imgH4 a {
	margin-right: 10px;
}

.responsive50 {
	width: 100%;
	height: auto;
}

.inlineBlock {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.inlineBlock img {
	width: 100%;
	height: auto;
}

.shopInfo {
	width: 100%;
	margin: 0 auto;
}

.shopInfo .comment {
	width:95%;
}
.shopInfo .responsive50 {
	width: 100%;
	height: auto;
}

.threePics img {
	width: 100%;
	height: auto;
	margin-right: 0;
}


#globalNavi {
	width: 340px;
}

#globalNavShop {
	width: 168px;
}

#globalNavParty{
	width: 167px;
}

#globalNavCompany{
	width: 168px;
}

.floatRightDiv {
	float: inherit;
	width: 100%;
	margin: 10px 0;
}

.floatLeftDiv {
	float: inherit;
	width: 100%;
	margin: 10px 0;
}


}


/* ------------------------------------------------------------------------ */
/* EOF
/* ------------------------------------------------------------------------ */