@charset "UTF-8";


/* Wide */
@media only screen and (min-width: 1360px) {
	/* #header.trigger .logo {
		width: 18%;
		padding: 8px 0;
	}

	#header.trigger .box a {
		font-size: .75rem;
		padding: 10px 0;
	} */




}


/* Ipad PRO */
@media only screen and (max-width: 1024px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	.inner {
		width: 90%;
	}

	#header {
		box-shadow: none;
		width: 100%;
		height: auto;
		padding: 30px 0;
		text-align: center;
		background: #f6f6f6;
	}

	.h__logo {
		position: initial;
	}

	#header #spNav {
		top: 16px;
		right: 20px;
	}

	#mv .mainTxt {
		width: 40%;
	}

	#pageTop .box {
		top: 200px;
	}

	#burger {
		position: absolute;
    top: 0px;
    left: 10px;
		z-index: 100000;
	}

	.twocolum {
		margin-left: 0;
	}

	/* #header.trigger #spNav {
		top: 15px;
	} */

	.about__subttl {
		font-size: 2.1rem;
	}

	.show .menu__box {
		width: 40vw;
    max-width: 400px;
	}

	.show #menu ul .menu__logo a {
		font-size: 1.6rem;
	}

	.show #menu ul li a {
		font-size: 1.2rem;
		padding: 18px 0;
	}

	.menu__icon {
		width: 30px;
	}

	.h__sns {
		display: none;
	}
	


}


/* Ipad */
@media only screen and (max-width: 768px) {

	.inner {
		width: 90%;
	}

	#header #spMenu a {
		font-size: 2.4rem;
	}

	#pageTop .box {
		top: 160px;
	}

	#pageTop .ttl {
		font-size: 4rem;
	}

	#footer .box {
		padding: 12px 0;
	}

	.modanA .floatArea .floatBox {
		width: 60%;
		padding: 40px 40px 50px;
		top: 100px;
	}

	.modanA .floatArea .h4Ttl {
		font-size: 1.8rem;
	}

	#spot {
		padding: 40px 0 50px;
	}

	#spot .h4Ttl {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.modanA .twoColumA .fxR {
		padding: 20px;
	}

	.modanA .twoColumA .h3Ttl {
		font-size: 1.4rem;
	}

	.modanA .twoColumA .desc {
		font-size: .7rem;
	}

	#service {
		padding: 0px 0 100px;
	}

	#price .tabBtn {
		min-width: 40%;
	}

	#price {
		padding: 0px 0 100px;
	}

	#teacher .list .person {
		padding: 0 10px;
	}

	#teacher {
		padding: 0px 0 100px;
	}

	#footer .fLogo {
		width: 46%;
	}

	.concept__box {
		padding: 140px 0;
		width: 100%;
	}

	.about__box {
		padding: 140px 0 0;
	}

	.about__ttl {
		font-size: 1.6rem;
	}

	.about__fx2 {
		width: 50%;
	}

	.about__box2 {
		margin: 0px auto 140px;
	}

	.gallery__area {
		padding: 40px 0 50px;
	}

	.contact__area {
		padding: 40px 0 50px;
	}

	.media__box {
		padding: 40px 0 50px;
	}

	.contact__box {
		padding: 40px 30px;
	}

	.galleryBox li:nth-child(10n+1) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+2) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+3) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+4) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+5) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+6) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+7) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+8) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n+9) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(10n) {
		width: auto;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(2n+1) {
		width: 49%;
		-webkit-flex-basis: 49%;
		-ms-flex-preferred-size: 49%;
		flex-basis: 49%;
		box-sizing: border-box;
	}

	.galleryBox li:nth-child(2n) {
		width: 49%;
		-webkit-flex-basis: 49%;
		-ms-flex-preferred-size: 49%;
		flex-basis: 49%;
		box-sizing: border-box;
	}

	.galleryBox li img {
		height: 252px;
	}

	.galleryBox li {
		margin-bottom: 12px;
	}

	.h__box {
		width: 94%;
	}

	.manu__sns {
		width: 38%;
	}

	.about__subttl {
		font-size: 2rem;
	}

	.booking .btn {
		width: 50%;
	}

	#header {
		padding: 24px 0;
	}


}


/* Iphone */
@media only screen and (max-width: 600px) {

	/* ------------  COMMON START ------------ */
	.onlySp {
		display: block !important;
	}

	.exceptSp {
		display: none !important;
	}

	#header #spNav {
		right: 14px;
		top: 14px;
	}

	#header #spMenu a {
		font-size: 1.6rem;
	}

	#header #spMenu a {
		padding: 1% 0;
	}

	#mv img.main {
		object-fit: cover;
		min-height: 80vh;
	}

	#main {
		padding: 20px 0 200px;
	}

	.cmn__ttl {
		font-size: 1.5rem;
	}

	.start p {
		width: 120px;
	}

	#mv .mainTxt {
		width: 64%;
	}

	#header #spMenu a {
		font-size: 1.3rem;
	}

	#header #spNav .toggle i {
		height: 1px;
	}

	#header #spNav {
		top: 16px;
	}

	#header #spNav .toggle {
		height: 1.1rem;
	}

	#header.show .toggle i:nth-child(3) {
		transform: translateY(-7px) rotate(45deg);
		-webkit-transform: translateY(-7px) rotate(45deg);
	}

	#pageTop .ttl {
		font-size: 2.4rem;
	}

	#pageTop .box {
		top: 120px;
	}

	#pageTop .ttl .jp {
		font-size: 1rem;
	}

	#pageTop {
		padding: 80px 0 20px;
	}

	.footer__copy {
		font-size: .6rem;
	}

	#page .h3Ttl {
		font-size: 1.3rem;
	}

	#page .desc {
		padding: 10px;
		line-height: 1.7;
	}

	#page .h4Ttl {
		font-size: 1rem;
	}

	.twoColumA.type2 .single {
		width: 100%;
	}

	.mainArea .pageTxt {
		font-size: 1.6rem;
	}

	.mainArea .pageTxt span {
		font-size: .7rem;
	}

	/* ------------  COMMON END ------------ */

	.h__logo {
		font-size: 1.1rem;
	}


	/* #header.trigger {
		min-height: 44px;
	} */

	#mv .pageTxt {
		width: 70%;
	}

	.modanA .ttl {
		font-size: 1.7rem;
	}

	.modanA .floatArea .floatBox {
		width: 80%;
	}

	.modanA .floatArea .h4Ttl {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}

	.modanA .floatArea .floatBox {
		padding: 20px 20px 30px;
		top: 80px;
	}

	.modanA .floatArea .desc {
		font-size: .7rem;
	}

	#about {
		padding: 120px 0 240px;
	}

	#spot .desc {
		width: 100%;
		font-size: .7rem;
	}

	#spot .h4Ttl {
		font-size: 1.5rem;
	}

	#news .box {
		width: 100%;
	}

	#news .fx1 {
		width: 100%;
		margin-bottom: 4px;
	}

	#news li span:first-child {
		margin-right: 20px;
	}

	#news .fx2 {
		width: 100%;
	}

	#news {
		padding: 80px 0;
	}

	.modanA .twoColumA .fxL {
		width: 100%;
	}

	.modanA .twoColumA .fxR {
		width: 100%;
	}

	#service {
		padding: 0px 0 80px;
	}

	#price .tabBtn {
		font-size: .8rem;
	}

	#price .tabArea.active {
		padding: 20px;
	}

	#price .tableArea1 th {
		font-size: .7rem;
	}

	#price .tableArea1 td {
		font-size: .7rem;
	}

	#price .tableArea1:first-child {
		margin-bottom: 30px;
	}

	#price .caution {
		margin: 10px 0;
		font-size: .75rem;
	}

	#price .map {
		width: 80%;
		margin: 0 auto 30px;
	}

	#price .btn a {
		font-size: .8rem;
		width: 100%;
	}

	#teacher .list {
		width: 100%;
		padding: 40px 0;
	}

	#teacher .list .person {
		width: 33%;
		padding: 0 4px;
	}

	#galleryBtn a {
		font-size: .8rem;
	}

	#teacher .list .person p {
		font-size: .7rem;
	}

	#page .pageMain {
		height: 26vh;
	}

	#page .pageMain .pageTtl {
		font-size: 1.6rem;
	}

	#galleryBtn a img {
		left: 0px;
		right: 0px;
	}

	.h__btn li:last-child a {
		font-size: .7rem;
		padding: 10px;
	}

	.about__fx1 {
		width: 100%;
		margin-bottom: 30px;
	}

	.about__fx2 {
		width: 100%;
	}

	.about__ttl {
		font-size: 1.4rem;
	}

	.about__box2 {
		margin: 0px auto 80px;
	}

	.about__img {
		padding-bottom: 100px;
	}

	.about__subttl {
		text-align: left;
	}

	.about__box2 .about__desc {
		text-align: left;
	}

	.concept__ttl {
		font-size: 1.3rem;
	}

	.concept__ttl span {
		font-size: .8rem;
	}

	.about__ttl {
		font-size: 1.5rem;
	}

	.concept__desc {
		font-size: .53rem;
	}

	.about__desc {
		font-size: .6rem;
		margin-bottom: 20px;
	}

	.about__box {
		padding: 100px 0 0;
	}

	.about__img {
		margin-top: 50px;
	}

	.contact__ttl {
		font-size: 1.5rem;
	}

	.contact__desc {
		font-size: .7rem;
	}

	#gallery {
		padding-bottom: 20px;
	}

	#contact {
		padding-bottom: 20px;
	}

	#media {
		padding-bottom: 20px;
	}

	.booking .btn {
		width: 100%;
		padding: 12px;
	}

	#popupContents h3 {
		margin-top: 28px;
		margin-bottom: 6px;
	}

	.social {
		display: block;
		margin-top: 8px;
	}

	.subheadline {
		font-size: .7rem;
		font-weight: lighter;
		letter-spacing: .05em;
	}

.show .menu__box {
	width: 70vw;
}

.show #menu ul li a {
	        font-size: .9rem;
        padding: 14px 0;
}

.manu__sns {
	width: 30%;
}

.show #menu ul .menu__logo a {
	font-size: 1.2rem;
}

.h__btn li:last-child a {
	border: none;
	padding: 0;
}

.h__btn img {
	max-width: 26px;
}

.blog__sigle {
	width: 80%;
	margin: 0 auto 30px;
}

.page-about .box2:nth-child(2n-1) {
	flex-direction: initial;
}

.page-about .box2 .fx1 {
	width: 90%;
	margin: 0 auto 60px;
}

.page-about .box2 .fx2 {
	width: 90%;
	margin: 0 auto 30px;
}

.bread {
	margin-bottom: 40px;
}

.bread__box {
	width: 90%;
}

.h__box {
	width: 90%;
}

.page-class .box2 .fx2 {
	width: 100%;
	margin-bottom: 20px;
}

.page-class .box2 .fx1 {
	width: 100%;
}

.page-class .box2 .desc a {
	width: 100%;
}

.page-class.v2 .box2 .fx2 {
	width: 80%;
}

.page-class.v2 .box2 .fx1 {
	width: 100%;
}

.page #blog .inner {
	width: 90%;
}

#blog.single .blog__ttl {
	font-size: 1.5rem;
}

.blog__box {
	width: 90%;
}

.user__info {
	width: 100%;
	text-align: center;
}

.user__img {
	    width: 100px;
    margin: 0 auto 6px;
}

#blog.single .blog__desc {
	text-align: left;
}

.bread__box ul li {
	font-size: .7rem;
}

.user__sns {
	    width: 18%;
    margin: 10px auto;
		justify-content: space-between;
}

.user__sns li {
	margin-right: 0;
}

#page-contact .h2Ttl {
	    font-size: 2rem;
    margin-bottom: 4px;
}

.menu__icon {
	width: 24px;
}

.lum-lightbox {
	left: 0;
	z-index: 1001;
}

.lum-close-button {
	right: 50px !important;
}

.about__subttl {
	font-size: 1.8rem;
}

#blog .media__single {
	width: 100%;
}

.contact__box {
	width: 100%;
}




}