@charset "UTF-8";

/*
スマホ　767px以下 
*/

@media (max-width: 767px) {

body {
	padding-top:90px;
}

.headlogo {
	width:90%;
}

.smcontact{
	padding:17px 0 0 0 ;
}


.offset-xsr {
	padding-right:0px !important;
}

.offset-xsl {
	padding-left:0px !important;
}

.offset-xs {
	padding-left:5px !important;
	padding-right:5px !important;
}

.paLR30 {
	padding:0px 30px !important;
}

.paR30 {
	padding:0px 30px 0px 0px !important;
}


.ggmap {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.smoff {display:none;}
.smon {display:block;}

.pageTitle {
	margin-bottom:0px;
	padding:40px 0px;
	text-align:center;
	font-size:1.8em;
	background-image: url(images/bg03.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.secTitle05 {
	text-align:center;
	margin-bottom:0px;
	position: relative;
	display: inline-block;
	padding: 0 90px;
	font-size:1.2em;
	color:#784b37;
}

.secTitle05:before, .secTitle05:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 70px;
	height: 1px;
	background-color: #784b37;
}


/********************** ヘッダー ***************************/

.headBox {
	min-height:70px;
	padding:0px;
}

.headlogo {
	margin-left:0px;
	width:90%;
}

.headlogo img {
	width:90%;
}


.smcontact{
	padding:25px 0 0 0 ;
}

.navbar {
	width:100%;
}

.navbar-toggler {
	padding:3px;
	background:#fff;
	margin-right:0px !important;
	z-index:10 !important;
}


li.nav-item {
	width:49%;
	margin-bottom:3px;
	padding:10px 0px;
	display:inline-block !important;
	text-align:center;
}

.secTitle01 {
	margin:20px 0px;
	font-size:1.4em;
}


/**************************************************************************************************

トップページ

**************************************************************************************************/

.menuslide {
	padding:10px 0px;
}

.xo-month-wrap{
    width:100%;
    float:none;
}


/**************************************************************************************************



**************************************************************************************************/


/**************************************************************************************************

店舗情報

**************************************************************************************************/

.infolist dt {
	width:100%;
	display:block;
}

.infolist dd {
	width:100%;
	display:block;
}


/**************************************************************************************************


**************************************************************************************************/


/**************************************************************************************************

お問い合わせ
Contact

**************************************************************************************************/

label {
	width:100%;
	margin:5px 0px 5px 0px;
}

.label input[type="text"]
{
	width: 98%;
	padding:5px;
	line-height: 1.5em;
	max-width: 100%;
}

.label input[type="email"]
{
	width: 100%;
	padding:5px;
	line-height: 1.5em;
	max-width: 100%;
}

.label textarea {
	width: 100%;
	padding:5px;
	line-height: 1.5em;
	max-width: 100%;
}





}/*max768*/