@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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

body{
	overflow-x: hidden;
}

#about ul li img{
	width: 100%;
}

#about ul li{
	width: 22%;
	margin: 0px 1%;
	padding: 0px 0px 0px 0px;
}

#nav #nav-logo{
	padding-left: 25px;
	padding-top: 15px;
}

#nav #nav-logo img{
	width: 111px;
	height: auto;
}

.clone-nav{
	height: 70px;
}

#nav ul li{
	font-size: 26px;
	line-height: 26px;
	margin-right: 20px;
}

#nav ul{
	padding-top: 25px;
}

#info #address p.tt,
.f-btn{
	width: 97%;
	padding-left: 3%;
}

.button{
	width: 300px;
}

.f-btn img{
	left: 245px;
}

#gallery{
	min-height: auto;
}

#insta{
	width: 100%;
}

#instafeed li{
	position: static;
	display: inline-block;
	width: 20%;
}

#instafeed li img{
	width: 100%;
	height: auto;
}

#insta_btn{
	bottom: 50px;
}

#insta #follow{
	display: none;
}

#gallery #grn{
	width: 40%;
}



}












@media only screen and (max-width : 767px){

body{
	overflow-x: hidden;
}

#concept #contents h2{
	width: 100%;
}

img{
	height: auto !important;
}

header ul,
.smp,
.f-btn img{
	display: none;
}

#about ul li img,
#concept #img img{
	width: 100%;
}

p.b-txt{
	font-size: 12px;
	padding-left: 3%;
	padding-right: 3%;
	font-family: 'Axis';
}

#about ul{
	padding-bottom: 0px;
}

#about ul li{
	width: 46%;
	margin: 0px 2% 2%;
	padding: 0px 0px 10px 0px;
}

#info,
#profile{
	height: auto;
	overflow: hidden;
}

#info #googlemap{
	position: static;
	width: 94%;
	padding-top: 50px;
	margin-left: 3%;
	margin-right: 3%;
}

#info #googlemap iframe{
	height: 400px;
}

#concept{
	min-height: auto;
}

#concept #contents{
	width: 97%;
	margin-top: 50px;
	padding-left: 3%;
}

#concept #img{
	position: static;
	margin-top: 0px;
	width: 94%;
	padding: 10px 3% 25px;
}

#concept #grn{
	z-index: -1;
}

#about .abt-line h2{
	background-position: center center;
	width: 100%;
}

#here{
	margin-top: -35px;
}

#here,
#here img{
	width: 300px;
	height: auto;
}

.f-btn,
#info #address p.tt,
#info #info-ttl h2{
	width: 100%;
}

#info #address p.tt{
	font-size: 14px;
	text-align: center;
	padding-bottom: 25px;
	font-family: 'Axis';
}

.button{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-family: 'Axis';
}

#profile #contents{
	padding-top: 0px;
}

#profile #contents{
	position: static;
	float: right;
}

#concept #contents p, #profile #contents p.tt{
	font-size: 14px;
	padding-right: 3%;
	font-family: 'Axis';
}

header,
.bg-slider{
	height: 400px;
	background-size: cover;
}

.hamburger-nav{
	display: block;
}

.clone-nav{
	height: 60px;
}

#nav #nav-logo{
	padding: 10px 0px 0px 15px;
}

#nav #nav-logo img{
	width: 100px;
	height: auto;
}

#nav{
	display: none !important;
}

#gallery{
	min-height: auto;
}

#insta{
	width: 100%;
}

#instafeed li{
	position: static;
	display: inline-block;
	width: 50%;
}

#instafeed li img{
	width: 100%;
	height: auto;
}

#insta_btn{
	bottom: 0px;
	right: auto;
	left: auto;
	width: 50%;
	position: static;
	text-align: center;
}

#insta #follow{
	display: none;
}

#gallery #grn{
	width: 40%;
	display: none;
}

#concept #contents{
	margin-top: 0px;
	padding-top: 55px;
}

#about,
#info{
	padding-top: 55px;
}

header h1 img{
	width: 100%;
}

#info{
	margin-top: 20px;
}

#gallery{
	padding-top: 70px;
}


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */