/*960px以下*/
@media screen and (max-width: 1024px) {
	.top_view-content {
		width: 90%;
	}
	.top_view-textBox {
		top: 60%;
		left: 20%;
	}

	.top_view-urlTxt {
		top: 64%;
    	left: -4%;
	}

	/*Concept*/
	.concept_viewBox {
		width: 90%;
		height: 30vh;
	}

	/*Stylist*/
	.stylist_contentBox {
		width: 90%;
	}
	.stylist_contentBox .top_sectionTitle {
		top: 0;
		left: 50%;
	}

	/*Menu*/
	.menu_contentBox {
		width: 90%;
		padding-left: 10%;
	}
	.top_menuListBox {
		justify-content: space-around;
	}
	.top_menuList-content {
		width: 40%;
	}

	.colorCategory {
		margin-top: 1.6rem;
	}
	.top_galleryList-ul .item {
		width: 30%;
		padding-bottom: 30%;
		margin-bottom: 14px;
	}
}


/*800px以下*/
@media screen and (max-width: 800px) {
	.header_nav.pc {
		display: none;
	}
}


/*520px以下*/
@media screen and (max-width: 520px) {
	/*共通*/
	body {
		font-size: 13px;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.txt_1 {
		line-height: 1.8rem;
	}
	.top_section {
		padding: 50px 0;
	}
	.top_sectionTitle {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	/*Header*/
	.header_content {
		height: 80px;
	}
	.hamburger-box {
		display: flex;
	}

	/*main*/
	.top_view {
		height: calc(100vh - 80px);
	}
	.top_view-textBox {
		top: 50%;
		left: 2%;
		width: 80%;
	}
	.top_view-titleTxt {
		transform: rotate(-90deg);
	}
	.top_view-descriptionTxt {
		position: absolute;
		top: 26vh;
    	left: 30%;
		width: 100vw;
		font-size: 80%;
		color: #fff;
		line-height: 1rem;
	}
	.top_catchcopyTxt {
		padding: 48px 0 20px;
		font-size: 20px;
		line-height: 2rem;
	}
	.top_view-urlTxt {
		top: inherit;
		left: 50%;
		margin-top: 20px;
		transform: rotate(0deg) translate(-50%);
	}
	/*News*/
	.news_section {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.top_news_list .item {
		width: 80%;
		text-align: left;
	}

	.top_news_list .item span {
		display: block;
		width: 100%;
		font-size: 11px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.top_news_list .item .date {
		width: 38%;
	}

	/*Concept*/
	.conecpt_section {
		padding: 40px 0 50px;
	}
	.top_conceptBody {
		padding: 35px 12% 80px;
	}

	.concept_viewBox {
		border-radius:0 15px 15px 0;
	}

	/*Kids Space*/
	.kids-space_section {
		margin-top: 5vh;
		margin-bottom: 50px;
	}
	.kids-space_contentBox {
		padding: 0;
	}
	.kids-space_slide_viewBox {
		width: 65vw;
		margin-top: -16vh;
		margin-left: auto;
		margin-right: 20px;
	}
	.kids-space_slide_viewContent {
		position: inherit;
		top: 0;
		height: 340px;
		border-radius: 15px;
	}
	.top_kids-spaceBody {
		padding: 35px 12%;
	}

	/*Stylest*/
	.stylist_contentBox {
		padding: 65px 0 28px;
		padding-right: 10%;
	}
	.top_stylistList-ul {
		padding-left: 13%;
	}
	.top_stylistList-ul li {
		width: 80%;
		margin: auto;
		margin-bottom: 28px;
	}
	.top_stylistList-ul .name {
		padding: 8px 0 5px;
		font-size: 1rem;
	}
	.top_stylistList-ul .position {
		margin-top: 5px;
	}

	/*Menu*/
	.top_menuList-content {
		width: 85%;
	}
	.menu_contentBox .top_sectionTitle {
		margin-bottom: 25px;
	}
	.menu_contentBox {
		padding-left: 0;
		padding-bottom: 50px;
	}
	.top_menuList-ul.cutCategory {
		margin-bottom: .2rem;
	}
	.top_menuList-ul .category {
		font-size: 23px;
	}
	.top_menuList-modal_content {
		padding: 6%;
	}
	.top_menuList_open_readMore-btn {
		font-weight: bold;
	}
	.top_menuList-showTable tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 12px;
	}
	.top_menuList-showTable td {
		display: block;
		padding: 8px;
		border: none;
	}
	.top_menuList-showTable td.item {
		flex-grow: 1;
		border-bottom: 1px solid #fff;
	}
	.top_menuList-showTable td.price {
		border-bottom: 1px solid #fff;
	}
	.top_menuList-showTable td.des {
		order: 3;
	}

	/*Gallery*/
	.gallery_section {
		margin-bottom: 50px;
	}
	.gallery_contentBox .top_sectionTitle {
		margin-bottom: 50px;
	}
	.top_galleryList-ul .item {
		border-radius: 5px;
	}

	/*Reserve*/
	.top_reserveBody .btn {
		width: 60%;
		margin-bottom: 18px;
		padding: 1rem 0;
	}
	.reserve_contentBox .top_sectionTitle {
		margin-bottom: 50px;
	}

	/*Access*/
	.access_contentBox  {
		padding: 0;
	}
	.top_access_viewBox {
		width: 80%;
		height: 26vh;
		border-radius: 15px;
	}
	.top_accessBody {
		width: 80%;
		padding: 35px 0;
	}
	.top_accessItemBox {
		font-size: 14px;
	}

	/*Blog*/
	.blog_section {
		padding: 90px 0;
	}
	.top_blog_contentBox {
		width: 80%;
		margin: auto;
		padding: 0;
	}
	.top_blog_list {
		margin-bottom: 30px;
	}
	.top_blog_list .item {
		width: 100%;
		margin-bottom: 40px;
	}
}