@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1700px){

.menu_list .menu_ttl_price {
	float: none;
	display: block;
}

}

@media only screen and (max-width: 1500px){
/*.top-ttlへ変更予定！*/	
	.ttl_fsize01 {
		font-size: 3.4em;
	}
	
/*-------------------------*/
	#shops .ttl {
		font-size: 3.2em;
	}
	
}

@media only screen and (max-width: 1366px){
	/*ヘッダー切り替わり*/	
	header{
		background-image:none;
	}
	
	#head{
		position: fixed;
		background-color: rgba(255, 255, 255, 0.7);
		height: 65px;
	}
		
#head .head_logo {
	padding-top: 10px;
	padding-left:10px;
    text-align: left;
}


.head_logo img {
    width: 280px;
}

#head h1{
	text-align:left;
	margin-top:0px;
	padding-left:12px;
}

	#head .head_r .head_drawer{
		display: block;
	}
	
	#head .head_r .head_drawer .drawer-hamburger{
		margin-top: 0;
		padding-left:0.75rem;
		height: 65px;
	}
	
	.main_image {
		padding-top:65px;
		}

	#second .main_image .main_image_txt{
		padding-bottom: 0;
	}
	
	.top_nav{
		display: none;
	}
	
	.scroll_nav{
		display: none;
	}
	
	.drawer-hamburger{
		opacity: 1 !important;
	}
}

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

	.scroll_nav_drawer{
		opacity: 1;
		margin-top: 0;
		margin-right: 88px;
	}
	
	.scroll_nav_menu{
		opacity: 0;
		margin-right: -100%;
		display: none;
	}
	
	.scroll_nav_booking{
		margin-right: 64px;
	}	
	
	.bx-pager {
		display: none;
	}
	
	.shop-caption,
	.top_conts_txt_box02 {
		margin: 10px 0 20px 0;
	}	
}

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

	.shop-caption,
	.top_conts_txt_box02 {
		margin: 35px 0;
	}

	.bx-pager {
		display: block;
	}
	
	
	.bx-pager {
		width: 100%;
	}	

	.bx-pager li {
		width: calc(17% - 20px);
	}		


	/* ヘッダー */
	
	#head .h1_txt{
		display: none;
	}
	
	.main_image .main_image_img{
		height: 404px;
		display: block;
	}
	.main_image .main_image_img img{
		display: none;
	}
	
	.scroll_nav_menu{
		width: 0;
	}
	
	/* 共通 */
	
	.pc_btn{
		display: none;
	}
	
	.sp_btn{
		display: block;
	}
	
	/* コンテンツ */
	
	.shops-photo,
	.menu_photo {
		float: none !important;
		width: 100%;
		margin: 0 auto;
	}
	
	.shops-txt,
	.menu_txt {
		width: 90%;
		margin: 0 auto;
		display: block;
		height: auto !important;
		padding: 50px 5%;
	}
	

	
/*----- 下層ページ -----*/		
	/*tamapa*/
.tamapa-title{
	max-width: 495px;
	margin: 0 auto;
	}
	
}

@media only screen and (min-width: 1200px){
	.services-list .inner{
			width: 1024px;
			padding-bottom: 120px;
	}

/*VISIONページ------------------*/	
	.vision p br {
		display: none;
	}
}

@media only screen and (max-width: 1050px){
/*recruitページ---------------*/	
	.recruit-list,
	.notice-list {
		border: none;
		width: 100%;
	}
	
	.recruit-list,
	.notice-list {
		border-top: 1px solid #e5e5e5;
	}
	
	.recruit-list dt,
	.recruit-list dd,
	.notice-list dt,
	.notice-list dd {
		padding:20px 0 0;
		width: 100%;
		float: none;
		border: none;
	}
	
	.recruit-list dd,
	.notice-list dd{
		border-bottom: 1px solid #e5e5e5;
		padding:10px 0 20px;
		width: 100%;
	}
	
}

@media only screen and (max-width: 980px){
	/*CONTACTページ------------------*/	
	.cont_contact{
	background: none;
	}

	.cont-l {
    margin: 35px 10px 20px 0;
    vertical-align: top;
    width: 90%;
	font-size:16px;
	padding:0 5% 30px 5%;	
	}

	.cont-r {
    margin: 0 0 20px 0;
    vertical-align: top;
    width: 90%;
	background-color:#f5f5f5;
	padding:10px 5% 30px;
	}
	
}



@media only screen and (max-width: 900px){
	
	.menu_list .menu_ttl{
		font-size: 1.1rem;
	}
	
	.menu_list li{
		width: 100%;
		margin: 0;
	}
	
	.menu_list li dl{
		margin:40px 0;
		padding: 0 5%;
		width: 90%;
	}
	
	.info_list_r b a {
		display: inline-block;
		margin-top: 0.5em;
		margin-right: 0;
	}
	
	/* VISIONページ----------------------------*/
	.president h4,
	.adviser h4 {
		text-align: center;
	}

	.career {
		width: 100%;
	}

	.career dt {
		padding:10px 0 0;
		width: 100%;
		float: none;
		border: none;
	}
	
	.career dd {
		padding:10px 0;
		width: 100%;
	}

	.president-photo,
	.adviser-photo {
		float: none;
		padding-left: 0;
		margin: 0 auto;
		max-width: 345px;
		text-align: center;
		width: calc(100% - 40px);
	}

}

@media only screen and (min-width: 851px){
/*-----------NEWS----------*/
	.news-list {
		height: 192px;
	}
	
	.news-list_h-non {
		height: inherit;
	}
}

@media only screen and (max-width: 850px){
/*-----------NEWS----------*/
	.signboard{
		display: inline-block;
		height: auto;
		padding: 0 10px;
		font-size: 11px;
		vertical-align: top;
		line-height: 2.2;
	}
	
	.news-list figure { 
		float : none ; 
	}

	.news-list dl {
    margin-left: 0;
    width: calc(100% - 0px);
	}
}
	
@media only screen and (min-width: 751px){

/* SERVICE-----------------*/
	.services-list{
		text-align: center;
	}

	.services-list li{
		display: inline-block;
		width: 28%;
		padding: 0 1.5%;
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}
	
}

/*タイトル改行*/
	.ttl_br {
		display: none;
	}

@media only screen and (max-width: 750px){
/*タイトル*/	
	.ttl {
		font-size: 3em;
	}
	
	.ttl span {
		font-size: 14px;
	}
/*タイトル改行*/
	.ttl_br {
		display: block;
	}
		
	.dl_list01,
	.dl_list02,
	.dl_list03,
	.career,
	.recruit-details {
		border: none;
		width: 100%;
	}
	
	.dl_list01,
	.recruit-details {
		border-top: 1px solid #e5e5e5;
	}
	
	.dl_list03{
		border-top: 1px solid #fff;
	}
	
	.dl_list01 dt,
	.dl_list01 dd,
	.smap-details dt,
	.smap-details dd,
	.dl_list02 dt,
	.dl_list02 dd,
	.dl_list03 dt,
	.dl_list03 dd,
	.recruit-details dt,
	.recruit-details dd {
		padding:20px 0 0;
		width: 100%;
		float: none;
		border: none;
	}
	
	.dl_list01 dd,
	.smap-details dd,
	.recruit-details dd {
		border-bottom: 1px solid #e5e5e5;
		padding:10px 0 20px;
		width: 100%;
	}
	
	.dl_list02 dd{
		padding:10px 0 20px;
		width: 100%;
	}
	
	.dl_list03 dd{
		border-bottom: 1px solid #fff;
		padding:10px 0 20px;
		width: 100%;
	}
	
	.dl_list01 .left-space,
	.smap-details .left-space,
	.dl_list03 .left-space {
	margin-left:0;
	}

/* VISIONページ----------------------------*/
	.vision h3,
	.vision p {
		font-size: 1.7em;
	}	
/*------------------------------*/

	.required{
		float: none;
		margin-left: 15px;
	}
	
	.info_list .info_list_l{
		width: 100% !important;
		float: none !important;
		margin: 0 auto !important;
	}
	
	.info_list li .info_list_r{
		margin: 30px auto 0 !important;
		padding: 0 5% !important;
		width: 90% !important;
	}

	.btn_box .btn {
		margin: 2em auto 0;
	}

	.form_name input,
	.form_tel input {
		width: 100%;
	}
	
	.form_name input,
	.form_tel input {
		margin-left: 0;
		margin-right: 0;
	}
	
	/*-- SERVICE --	*/
	.services-list li {
		margin: 0 auto;
		display: block;
	max-width: 288px;
	padding: 0 5% 30px 5%;
	}
	
	.services-list{
    padding-bottom: 20px;
	}

/*店舗ページの詳細アイコン----------------------*/
.shop-icon img{
	padding:5px 8px;
	}

/*--------footer------------*/	
	.footer_btm_link{
		display: none;
	}
	
	.copyright{
		text-align: center;
		float: none;
	}
	
}

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

	
@media only screen and (max-width: 640px){
	
	.tac2 {
		text-align:left;
}
	
	.sp_tal{
		text-align: left;
	}

	
	.ttl01,
	.ttl02,
	.ttl03 {
		font-size: 2.5em;
	}
	
	/*N°5タイトル*/
	.ttl img,
.cont_s_wrap h3 img {
	width: 12px!important;
	height: 30px;
}
	
		.ttl_fsize02 {
		font-size: 0.7em;
	}
	
	.ttl_fsize03 {
		font-size: 0.9em;
	}

	
	.conts_contact{
		margin-bottom: 40px;
	}
	
	.top_nav,
	.scroll_nav{
		display: none;
	}
	
	.main_image .main_image_txt img{
		top: calc(50% - 78px);
	}
	
	#second .main_image .main_image_txt{
		height: 200px;
	}
	
	.scale img{
		transition: inherit;
	}
	
	.scale img:hover{
		opacity: 1;
		transform: none;
	}
	
	.shops-txt,
	.menu_txt {
		padding: 30px 5% 50px;
	}
	
	.dl_list01,
	.dl_list02{
		margin: 40px auto 0;
	}
	
	.dl_list02{
		margin-bottom: 20px;
	}
	
	.conts_contact_c .conts_contact_btn ul li{
		margin-bottom: 20px;
	}

	
/*----------店舗メインフォト---------------*/	
    .visual-photo{
    width:100%
}

	.sp_non{
	display:none;
}


/*------------------------------*/
	
	.bx-wrapper .bx-viewport{
		height: 100% !important;
	}

	.bx-pager {
		display: none;
	}
	
	.bx-pager li{
		width: calc(25% - 10px);
		margin-right: 10px;
	}
	
	.bx-pager2 li{
		width: calc(100% / 3 - 6.7px);
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.bx-pager2 li:nth-child(3n + 1){
		margin-left: 0;
	}
	
	ul.sitemap {
		float: none;
		width: 100%;
	}

	.ttl05 {
		font-size: 3em;
	}

	.form_course select {
		width: 100%;
	}

	.btn_box p {
		margin: 10px;
	}
	
	.link {
		margin-bottom: 20px;
	}
	
	.bx-controls-direction {
		display: block;
	}
	
	.ttl08,
	.ttl08_sub {
		display: none;
	}

	#MonthCal iframe,
	#nextMonthCal iframe {
		height: 240px;
	}
	
/* VISIONページ----------------------------*/
	.vision {
		width: 90%;
		max-width: calc(1280px - 10%);
		padding: 60px 5%;
	}
	
	.vision p br {
			display: none;
	}

.pattern {
	display: none;
}

/*tamapa*/
.tama-photo li {
	width: 50%;
	}
	
/*ギャラリー*/
    .item{
		width:47%
	}

	.caution02 {
		text-align: center;
	}


}

@media screen and (max-width: 570px){
	.ttl,
	#shops .ttl {
		font-size: 2.5em;
	}
	
	.footer_logo{
		padding-bottom: 0;
	}
	
	.pagetop{
		padding-top: 0;
		padding-bottom:12px;
	}
	
}	

@media screen and (max-width: 550px){
.ttl04,
.ttl04-02 {
	font-size: 2.5em;
}

.cont-l h3 {
	font-size: 1.5em;
}

/* VISIONページ----------------------------*/
	
	.vision h3,
	.vision p {
		font-size: 1.4em;
	}

/*店舗詳細----------------------*/
	/*メインイメージ*/
.bm-logo {
	left: 30%;
	position: absolute;
	top: 50%;
    transform: translate(-20%, -50%);
}

	/*tamapa*/
.admission {
    font-size: 15px;
}

/*南池袋店　メニュー*/
	.dot-non {
	display:none;
	}
/*----------------*/

/*リクルート----------------------*/	
	.ttl-recruit {
		font-size: 2.1em;
	}
	
	#recruit .comment {
	font-size: 15px;
	padding: 30px 0 10px;
	}
	
/*各店舗リクルートページ------------*/	
	.recruit-contact h3 {
		font-size: 1.3em;
		line-height: 1.7;
	}
	
	.recruit-contact p {
		font-size: 1.6em;
		line-height: 1.5;
	}
	
	.recruit-contact {
		padding: 50px 0 0;
	}
	
	/*ENTRYフォーム*/
	.ttl-entry h3 {
		font-size: 1.3em;
		line-height: 1.7;
	}
	
	.ttl-entry  p {
		font-size: 1.6em;
		line-height: 1.5;
	}
	
	.ttl-entry {
		padding: 50px 0 0;
	}
	
	/*thanksページ*/
	#entry h4 {
		font-size: 18px;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 440px){
	.sp440 {
		display: block;
	}
	
	.sp900 {
		display: none;
	}
	
	#head .head_logo {
	padding-top: 21px;
}
	
	.head_logo img{
		width:75%;
}
	#head h1{
		display:none;
	}	
	
	main {
		font-size: 14px;
	}
	

	.main_image .main_image_txt img{
		left: auto !important;
		margin: 5% !important;
		width: 90% !important;
	}
	
	.conts_contact_c h2 {
		font-size: 25px;
	}
		
	
	.top60 {
		margin-top: 40px; /* 440以下の時だけ40px */
	}
	
	.ttl04-02{
		font-size: 2em;
		}		



	main iframe {
		height: 300px;
		margin-top: 0 !important;
	}

	.info_list li:first-child {
		padding: 0 0 50px;
	}

/*店舗詳細----------------------*/
/*tamapa*/
.tama-photo li {
	width: 70%;
	}

.caution {
	text-align: center;
	}
	
}

@media only screen and (max-width: 400px){
/* VISIONページ----------------------------*/
	.president h4,
	.adviser h4 {
		font-size: 16px;
	}
	
	/*リクルート----------------------*/	
	.ttl-recruit {
		font-size: 1.6em;
	}
		
}