@charset "utf-8";
@media screen and (max-width: 950px) {
body{
	padding:2.5vw 0;
	font-size: 80%;
}
body:before,
body:after{
	height:2.5vw;
}
.side_border:before,
.side_border:after{
	width: 2.5vw;
}
.container{
	width:100%;
	margin:0;
	overflow:hidden;
}
.left,
.right{ float:none;}
.box01{
	width: 100%;
	height: auto;
	position:relative;
}
.box01_img01{
	height:auto;
	width: auto;
	position:relative;
	left:0;
	-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.br01{ display: none;}
.br02{ display: block; text-align:center;}
.headline01{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.catch{ 
width: 100%;
padding-left: 0;
text-align: center;
margin-top: 50px;
}
.sp_outer{
	position:relative;
	width: 100%;
	text-align:center;
	padding:2em 0;
}
.anchor{
	margin-top: 0;
	padding-top: 0;
}
.width100{width:100%;margin:0 auto;position:relative;}

/*------------------------------------------------
header
--------------------------------------------------*/
#header{
	z-index:10;
	background:url(../images/sp_header_bg.png) no-repeat center top;
	background-size:100%;
	height:14vw;
	left:0;
}
.header_logo{
	margin-left: 6vw;
	width: 40%;
}
.sp_menu_btn{
	display: block;
	width: 6%;
	float: right;
	margin-right: 6vw;
	margin-top: 4vw;
	cursor:pointer;
}
.instagram_btn{
	margin-left: 10vw;
	margin-top: 4vw;
	width: 6%;
}
.twitter_btn{
	margin-top: 4vw;
	width: 6%;
}
#gnav{
	display:none !important;
}
#sp_menu{
	background-color:#FFFFFF;
	width: 100%;
	position:absolute;
	top:0;
	color:#000000;
	z-index:999999;
}
#sp_menu li{
	display: block;
	width: 100%;
	border-bottom:1px solid #BFBFBF;
}
#sp_menu li img{ margin-bottom: 1.2em;}
#sp_menu li a {
	display: block;
	font-size:140%;
	text-align:center;
	margin: 1em 0;
	font-family: 'American Typewriter';
}

/*------------------------------------------------
concept
--------------------------------------------------*/
#concept{
	height: 100%;
	background-color:#666666;
}
.concept_slider{
	height:65vw;
}
.concept_slider li{
	height:65vw;
}
.concept_slider li img{
	width: auto !important;
	height: 100% !important;
	position:relative;
	display: block;
	top:0;
	left:50%;
	margin: 0;
	-webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.concept_slider  .slick-dots{
	top:55vw;
}
.concept_slider .slick-dots li{
	width: 15px;
}
.concept_slider .slick-dots li button:before{
	font-size: 10px;
}
.concept_h201_box{
	position:relative;
	display: block;
	margin-top: 1em;
	padding-top: 1em;
	width: 100%;
	height:400px;
	text-align: center;
	background-color: #FFFFFF;
}
.concept_h201:before{
	content:'';
	background:url(../images/sp_couer_logo.png) no-repeat center top;
	display: block;
	margin: 0 auto 1em;
	width: 30%;
	height: 30%;
	background-size:100% 100%;
	max-height: 160px;
	max-width: 160px;
}
.concept_h201{
	width: 95%;
	font-size: 1.1em;
	letter-spacing:0.6em;
	line-height: 3em;
	top:auto;
	text-shadow: 0 0 0px #000;
	height:100vw;
	padding-top: 1em;
	color: #000000;
	display: inline-block;
}
.concept_box{
	height:auto;
	position:relative;
	top:auto;
	background-color:#42210B;
	width: 100%;
	padding:2em 0;
	text-align:center;
}
.concept_box .sp_outer{ padding:1em 0;}
.concept_box h2{
	float: none;
	width: auto;
	padding-right: 0;
	display: inline-block;
	margin: 0 auto 1em;
}
.concept_box p{
	float: none;
	line-height: 1.8;
	display:inline-block;
	margin: 0 auto;
	max-height:22em;
	position:relative;
}

/*------------------------------------------------
menu
--------------------------------------------------*/
.menu_box01{
	position: relative;
	display:block;
	float: none;
	margin: 0;
	height:24em;
	width: 100%;
	margin-left: 0;
}
.menu_box01 .p01{
	position:relative;
	display: block;
	margin: 0;
	left:0;
	top:10em;
	width: 100%;
	padding:3em 5vw 5em;
}
.menu_box00{
	position:relative;
	display: block;
	width: 100%;
	height: 60vw;
}
.menu_box00 img {
	width: 100%;
}
.menu_b1_pickup {
	position: relative;
	display:block;
	top: -1em;
	left: 0;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}
.menu_b1_pickup ul li {
	text-align: center;
}
.menu_b1_pickup .menu_b1_title {
	width: 50%;
}
.menu_box02{
	width: 100%;
	height: 80vw;
}
.menu_box02 img {display:none;}
.menu_box02:after{
	content:'';
	background:url(../images/sp_menu_pic02.jpg) no-repeat center bottom;
	background-size:100%;
	height: 80vw;
	display: block;
}
.menu_b2_pickup {
	position: relative;
	display:block;
	top: -1em;
	left: 0;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}
.menu_b2_pickup ul li {
	text-align: center;
}
.menu_b2_pickup .menu_b2_title {
	width: 50%;
}
.menu_box03{
	width: 100%;
	height: 120vw;
}
.menu_box03 img {display:none;}
.menu_box03:after{
	content:'';
	background:url(../images/sp_menu_pic03.jpg) no-repeat center bottom;
	background-size:100%;
	height: 120vw;
	display: block;
}
.menu_b3_pickup {
	position: relative;
	display:block;
	top: -3em;
	left: 0;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}
.menu_b3_pickup ul li {
	text-align: center;
}
.menu_b3_pickup .menu_b3_title {
	width: 60%;
}
.menu_link{
	width: 63%;
	max-width:63%;
	margin: 50px auto 0;
	display: block;
}
.menu_link a{
	display: block;
	width: 100% !important;
	margin:2em 0;
}

/*------------------------------------------------
access
--------------------------------------------------*/
#access .catch {
	padding-left: 0;
}

#access .access_box00 {
	position: relative;
	display: block;
	width: 100%;
	height:auto;
	text-align: center;
	left: 0;
	margin-left: 0;
	top: 0;
}
#access .box01_img01 {
	width: 75%;
	height: 75%;
	max-width: 492px;
	max-height: 492px;
}
.access_box01{
	position: relative;
	display:block;
	width: 100%;
	height:30em;
	margin: 0;
}
.access_subtitle p {
	display:block;
	width: 100%;
	top: 130px;
	left: 0;
	padding-left: 5%;
	margin: 0;
}
.access_p p {
	display:block;
	width: 100%;
	height: 10em;
	top: 280px;
	left: 0;
	margin-left: 0;
	padding:3em 5vw 5em;
}
.access_box02 {height: 100vw;}
.access_box02 img{ display:none;}
.access_box02:after{
	content:'';
	background:url(../images/sp_access_pic02.jpg) no-repeat center bottom;
	background-size:100%;
	height: 100vw;
	display: block;
}

.access_link{
	width: 63%;
	max-width:63%;
	margin: 1em auto 0;
	display: block;
}
.access_link li,
.access_link a{
	display: block;
	width: 100% !important;
	margin:1em 0;
	height:auto;
}
.access_link01 a{
	padding:10px 0 20px;
}

/*.access_p02 {
    width: 100%;
    line-height: 1.6;
}
.access_p02:after { display: none;}
.access_p02 span {
    padding: 0 ;
}*/
.access_box03{ height:100vw;}
#gmap{
	height:100vw;
}

/*------------------------------------------------
about
--------------------------------------------------*/
.sp_about_headline{
	display: block;
	margin-top: 130px;
}
.sp_about_headline img{ display:none;}
.sp_about_headline:after{
	content:'';
	background:url(../images/sp_about_pic01.jpg) no-repeat center bottom;
	background-size:100%;
	height: 95vw;
	display: block;
}

.about_box01{
	float: none;
	margin: 0;
	height:auto;
	width: 100%;
	margin-top: -180px;
}
.about_p02{
	padding:0 5vw 5em;
}
.about_box02{ display:none;}

/*------------------------------------------------
メニュー
--------------------------------------------------*/
.course ul{width:100%;}
.menu ul{width:100%;}

}