/* CSS Document */

@media screen and (max-width: 767px) {
#gnaviArea #gnavi{
    display: none;
}
#mainimg{
    margin-bottom: 10px;
	background:url(../images/mainimg_bg.gif) repeat-x;
}
#mainimg .imgArea{
	background:url(../images/mainimg_sp.jpg) no-repeat center top;
    background-size: cover;
	height:70vh;
	text-align:center;
}
#mainimg #logo{
    position: relative;
    top: 15px;
}
#mainimg #logo .logoimg{
    margin: 0 auto;
    width: 35%;
	z-index:1;
}
#kodawari,
#flow,
#menu,
#shop,
#order,
#inquiry{
    margin-bottom: 15px;
	background:#fff;
}
#contents{
    padding: 20px;
}
#contents .box{
	padding:20px;
}
#contents .box .ttl {
    margin: 0 0 10px;
}
#contents .box .ttl img{
    width:auto;
}

#inquiry p{
    margin: 15px;
}
}
@media print, screen and (min-width: 768px) {

#mainimg{
	background:url(../images/mainimg_bg.gif) repeat-x;
}

#mainimg #logo{
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
}

#mainimg #logo .logoimg{
	background:url(../common/images/gnavi_bg_line.gif) 260px 12px no-repeat;
	position:absolute;
	clear: both;
	left:364px;
	top:436px;
	padding-right:10px;
	z-index:1;
}

#mainimg #logo .logoimg p{
	width:253px;
	height:113px;
	display:block;
	border:1px solid #333333;
}

#mainimg .imgArea{
	background:url(../images/mainimg.jpg) no-repeat center top;
	height:448px;
	text-align:center;
}


#contents{
	padding:20px 0 34px 0;
}

#kodawari,
#flow,
#menu,
#shop,
#order,
#inquiry{
	background:#ffffff;
	width:304px;
	float:left;
}


#kodawari,
#flow,
#menu{
	margin-bottom:34px;
}

#kodawari,
#flow,
#shop,
#order{
	margin-right:34px;
}

body #contents{
	background:none;
}

#contents .box{
	padding:12px;
	
}

#contents .box .ttl{
	padding:0 0 10px 0;
}

#contents #inquiry .mail{
	background:url(../common/images/line01.gif) bottom repeat-x;
	padding:8px 0 8px 15px;
	margin:0 0 13px 0;
}

#contents #inquiry .tel{
	margin:0 0 6px 0;
}

#contents #inquiry .tel,
#contents #inquiry .fax{
	padding:0 0 0 15px;
}

}