/*----- 999 -----*/


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

	.pc_menu {
		display: none;
	}

	.sp_logo {
		display: inherit;
	}

	.sp_humberger {
		display: inherit;
	}

	.sp_menu {
		display: inherit;
	}

	#footer {
		height: inherit;
		line-height: inherit;
	}

	ul.staff_block li {
		width: 17.4% !important;
	}


}


/*----- 768 -----*/


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


/*----- common -----*/


	br.pc_none {
		display: inherit;
	}

	span.pc_none {
		display: inherit;
	}

	span.sp_none {
		display: none;
	}

/*	.sp_logo {
		width: inherit;
		position: absolute;
		left: 50%;
		margin-left: -25px;
		padding: 0;
	}*/

	#header {
		-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
		-moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
		box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
	}

	.sp_menu li.sns a:nth-of-type(1) {
		margin: 0 2% 0 38%;
	}

	.sp_menu li.sns a:nth-of-type(2) {
		margin: 0 38% 0 2%;
	}

	#information {
		-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
		-moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
		box-shadow: rgba(0,0,0,0.5) 0px 0px 2px 0px;
	}

	.footer_logo {
		width: 60%;
	}

	.footer_menu_main {
		margin-bottom: 5%;
	}

	.footer_menu_main li {
		width: 33.333%;
		border: 1px solid #484848;
	}

	.footer_menu_main li:nth-of-type(2) {
		border-left: 0px none;
	}

	.footer_menu_main li:nth-of-type(3) {
		border-left: 0px none;
	}

	.footer_menu_main li:nth-of-type(4) {
		border-top: 0px none;
	}

	.footer_menu_main li:nth-of-type(5) {
		border-top: 0px none;
		border-left: 0px none;
	}

	.footer_menu_main li:nth-of-type(6) {
		border-top: 0px none;
		border-left: 0px none;
	}

	.footer_menu_main li a {
		letter-spacing: 4px;
		font-size: 12px;
	}

	.footer_menu_sub {
		width: 90%;
		/*max-width: 280px;*/
		margin: 0 auto 20px;
		padding-right: 0;
	}

/*	.footer_menu_sub li:first-of-type {
		width: 60%;
		border-left: 1px solid #8F8F8F;
		border-right: 1px solid #8F8F8F;
		box-sizing: border-box;
	}

	.footer_menu_sub li:nth-of-type(2) {
		width: 40%;
		border-right: 1px solid #8F8F8F;
		box-sizing: border-box;
	}*/

	.footer_menu_sub li {
		width: 27%;
	}

	.footer_menu_sub li:first-of-type {
		width: 46%;
	}

	.footer_menu_sub li:last-of-type a {
		border-left: 1px solid #8F8F8F;
	}

	.footer_menu_sub li a {
		padding: 0 0px;
		color:  #8F8F8F !important;
		font-size: 12px;
	}

	.footer_sns_sp {
		display: inherit;
		margin-bottom: 5%;
	}

	.footer_sns_pc {
		display: none;
	}

	.shopdata {
		width: 45%;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		padding: 10px 0;
	}

	.shoptel {
		width: 55%;
		font-size: 18px;
		text-align: center;
	}

	.shoprecruit {
		display: none;
	}


/*----- top -----*/


	.about_box {
		margin-bottom: 50px;
	}

	.about_box .about_box_img {
		width: 100%;
		padding: 0 50px;
		float: none;
	}

	.about_box_txt {
		width: 100%;
		padding: 0 50px;
		float: none;
	}

 	.about_box:nth-child(even) .about_box_img {
		padding: 0 50px;
		float: none !important;
	}

	.about_box:nth-child(even) .about_box_txt {
		padding: 0 50px;
		float: none !important;
	}

	.area_left {
		display: block;
		width: 100%;
		float: none;
	}

	.area_right {
		display: inline-block;
		width: 100%;
		padding: 0;
		float: none;
	}

	.topics_left a {
		font-size: 16px;
	}

	.topics_left span.telephone {
		font-size: 16px;
	}

	.topics_right a {
		font-size: 16px;
	}

	.topics_item a {
		font-size: 16px;
	}

	.topics_item span.telephone {
		font-size: 16px;
	}


/*----- system -----*/



/*----- staff -----*/


	.staff_item {
		width: 48%;
		margin: 1%;
	}

	.staff_box {
		margin-bottom: 0px;
	}

	.staff_box_img {
		max-width: 100%;
		float: none;
	}

	.staff_box_txt {
		float: none;
		max-width: 100%;
		padding-left: 0;
	}

	body#staffs .table .table_th {
		width: 20%;
	}

	table.attmgr_weekly_all .date {
		font-size: 0.5em !important;
	}

	table.attmgr_weekly_all .dow {
		font-size: 0.5em !important;
		margin-left: 0 !important;
		display: block;
	}

	ul.staff_block li {
		width: 22.5% !important;
	}


/*----- area -----*/




/*----- reservation -----*/




/*----- recruit -----*/


	.merit_box {
		margin-bottom: 50px;
	}

	.merit_box .merit_box_img {
		width: 100%;
		padding: 0 50px;
		float: none;
	}

	.merit_box_txt {
		width: 100%;
		padding: 0 50px;
		float: none;
	}

 	.merit_box:nth-child(even) .merit_box_img {
		padding: 0 50px;
		float: none !important;
	}

	.merit_box:nth-child(even) .merit_box_txt {
		padding: 0 50px;
		float: none !important;
	}

	.table_recruit {
		display: block;
	}

	.table_recruit .table_tr {
		display: block;
	}

	.table_recruit .table_th,
	.table_recruit .table_td {
		display: block;
		width: inherit !important;
		line-height: 1.41;
		padding: 1.1em;
		vertical-align: top;
		box-sizing: border-box;
	}

	.table_recruit .table_th {
		white-space: nowrap;
		width: 100%;
	}


/*----- privacy -----*/




/*----- company -----*/




/*----- single.staff -----*/


	body#faq .link_box a,
	body#recruit .link_box a,
	body#staffs .link_box a {
		width: 49%;
	}


	body#faq .link_box a:nth-child(odd),
	body#recruit .link_box a:nth-child(odd),
	body#staffs .link_box a:nth-child(odd) {
		margin-left: 0;
	}

	body#faq .link_box a:nth-child(even),
	body#recruit .link_box a:nth-child(even),
	body#staffs .link_box a:nth-child(even) {
		margin: 0 0 2% 2%;
	}


}


/*----- 499 -----*/


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


/*----- common -----*/


	#footer {
		font-size: 12px;
	}

	.footer_menu_sub li a {
		font-size: 10px;
	}


/*----- top -----*/


	div[class*="newsitem_"] dt {
		width: 100%;
	}

	div[class*="newsitem_"] dd {
		display: inline-block;
		margin-left: 0px;
	}

	.course_img {
		display: block;
		width: 100%;
		padding: 10%;
		float: none;
	}

	.course_description {
		display: block;
		width: 100%;
		padding: 0 10% 10% !important;
		float: none !important;
	}


/*----- system -----*/


	.firsttime_img {
		display: block;
		width: 100%;
		padding: 10%;
		float: none;
	}

	.firsttime_description {
		display: block;
		width: 100%;
		padding: 0 10% 10% !important;
		float: none !important;
	}


/*----- staff -----*/


	body#staff .table .table_tr {
		border-top: 1px solid #FFFFFF;
	}

	body#staff .table .table_th {
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		background: #F3F3F3;
	}

	body#staff .table .table_td {
		border-bottom: 1px solid #FFFFFF;
		background: #F3F3F3;
	}


/*----- area -----*/




/*----- reservation -----*/


	body#reservation .link_box span {
		width: 100%;
		margin: 0 0 5%;
	}

	body#reservation .link_box span a {
		display: inline;
		border: 0px none;
		float: none;
		width: inherit;
		padding: 0;
		margin: 0;
	}

	ul.staff_block li {
		width: 30.6% !important;
	}


/*----- recruit -----*/




/*----- privacy -----*/




/*----- company -----*/




/*----- single.staff -----*/


	body#system .link_box a,
	body#staff .link_box a,
	body#faq .link_box a,
	body#recruit .link_box a,
	body#staffs .link_box a {
		width: 100%;
		margin: 0 0 5%;
		float: none;
	}

	body#faq .link_box a:nth-child(odd),
	body#recruit .link_box a:nth-child(odd),
	body#staffs .link_box a:nth-child(odd) {
		margin: 0 0 5%;
	}

	body#faq .link_box a:nth-child(even),
	body#recruit .link_box a:nth-child(even),
	body#staffs .link_box a:nth-child(even) {
		margin: 0 0 5%;
	}

	.about_box .about_box_img {
		padding: 0;
	}

	.about_box_txt {
		padding: 0;
	}

 	.about_box:nth-child(even) .about_box_img {
		padding: 0;
	}

	.about_box:nth-child(even) .about_box_txt {
		padding: 0;
	}

	.topics_left {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 5%;
	}

	.topics_left a {
		font-size: 20px;
		margin: 2.5%;
	}

	.topics_left span.telephone {
		font-size: 20px;
		margin: 2.5%;
	}

	.topics_left span.telephone a {
		margin: 0;
	}

	.topics_right {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 5%;
	}

	.topics_right a {
		font-size: 20px;
		margin: 2.5%;
	}

	.topics_item {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 5%;
	}

	.topics_item a {
		font-size: 20px;
		margin: 2.5%;
	}

	.topics_item span.telephone {
		font-size: 20px;
		margin: 2.5%;
	}

	.topics_item span.telephone a {
		margin: 0;
	}

	.topics_item:nth-child(even) {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 5%;
	}

	.topics_item:nth-child(even) a {
		font-size: 20px;
		margin: 2.5%;
	}

	.staff_item {
		display: block;
		width: 100%;
		padding: 10%;
		margin: 0;
		float: none;
	}

	.merit_box .merit_box_img {
		padding: 0;
	}

	.merit_box_txt {
		padding: 0;
	}

 	.merit_box:nth-child(even) .merit_box_img {
		padding: 0;
	}

	.merit_box:nth-child(even) .merit_box_txt {
		padding: 0;
	}

}