@charset "UTF-8";

/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	#top_concept .txt {
		line-height: 1.5;
	}
	.container {
		width: 96%;
	}
	#toppage #top_infoarea {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#toppage #top_infoarea .txt table th {
		width: 30%;
	}
	
	/*-------------------------------------*/
}

@media screen and (max-width: 1160px) {
	#wrap_rec .box50,
	#wrap_rec .box_R50 {
		float: none;
		width: 100%;
	}

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

@media screen and (max-width: 1140px) {
	.onepress-menu {
		padding-top: 0;
	}
	header#masthead .container {
		overflow: inherit;
		padding-bottom: 0;
		padding-top: 0;
	}
	.site-branding {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#nav-toggle {
		margin-top: 25px;
	}
	.onepress-menu.onepress-menu-mobile a:link,
	.onepress-menu.onepress-menu-mobile a:active,
	.onepress-menu.onepress-menu-mobile a:hover,
	.onepress-menu.onepress-menu-mobile a:visited {
		color: #222;
	}
	#nav-toggle span,
	#nav-toggle span::before,
	#nav-toggle span::after,
	
	#nav-toggle.nav-is-visible span::before,
	#nav-toggle.nav-is-visible span::after {
		background-color: #fff;
	}
	
	#wrap_staff .staffbox {
		font-size: 100%;
	}
	#wrap_staff .staffbox .txt {
		padding-top: 0;
	}
	
/*-------------------------------------*/
}

@media screen and (max-width: 1033px) {
	#kodawari01 .box {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	#kodawari01 .ph {
		width: 30%;
	}
	#kodawari01 .txt {
		width: 65%;
		font-size: 100%;
	}
	#kodawari02 .box {
		padding: 0;
		margin-bottom: 30px;
	}
	#kodawari02 .txt {
		width: 68%;
	}
	
	#wrap_stylelist .stylebox {
		width: 25%;
	}
	#wrap_stylelist .stylebox .title {
		font-size: 100%;
	}
	
	/*#wrap_sty .ph {
		width: 35%;
	}
	#wrap_sty .txt {
		width: 65%;
	}*/

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

@media screen and (max-width: 1000px) {
	#toppage #top_infoarea .txt {
		width: 60%;
	}
	#toppage #top_infoarea .btnarea {
		width: 35%;
	}
	.staffbox {
		padding-left: 0;
		padding-right: 0;
	}

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

@media screen and (max-width: 991px) {
	#primary {
		padding-top: 40px;
	}
	
	.container {
		width: 90%;
	}
	
	#wrap_staff .staffbox .txt {
		width: 40%;
	}
	#wrap_staff .staffbox .prof {
		width: 40%;
	}
	.entry-content #wrap_staff .staffbox .prof table {
		overflow: hidden;
	}
	.entry-content #wrap_staff .staffbox .prof th,
	.entry-content #wrap_staff .staffbox .prof td {
		float: left;
		width: 100%;
	}
	.entry-content #wrap_staff .staffbox .prof th {
		padding-bottom: 0;
		border: none;
	}
	.entry-content #wrap_staff .staffbox .prof td {
		padding: 5px 0;
	}
	/*
	#wrap_sty .ph {
		width: 25%;
	}
	#wrap_sty .txt {
		width: 70%;
	}*/
	#wrap_sty .ph .subtxt {
		text-align: left;
		letter-spacing: 0;
		line-height: 1.3;
	}
	
	body.page #primary #wrap_rec h3 {
		margin-bottom: 20px;
	}
	#prbox .box_L01,
	#prbox .box_R01 {
		width: 50%;
	}
	#prbox p {
		margin-bottom: 10px;
	}

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

@media screen and (max-width: 958px) {
	.container {
		width: 96%;
	}
	.page-header .container {
		width: 100%;
		padding: 0;
	}
	#about {
		padding-bottom: 20px;
	}
	#services {
		padding-bottom: 30px;
	}
	#services .section-title-area {
		margin-bottom: 0;
	}
	#news .section-title-area,
	#toppage .section-title-area {
		margin-bottom: 30px;
	}

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

@media screen and (max-width: 940px) {
	.section-news .list-article-thumb,
	.archive .list-article-thumb,
	.blog .list-article-thumb {
		display: block;
	}

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

@media screen and (max-width: 939px) {
	#secondary {
		margin-top: 0;
		margin-bottom: 40px;
	}

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

@media screen and (max-width: 910px) {
	#wrap_staff .stbox .inner {
		border: none;
	}
	#toppage #top_infoarea .txt,
	#toppage #top_infoarea .btnarea {
		float: none;
		width: 100%;
	}
	#toppage #top_infoarea .btnarea ul {
		overflow: hidden;
		text-align: center;
	}
	#toppage #top_infoarea .btnarea ul li {
		float: left;
		text-align: center;
		width: 50%;
		padding: 15px;
		margin: 0;
	}
	.entry-content #wrap_sty .ph ul li img {
		height: 250px;
	}

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

@media screen and (max-width: 897px) {
	#top_concept .txt {
		width: 60%;
	}
	#top_concept .ph {
		width: 40%;
	}
	
	#wrap_stylelist .stylebox {
		width: 33.3%;
	}

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

@media screen and (max-width: 852px) {
	/*#wrap_staff .stbox.no1,
	#wrap_staff .stbox.no3 {
		width: 30%;
	}
	#wrap_staff .stbox.no2 {
		width: 40%;
	}*/
	.entry-content #wrap_staff .stbox .ph,
	.entry-content #wrap_staff .stbox .txt {
		float: none;
		width: 100%;
	}
	#wrap_staff .stbox {
		padding-left: 5%;
		padding-right: 5%;
	}

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

@media screen and (max-width: 797px) {
	#content #main {
		padding: 30px 30px 10px;
	}
	#top_concept .txt,
	#top_concept .ph {
		width: 100%;
		float: none;
		padding: 0;
	}
	#top_concept .morebtn {
		text-align: center;
		margin-bottom: 40px;
	}
	#top_menu .bnr {
		/*width: 50%;
		margin-bottom: 0;*/
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#wrap_staff .staffbox {
		float: none;
		width: 100%;
	}

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

@media screen and (max-width: 767px) {
	.page-header {
		margin-bottom: 40px;
	}
	.site-content {
		border: none;
	}
	.page-header .entry-title,
	.page-header .page-title {
		font-size: 34px;
	}
	body.page #primary h2 {
		font-size: 26px;
		border-bottom: 1px solid #442a14;
		padding-bottom: 5px;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	body.page #primary h2:before,
	body.page #primary h2:after {
		display: none;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#primary {
		padding-top: 0;
	}
	
	.box4 {
		width: 50%;
	}
	.box_L01,
	.box_R01 {
		float: none;
		width: 100%;
	}
	
	#kodawari01 .ph,
	#kodawari01 .txt,
	#kodawari02 .ph,
	#kodawari02 .txt {
		float: none;
		width: 100%;
	}
	body.page .entry-content #wrap_concept h3,
	.maintxt {
		text-align: left;
	}
	body.page #primary #kodawari01 h4 {
		font-weight: bold;
	}
	.entry-content table {
		overflow: hidden;
	}
	.entry-content th,
	.entry-content td,
	.entry-content #wrap_menu th,
	.entry-content #wrap_menu td,
	.entry-content #wrap_sty .txt th,
	.entry-content #wrap_sty .txt td,
	#toppage #top_infoarea .txt table th,
	#toppage #top_infoarea .txt table td {
		float: left;
		width: 100%;
		line-height: 1.4;
		padding-left: 0;
		padding-right: 0;
	}
	.entry-content th {
		border-bottom: none;
		padding-bottom: 0;
	}
	.entry-content td {
		padding-top: 5px;
	}
	
	#toppage #top_infoarea .txt table th {
		border: none;
		padding-bottom: 0;
	}
	#toppage #top_infoarea .txt table td {
		padding-top: 0;
	}
	
	#wrap_staff .staffbox {
		font-size: 100%;
	}
	#wrap_staff .staffbox .ph,
	#wrap_staff .staffbox .txt,
	#wrap_staff .staffbox .prof {
		float: none;
		width: 100%;
		padding: 0;
	}
	#wrap_staff .staffbox .ph {
		margin-bottom: 20px;
	}
	#wrap_staff .staffbox .txt,
	#wrap_staff .staffbox .prof {
		width: 90%;
		margin: 0 auto;
	}
	#wrap_staff .stbox .txt {
		text-align: center;
	}
	
	#wrap_staff .stbox {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 100%;
	}
	
	#wrap_stylelist .stylebox {
		width: 50%;
	}
	#wrap_stylelist .stylebox .ph img {
		height: 250px;
	}
	/*
	#wrap_sty .ph,
	#wrap_sty .txt {
		float: none;
		width: 100%;
	}*/
	.entry-content #wrap_sty .ph ul {
		display: block;
	}
	.entry-content #wrap_sty .ph ul li {
		width: 100%;
		text-align: center;
	}
	.entry-content #wrap_sty .ph ul li img {
		height: 100%;
	}
	
	#prbox {
		margin-bottom: 20px;
		margin-top: 30px;
	}
	body.page #primary #wrap_rec #prbox h2 {
		margin-top: 0;
	}
	#prbox .box_L01,
	#prbox .box_R01 {
		float: none;
		width: 100%;
	}
	body.page #primary #wrap_rec .entrybox h2 {
		margin-top: 20px;
	}
	#wrap_rec #message {
		font-size: 20px;
		text-align: left;
	}
	#wrap_rec .entrybox .telnum {
		font-size: 30px;
		margin-bottom: 0;
	}
	.section-title-area .section-title {
		font-size: 26px;
	}
	
	#wrap_concept .txt {
		font-size: 100%;
	}
	.title01 {
		font-size: 120%;
	}

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

@media screen and (max-width: 600px) {
	#wrap_staff .wrap_st {
		display: block;
	}
	#wrap_staff .stbox {
		width: 100%;
	}
	#top_menu .bnr {
		float: none;
		width: 100%;
	}
	#toppage #top_infoarea .btnarea ul li {
		float: none;
		width: 100%;
	}
	
	.page-header {
		padding: 20px;
	}
	.page-header .entry-title, .page-header .page-title {
		font-size: 30px;
	}

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

@media screen and (max-width: 540px) {
	#top_menu .bnr {
		padding: 0 5px 10px;
	}
	.box4 {
		width: 100%;
		float: none;
	}
	#wrap_rec #message,
	body.page #primary #wrap_rec .entrybox h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#wrap_rec .entrybox .telnum {
		font-size: 26px;
	}
	
	#wrap_stylelist .stylebox {
		width: 100%;
	}
	#wrap_stylelist .stylebox .ph img {
		height: 300px;
	}
	
	body.page #primary h2,
	body.single-style_book #primary h2 {
		font-size: 24px;
		border-radius: 0;
		text-align: left;
	}

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

@media screen and (max-width: 400px) {
	#wrap_stylelist {
		display: block;
	}
	#wrap_stylelist .stylebox {
		width: 100%;
	}
	#wrap_stylelist .stylebox .ph img {
		height: 250px;
	}

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

@media screen and (max-width: 360px) {
	#wrap_staff .staffbox .txt,
	#wrap_staff .staffbox .prof,
	#wrap_staff .stbox .txt {
		width: 100%;
	}

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