@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
スマホ用
--------------------------------------------------------------*/
@media (max-width:1230px) {
	section#testimonials .container {
		max-width: 90%;
	}

/*--------------------------*/
}

@media (max-width:1200px) {
	.svg_enable .page-content {
	}
	#wrap_concept .flexbox .flex_txt {
		/*top: 60px;*/
	}
	body.page .page-content #wrap_concept h2 {
		margin-bottom: 20px;
		margin-top: 20px;
		font-size: 24px;
	}
	#wrap_concept .flexbox .flex_txt {
		font-size: 17px;
		line-height: 1.8;
		padding-bottom: 15px;
		padding-left: 40px;
		width: 60%;
	}
	#wrap_concept .flexbox .flex_img {
		margin-top: 50px;
		width: 50%;
	}
	
	body.page .page-content h2::after {
		top: 50px;
		width: 80px;
	}
	body.page .page-content #wrap_menu h2::after {
		left: 46.5%;
	}
	
	.svg_enable .sidebar {
		padding-top: 0;
		margin-bottom: 20px;
	}

/*--------------------------*/
}

@media (max-width:1024px) {
	.svg_enable .demo-image {
		height: 350px;
	}
	
/*--------------------------*/
}

@media (max-width:1100px) {
	#wrap_concept .flexbox {
		padding-bottom: 100px;
	}
	#wrap_concept .flexbox .flex_txt {
		top: 40px;
		width: 65%;
		right: 0;
		padding-bottom: 0;
	}
	#wrap_concept .flexbox .flex_img {
		width: 45%;
		margin-top: 0;
	}
	
	body.page .page-content #wrap_menu h2::after {
		left: 46%;
	}
	
	#wrap_stylebook .listbox .ph img {
		height: 180px;
	}
	#wrap_stylebook .listbox {
		padding-left: 5px;
		padding-right: 5px;
	}

/*--------------------------*/
}

@media (max-width:1000px) {
	#services .main-heading,
	#portfolio .main-heading,
	#team .main-heading,
	#latest-post .main-heading,
	#price-package .main-heading,
	#about-us .main-heading,
	#woo-section .main-heading,
	
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading  {
		font-size: 30px;
	}
	section#services {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	section#services .txt {
		padding: 0;
		font-size: 18px;
	}
	section#services  .service-block {
		padding-top: 30px;
	}
	
	section#team {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	body.home section#team .team-block {
		max-width: 100%;
	}
	
	section#testimonials {
		padding-bottom: 80px;
	}
	section#testimonials h2 {
		margin-top: 0;
		margin-bottom: 50px;
	}
	
	#wrap_topinfo .txt,
	#wrap_topinfo .mapbox {
		width: 50%;
		padding: 0 15px 20px;
	}
	
	section#latest-post {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	section#latest-post .post-block {
		padding-top: 50px;
	}
	section#latest-post ul.post-grid li.post-list {
		padding-left: 7px;
		padding-right: 7px;
	}
	
	#wrap_concept .flexbox .flex_txt {
		width: 70%;
	}
	#wrap_staff .staffbox {
		padding: 30px;
	}
	
	#wrap_stylebook .listbox {
		width: 25%;
	}
	#wrap_stylebook .listbox .ph img {
		height: 200px;
	}
	
	#wrap_sty {
		padding-left: 30px;
		padding-right: 30px;
	}
	.page-description #wrap_sty .ph img {
		height: 250px;
	}
	#wrap_sty #txtarea {
		padding: 30px;
	}
	
	.footer-wrapper {
		padding-top: 50px;
	}
	
	body.archive .content-wrapper,
	body.single #wrap_single {
		float: left;
		width: 70%;
	}
	body.archive .sidebar-wrapper,
	body.single .sidebar-wrapper {
		width: 30%;
	}
	.single-post .svg_enable .single-post-content {
		padding-top: 50px;
	}
	.sidebar-inner-widget {
		padding-left: 10px;
		padding-right: 10px;
	}

/*--------------------------*/
}

@media (max-width:960px) {
#wrap_salon .txt {
	margin-bottom: 20px;
}
#wrap_salon .txtarea table {
	overflow: hidden;
}
#wrap_salon .txtarea th,
#wrap_salon .txtarea td {
	float: left;
	width: 100%;
	border: none;
}
#wrap_salon .txtarea th {
	background-color: #F7F7F7;
}

/*--------------------------*/
}

@media (max-width:900px) {
	#wrap_concept .flexbox {
		display: block;
		padding: 0;
		position: inherit;
	}
	#wrap_concept .flexbox .flex_txt,
	#wrap_concept .flexbox .flex_img {
		width: 100%;
	}
	#wrap_concept .flexbox .flex_txt {
		position: inherit;
		margin: 0 0 20px;
		padding: 0;
	}
	#wrap_concept .flexbox .flex_img {
		text-align: center;
		margin: 0;
		padding: 0;
		overflow: visible;
	}
	
	body.page .page-content #wrap_menu h2::after {
		left: 45.3%;
	}
	#wrap_stylebook .listbox .title {
		padding-left: 5px;
		display: none;
	}
	
/*--------------------------*/
}

@media (max-width:800px) {
	body.page .page-content #wrap_menu h2::after {
		left: 44.5%;
	}

/*--------------------------*/
}

@media (max-width:850px) {
	.page-description #wrap_sty .ph img {
		height: 200px;
	}
	.page-description #wrap_sty .ph ul li {
		padding: 5px;
	}
	.page-description #wrap_sty .ph .inner {
		padding: 5px;
		border: 5px solid #998a81;
	}

/*--------------------------*/
}

@media (max-width:780px) {
	section#services {
		padding-bottom: 30px;
	}
	section#services .txt {
		line-height: 1.6;
	}
	ul.team-grid li.team-list:nth-of-type(2n+1) {
		clear: none;
	}
	body.home section#team figure.team-content {
		padding: 0;
	}
	body.home section#team figure.team-content img {
		padding: 5px;
		max-width: 90%;
	}
	body.home section#team figcaption {
		padding-bottom: 10px;
	}
	
	section#latest-post .post-block {
		max-width: 100%;
	}
	section#latest-post ul.post-grid li.post-list {
		padding-left: 5px;
		padding-right: 5px;
	}

/*--------------------------*/
}

@media (max-width:767px) {
	#slider-div .slides li {
		height: 80vh;
	}
	h1.title {
		font-size: 36px;
	}
	section#services .service-block ul.service-grid .textwidget {
		float: none;
		width: 100%;
	}
	section#services .ph {
		margin-bottom: 30px;
	}
	#wrap_topinfo .txt, #wrap_topinfo .mapbox {
		float: none;
		width: 100%;
		padding: 0;
	}
	section#latest-post ul.post-grid li.post-list {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	section#ribbon {
		padding-top: 60px;
		padding-bottom: 100px;
	}
	
	
	#wrap_staff .staffbox .ph {
		width: 35%;
	}
	#wrap_staff .staffbox .txtarea {
		width: 60%;
	}
	#wrap_staff .staffbox dd {
		padding-left: 0;
		padding-right: 0;
	}
	
	#wrap_stylebook .listbox .ph img {
		height: 150px;
	}
	
	#wrap_sty h2 {
		font-size: 20px;
		font-weight: 600;
	}
	#wrap_sty h3 {
		font-size: 18px;
	}
	#wrap_sty .datebox table {
		overflow: hidden;
	}
	#wrap_sty .datebox th,
	#wrap_sty .datebox td {
		float: left;
		width: 100%;
		border: none;
	}
	#wrap_sty .datebox th {
		background-color: #F7F7F7;
	}
	#wrap_salon .txtarea,
	#wrap_salon .mapbox {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.footer .footer-widget-column.footer-widget-3column-active .widget {
		width: 50%;
	}
	
	
	body.archive .content-wrapper,
	body.single #wrap_single {
		float: none;
		width: 100%;
	}
	body.archive .sidebar-wrapper,
	body.single .sidebar-wrapper {
		float: none;
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	body.archive .sidebar-wrapper .widget,
	body.single .sidebar-wrapper .widget {
		margin: 0 0 20px;
	}
	body.archive .svg_enable .page-content,
	body.single .svg_enable .single-post-content {
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
	body.archive .sidebar-inner-widget,
	body.single .sidebar-inner-widget {
		padding-bottom: 0;
	}
	
/*--------------------------*/
}

@media (max-width:700px) {
	body.page .page-content #wrap_menu h2::after {
		left: 44%;
	}
	.page-description #wrap_sty .ph img {
		height: 180px;
	}

/*--------------------------*/
}

@media (max-width:660px) {
	#services .main-heading,
	#portfolio .main-heading,
	#team .main-heading,
	#latest-post .main-heading,
	#price-package .main-heading,
	#about-us .main-heading,
	#woo-section .main-heading,
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading {
		font-size: 26px;
	}
	
	#services .service-block {
		max-width: 100%;
		width: 100%;
	}
	#services .page-services {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	#services .main-heading {
		text-align: left;
	}	
	section#services .ph img {
		width: 100%;
	}
	section#ribbon {
		padding-top: 30px;
		padding-bottom: 70px;
	}
	
	body.page .page-content #wrap_menu h2::after,
	body.page .page-content h2::after {
		display: none;
	}
	h2 {
		margin-bottom: 30px;
	}
	
	#wrap_menu table {
		overflow: hidden;
		margin-bottom: 30px;
	}
	#wrap_menu table th,
	#wrap_menu table td {
		float: left;
		width: 100%;
		border: none;
	}
	#wrap_menu table th {
		background-color: #F7F7F7;
	}

/*--------------------------*/
}

@media (max-width:600px) {
	table {
		overflow: hidden;
	}
	th, td {
		float: left;
		width: 100%;
		border: none;
	}
	th {
		background-color: #F7F7F7;
	}
	#wrap_topinfo .txt th {
		background-color: rgba(255,255,255,0.8);
		color: #221204;
	}
	#wrap_topinfo .txt th,
	#wrap_topinfo .txt td {
	}
	.svg_enable .demo-image {
		height: 250px;
	}
	body.home section#team .team-block {
		max-width: 70%;
	}
	body.home section#team ul.team-grid li.team-list {
		float: none;
		width: 100%;
		padding: 0;
	}
	body.home section#team figure.team-content {
		padding: 20px;
	}
	
	section#latest-post {
		padding-top: 50px;
	}
	section#latest-post ul.post-grid {
		width: 85%;
		margin: 0 auto;
	}
	section#latest-post ul.post-grid li.post-list {
		float: none;
		width: 100%;
	}
	
	#wrap_staff .staffbox .ph,
	#wrap_staff .staffbox .txtarea {
		float: none;
		width: 100%;
	}
	#wrap_staff .staffbox .ph {
		margin-bottom: 20px;
	}
	
	#wrap_stylebook .listbox {
		width: 33.3%;
	}
	#wrap_stylebook .listbox .ph img {
		height: 180px;
	}
	.page-description #wrap_sty .ph img {
		height: 150px;
	}

/*--------------------------*/
}

@media (max-width:500px) {
	#slider-div .slides li {
		height: 50vh;
	}
	section#ribbon {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	section#team {
		padding-bottom: 30px;
	}
	section#testimonials {
		padding-bottom: 0;
	}
	
	.footer .footer-widget-column.footer-widget-3column-active .widget {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#wrap_staff .staffbox {
		padding: 20px;
	}
	#wrap_staff .staffbox .inner {
		padding: 20px 20px 10px;
	}
	
	.svg-top-container,
	.svg-bottom-container {
		display: none;
	}
	.svg_enable .demo-image {
		height: 200px;
	}
	h1.title {
		margin-top: 10%;
	}
	.svg_enable .page-content {
		padding-top: 30px;
	}
	
	#wrap_stylebook .listbox {
		width: 50%;
	}
	#wrap_stylebook .listbox .ph img {
		height: 200px;
	}
	.page-description #wrap_sty .ph img {
		height: 120px;
	}
	
	.footer-wrapper {
		clip-path: none;
		padding-top: 0;
	}
	.footer-wrapper .footer {
		padding-bottom: 0;
	}

/*--------------------------*/
}

@media (max-width:480px) {
	.svg_enable .page-content {
		padding-bottom: 30px;
	}
	.svg_enable .demo-image {
		height: 180px;
	}
	h1.title {
		font-size: 32px;
	}
	body.home section#team .team-block {
		max-width: 80%;
		padding-top: 30px;
	}
	body.home section#team figure.team-content {
		padding: 10px;
	}
	#wrap_sty {
		padding: 30px 20px;
	}
	#wrap_sty #txtarea {
		padding: 20px;
	}
	
	.footer .footer-widget-column.footer-widget-3column-active .widget {
		float: none;
		position: relative;
		display: inline-block;
		width: 100%;
	}
	body.archive .blog-content #main,
	body.single #wrap_single .single-post {
		padding: 30px 20px;
	}

/*--------------------------*/
}

@media (max-width:450px) {
	#slider-div .slides li {
		height: 30vh;
	}
	.page-description #wrap_sty .ph ul li {
		width: 100%;
		float: none;
	}
	.page-description #wrap_sty .ph img {
		height: auto;
	}
	
	body.archive .post-img-wrapper,
	body.archive .post-detail {
		float: none;
		width: 100%;
	}
	body.archive .blog-content #main ul {
		padding-bottom: 1px;
	}

/*--------------------------*/
}

@media (max-width:400px) {
	section#ribbon h2 {
		margin-top: 30px;
	}
	section#ribbon .ribbon-button {
		padding: 20px 0;
	}
	section#ribbon a.header-button.left-button {
		margin-top: 0;
	}
	
	#wrap_topinfo .txt table {
		overflow: hidden;
	}
	#wrap_topinfo .txt th,
	#wrap_topinfo .txt td {
		float: left;
		width: 100%;
	}
	#wrap_topinfo .txt th {
		border: 1px solid #fff;
		padding: 5px 10px;
	}
	#wrap_topinfo .txt td {
		border: none;
	}


/*--------------------------*/
}