@charset "utf-8";

/*font*/
nav,
li,
h1,
h2,
h3,
p,
div,
section {
	font-family: 'Open Sans', sans-serif font-family: 'M PLUS 1p', sans-serif;
}

p.kome {
	color: red;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


.wrapper {
	clear: both;
	padding 0;
	position: relative;
	background-color: #eee;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

body {
	background-color: #eee;
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
	background-color: rgba(150, 19, 84, 0.65);
}

/*矢印*/



#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #ef3f98;
	opacity: 0.6;
}

#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_top a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f062';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


/*footer area start*/

footer {
	background-color: #666;
	color: #fff;
	height: 80px;
	clear: both;
}

footer small {
	font-size: 0.625em;
	padding-top: 40px;
	display: block;

}

footer div.cpy {
	text-align: center;
}

footer div.foot li {
	font-size: 0.8em;
	color: #fff;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	display: inline-block;
}

div.foot ul {
	padding-right: 80px;
}

/*footer end*/
/*start menu part*/

*,
*:before,
*:after {

	box-sizing: border-box;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

#home {
	color: #c8c8c8;
	font-weight: 600;
}

#home:hover {
	color: #fff;
}


.cp_cont {
	/*	height: 65vh;*/
}

/* menu */
.cp_offcm03 {
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	overflow: auto;
	height: auto;
	padding-top: 0;
	-webkit-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	text-align: center;
	color: #fff;
	background-color: rgba(150, 19, 84, 0.65);
}

.cp_offcm03 nav,
	{
	height: auto;
}

.cp_offcm03 li {
	display: inline-block;
	margin-right: -6px;
	border: none;
}

.cp_offcm03 a {
	display: block;
	padding: 1.5vw 1vw;
	-webkit-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	font-size: 1.5vw;
}

.cp_offcm03 a:hover {
	background-color: rgba(150, 19, 84, 0.65);
}

/* menu toggle */
#cp_toggle03 {
	display: none;
}

#cp_toggle03:checked ~ .cp_offcm03 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

#cp_toggle03:checked ~ .cp_container {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.cp_mobilebar {
	display: none;
}

/* content */
.cp_container {
	position: relative;
	top: 0;
	padding: 35px auto;
	-webkit-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
}



/*index.html start*/
#index {
	background-color: #eee;
}

#index .cp_container {
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	background-image: url(../images/top3.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	padding-top: 15vh;
	padding-left: 2em;
	padding-bottom: 2vh;
	color: #fff;
}

#index .cp_container h1 {
	color: #eee;
	font-size: 3.5vw;
	/*	padding-top: 20vh;*/
	padding-bottom: 0.75em;
	line-height: 1.2em;
}


#index .cp_container p {
	color: #fff;
	font-size: 1.3vw;
	line-height: 2.5vw;
	padding-bottom: 8vw;

}

#index h2 {
	margin-top: 10px;
	font-size: 1.5vw;
}

div.sub {
	clear: both;
	width: 100%;
}

section.sub1 {
	text-align: center;
	color: #eb4f83;
	font-size: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}



div.banner {
	width: 100%;
	margin: 5px auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

section.b1 img {
	width: 25vw;

}

/*#index end*/


/*about page*/
#about .wrapper {
	clear: both;
	background-color: #eee;
	padding: 0;
	position: relative;

}

div.main-center,
section.profile1,
section.profile2 {
	width: 60%;
	margin: 0 auto 20px;
	overflow: hidden;
}

p.text1,
p.text2 {
	text-align: justify;
}

section.prof3 {

	width: 70%;
	margin: 30px auto 0;
	padding: 20px auto;
	text-align: center;
}



#about .wrapper h1 {
	font-size: 1.3em;
	border-bottom: 1px solid #eb4f83;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	color: #000;
}

#about h3.name {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5;
}

#about .wrapper p {
	font-size: 0.75em;
	line-height: 2;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #000;

}

p.text1 img {
	float: left;
	margin-right: 10px;
}

p.text2 img {
	float: right;
	margin-left: 10px;
}

section.prof1 p {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: justify;
}

section.prof1 {
	height: 13em;
}


section.profile1 figure {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}



span.ename {
	color: #eb4f83;
	font-size: 0.9em;
	margin-left: 10px;
}



div.content {
	background-image: url(../images/bg-pink.jpg);
	background-repeat: no-repeat;
	background-color: #eee;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 50px;
}


section.about1 h2 {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5;

}


div.content2 {
	background-color: #eee;
	background-size: 100% auto;
}

div.content3 {
	padding: 40px auto 0;
	background-image: url(../images/bg-pink.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: auto;
	width: 100%;
}

section.profile1 h3.name {
	margin-top: 10px;
	font-size: 0.875em;
	line-height: 1;
}

section.profile1 h2 {
	font-size: 1.2em;
	padding-left: 10px;
	vertical-align: center;
	color: #eb4f83;
	border-left: solid 1px #eb4f83;
	border-bottom: solid 2px #eb4f83;
}

/*teacher 3 */
.parent {
	display: flex;
}

.child {
	width: 33.3%;
	margin: 30px 10px 10px;

}


/*about end*/

/*studio, gallery page*/
div.class-s {
	background-size: 100% auto;
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 0;
}

div.content-s {
	padding-top: 20px;
	width: 1500px;
	margin: 0 auto 30px;
	overflow: hidden;
}

div.cp_studio,
div.cp_gallery {
	background-color: #eee;
}

div.content-s p {
	color: #000;
}

h1.ss {
	font-size: 1.3em;
	padding-top: 2%;
	padding-left: 20%;
	padding-bottom: 0.875em;
	color: #fff;
}

div#shinjuku {
	padding-top: 50px;
	padding-bottom: 0;
	height: 40vh;
	background-image: url(../images/studios-top2-l.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
}

div#nagasaka {
	padding-top: 50px;
	padding-bottom: 0;
	height: 40vh;
	background-image: url(../images/studion-top2-l.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
}

div#photo {
	padding-top: 50px;
	padding-bottom: 0;
	height: 40vh;
	background-image: url(../images/gallery-top2-l.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
}

p.ps,
p {
	color: #fff;
	padding-left: 20%;
	line-height: 0.5;
	margin-top: 0.2em;
	font-size: 0.875em;
}

#studio .wrapper p {
	font-size: 0.75em;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 10px;
}


div#studio .wrapper h2 {
	font-size: 1em;
	color: #eb4f83;
	line-height: 1.2;
}

#studio .wrapper h3 {
	font-size: 1em;
	color: #eb4f83;
	line-height: 1.2;
	border-bottom: 1px dotted #eb4f83;
}

#studio h2.a,
section.level h2.a {
	border-left: 20px solid #fed96f;
	border-bottom: 1px solid #fed96f;

	padding-left: 10px;
}

#studio h2.b,
section.level h2.b {
	border-left: 20px solid #f6b86f;
	border-bottom: 1px solid #f6b86f;
	padding-left: 10px;
}

#studio h2.c,
section.level h2.c {
	border-left: 20px solid #de8ac9;
	border-bottom: 1px solid #de8ac9;

	padding-left: 10px;
}

#studio h2.d,
section.level h2.d {
	border-left: 20px solid #f46b78;
	border-bottom: 1px solid #f46b78;
	padding-left: 10px;
}

#studio h2.e {
	border-left: 20px solid #7691b5;
	border-bottom: 1px solid #7691b5;
	padding-left: 10px;
}

#studio h2.f {
	border-left: 20px solid #84dab2;
	border-bottom: 1px solid #84dab2;
	padding-left: 10px;
}



section.level {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 10px 20px;
	margin: 20px 0;
	border: 3px solid pink;
	border-top: none;
	border-right: none;
}

section.level p.d1,
p.d2 {
	color: #000;
}

p.add {
	text-align: center;
	line-height: 1.5em;
	color: #000;
}

p.add3 {
	text-align: right;
	font-size: 0.75em;
	color: #7691b5
}


#studio .address,
#index div.cnt_button,
#shinjuku div.cnt_button,
#nagasaka div.cnt_button,
#contact div.cntct_button {
	width: 640px;
	margin: 10px auto;
	overflow: hidden;
	text-align: center;
}

section.access p,
section.address p {
	line-height: 1.5em;
	color: #000;
}


section.access {
	width: 350px;
	margin: 0 auto;
	text-align: left;

}

section.map {
	width: 640px;
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: center;
}

div.cnt_button,
div.cntct_button {
	max-width: 250px;
	background-color: #eb4f83;
	font-size: 0.75em;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 8px;
	margin: 10px auto;
	border-radius: 10px;
	border-bottom: 4px solid #631010;
	line-height: 1.5em;
	text-align: center;
}


/*studio page end*/

/*gallery pagenation start*/
.nav-links {
	padding: 0.75em;
	display: flex;
	justify-content: center;

}

a.page-numbers,
span.page-numbers current {

	width: 20px;
	height: 20px;
	margin: 2px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #de8ac9;
}

a.page-numbers:hover {
	background: #de8ac9;
	color: #eee;
	border-radius: 100%;
	font-size: 14px;
}

.current {
	background: #de8ac9;
	width: 20px;
	height: 20px;
	margin: 2px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #eee;
	border-radius: 100%;
}

.dots {
	background: none;
}

/*gallery pagenation end*/

/*gallery flex*/

div.box1 {
	width: 80%;
	height: 150px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

span.openclose {
	text-align: right;
}

a.btn-gradation {
	display: inline-block;
	text-align: right;
	background-image: linear-gradient(#eaeaea 0%, #c6c6c6 100%);
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #a5a5a5;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	padding: 6px;
	border-radius: 4px;
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 10px;
}

a.btn-gradation:hover {
	opacity: 0.8;
}

span.yr2 {
	color: #fff;
}

div.midashi img.sum1 {
	width: 70%;
	padding-right: 10px;
	padding-bottom: 10px;
}


div.midashi {
	width: 40%;
	margin: 20px auto 30px;
	border-bottom: 10px solid #333;
	border-left: 10px solid #798ba5;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #798ba5;
}

span.yr {
	font-size: 1.8em;
	color: #fff;
	font-style: italic
}

img.s-img {
	width: 16em;
	overflow: hidden;
}

img.s-img:hover {
	transform: scale(1.5, 1.5);
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.7s;
}

/*gallery flex end*/


/*contact, faq page start*/
div.cnt {
	width: 60%;
	margin: 50px auto 50px;
	padding: 20px 10px 20px;
}

div.cntct {
	width: 60%;
	margin: 50px auto 50px;
	padding: 20px 10px 20px;
}

#contact h1 {
	font-size: 1.3em;
	border-bottom: 1px solid #eb4f83;
	line-height: 1.5em;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	color: #000;
}

p.question {
	font-size: 0.875em;
	color: #687a94;
	margin-top: 10px;
	line-height: 1.5em;
}

p.answer {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 0.875em;
	color: #eb4f83;
	line-height: 1.5em;
}

p.question a:hover {
	color: #eb4f83;
}

div.qa {
	margin-top: 10px;
	padding: 10px 10px;
}

div.faq h2 img {
	vertical-align: middle;
}

h2.icon1 {
	margin-top: 10px;
	font-size: 1.1em;
	height: 6vh;
	margin-bottom: 10px;
	background-color: #f9e09a;
}

h2.icon2 {
	margin-top: 10px;
	font-size: 1.1em;
	height: 6vh;
	margin-bottom: 10px;
	background-color: #f9e09a;
}

h2.icon3 {
	margin-top: 10px;
	font-size: 1.1em;
	height: 6vh;
	margin-bottom: 10px;
	background-color: #f9e09a;
}

/*contact start*/

div.cntct h1 {
	margin-top: 0;
}

div.taiken {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}

div.taiken h2 {
	padding: 10px auto 5px;
	color: #eb4f83;

}

img.y1 {
	float: left;
	padding-right: 10px;
}

img.y2 {
	float: right;
	padding-left: 10px;

}

div.taiken p {
	padding-top: 10px;
	line-height: 1.2em;
	font-size: 0.875em;
	color: #222;
}

div.cform {
	margin: 10px auto;
	width: 100%;
}



/*contact. faq page end*/

/*toddler page start*/

div.todd {
	background-color: #fff;
}


/*toddler page end*/
/*------------------タブレットサイト用-----------*/
@media (max-width: 1024px) {

	/*	トップバナー*/
	#index .cp_content h1 {
		color: #eee;
		font-size: 3.5vw;
		padding-top: 4vh;
		padding-bottom: 0.75em;
		line-height: 1.2em;
	}

	#index .cp_content p {
		color: #fff;
		font-size: 1.3vw;
		line-height: 2.5vw;
		padding-bottom: 8vw;

	}

	/*	トップバナー*/
	div#shinjuku {
		background-image: url(../images/studios-top-m.jpg);
		background-repeat: no-repeat;
		background-attachment: inherit;
		background-size: 100% auto;
		height: 14em;
	}

	div#nagasaka {
		background-image: url(../images/studion-top-m.jpg);
		background-repeat: no-repeat;
		background-attachment: inherit;
		background-size: 100% auto;
		height: 14em;

	}

	div#photo {
		background-image: url(../images/gallery-top-m.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% auto;
		height: 14em;
	}

	/*gallery 写真*/
	img.s-img {
		width: 25vw;
		transition: 0.7s;
		display: block;
	}

	/*------------------スマホサイト用-----------*/
	@media (max-width: 767px) {

		/* menu-iphone */
		.cp_offcm03 {
			position: fixed;
			left: -150px;
			overflow-y: hidden;
			width: 150px;
			height: 100%;
			padding-top: 43px;
			color: #fff;
			background-color: rgba(150, 19, 84, 0.5);
			font-size: 4vw;
			text-align: justify;
			padding-left: 0;
			font-size: 2.5vw
		}

		.cp_offcm03 nav {
			background: rgba(150, 19, 84, 0.5);
		}

		.cp_offcm03 li {
			display: block;
			margin-right: 0;
			border-bottom: 1px solid #eee;
		}

		.cp_offcm03 a {
			padding: 15px 10px;
			font-size: 1rem
		}

		/* menu toggle-iphone */
		#home {
			color: #c8c8c8;
			font-weight: 800;
		}

		#home:hover {
			color: #fff;
		}


		.cp_mobilebar {
			display: block;
			z-index: 10;
			position: fixed;
			top: 0;
			left: 0;
			padding: 20px 20px;
			width: 100%;
			height: 35px;
			background-color: rgba(150, 19, 84, 0.65);
		}

		.cp_menuicon {
			display: block;
			position: relative;
			width: 20px;
			height: 100%;
			cursor: pointer !important;
			-webkit-transition: transform .3s ease-in;
			transition: transform .3s ease-in;

		}

		.cp_menuicon > span {
			display: block;
			position: absolute;
			top: 55%;
			margin-top: -0.3em;
			width: 100%;
			height: 0.1em;
			border-radius: 1px;
			background-color: #eee;
			-webkit-transition: transform .3s ease;
			transition: transform .3s ease;

		}

		.cp_menuicon > span:before,
		.cp_menuicon > span:after {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 1px;
			background-color: #eee;
			-webkit-transition: transform .3s ease-in;
			transition: transform .3s ease-in;
		}

		.cp_menuicon > span:before {
			-webkit-transform: translateY(-0.6em);
			transform: translateY(-0.6em);
		}

		.cp_menuicon > span:after {
			-webkit-transform: translateY(0.6em);
			transform: translateY(0.6em);
		}

		#cp_toggle03:checked + .cp_mobilebar .cp_menuicon {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		#cp_toggle03:checked + .cp_mobilebar span:before,
		#cp_toggle03:checked + .cp_mobilebar span:after {
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		#cp_toggle03:checked ~ .cp_offcm03 {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
		}

		#cp_toggle03:checked ~ .cp_container {
			-webkit-transform: translateX(150px);
			transform: translateX(150px);
		}

		/*	スクロール矢印*/

		#page_top {
			width: 50px;
			height: 50px;
			position: fixed;
			right: 0;
			bottom: 0;
			background: #ef3f98;
			opacity: 0.6;
		}

		#page_top a {
			position: relative;
			display: block;
			width: 50px;
			height: 50px;
			text-decoration: none;
		}


		#page_top a::before {
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			content: '\f062';
			font-size: 25px;
			color: #fff;
			position: absolute;
			width: 25px;
			height: 25px;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: auto;
			text-align: center;
		}


		/*矢印end*/

		/* index-iphone  */

		#index .cp_container {
			margin: 0 auto;
			padding: 20px;
			text-align: left;
			background-image: url(../images/top3.jpg);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: 100% auto;
			padding-top: 6.5vh;
			padding-left: 2em;
			padding-bottom: 2vh;
			color: #fff;
		}

		#index .cp_container h1 {
			color: #eee;
			font-size: 1em;
			/*	padding-top: 20vh;*/
			padding-bottom: 0.75em;
			line-height: 1.25em;
		}


		#index .cp_container p {
			color: #fff;
			font-size: 0.35em;
			line-height: 1.5vh;
			padding-bottom: 3vh;

		}

		#index h2 {
			margin-top: 10px;
			font-size: 0.7em;
		}


		div.sub {
			clear: both;
			background-color: #eee;

		}

		.sub1 {
			text-align: center;
			color: #eb4f83;
			font-size: 1.5em;
			padding-bottom: 10px;
			margin: 0;
			background-color: #eee;
		}

		div.sub img {
			width: 100%;
			padding-bottom: 5%;
		}




		/*about-iphone page*/
		#about .wrapper {
			clear: both;
			background-color: #eee;
			padding: 0;
			height: auto;
		}

		div.main-center,
		section.profile1,
		section.profile2 {
			width: 85%;
			margin: 0 auto;
			overflow: hidden;
			margin-bottom: 5px;

		}


		p.text1,
		p.text2 {
			text-align: justify;
		}

		section.prof3 {
			width: 95%;
			margin: 30px 10px 0;
			padding: 20px 0;
			text-align: center;
		}



		#about .wrapper h1 {
			font-size: 1.3em;
			border-bottom: 1px solid #eb4f83;
			line-height: 1;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-top: 10px;
		}

		section.about1 h2 {
			font-size: 1em;
			line-height: 1.5;
			padding-top: 10px;
			padding-bottom: 10px;

		}

		/*	#about h2,*/
		.prof3 h3.name {
			font-size: 1em;
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 1.5;
			text-align: center;
		}

		#about .wrapper p {
			font-size: 0.75em;
			line-height: 2;
			padding-top: 5px;
			padding-bottom: 10px;
			text-align: justify;
		}

		.t-name {
			text-align: center;
		}

		figure {
			text-align: center;
		}

		section.prof1 p {
			padding-bottom: 20px;
			padding-top: 20px;
			text-align: justify;

		}

		section.profile1 section.prof1 {
			min-height: 45.5vh;
		}

		.ename {
			color: #eb4f83;
			font-size: 0.9em;
			margin-left: 10px;
		}


		div.content {
			background-image: url(../images/bg-pink.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-attachment: fixed;
			background-size: auto;

		}


		div.content2 {
			background-color: #eee;

		}


		div.content3 {
			background-image: url(../images/bg-pink.jpg);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: auto;


		}

		.profile1 h3.name {
			font-size: 0.875em;
			line-height: 1;
		}

		section.profile1 h2 {
			font-size: 1.2em;
			padding-left: 10px;

			vertical-align: center;
			color: #eb4f83;
			border-left: solid 1px #eb4f83;
			border-bottom: solid 2px #eb4f83;
		}



		p.text1 img {
			float: left;
			padding-right: 10px;
			padding-bottom: 10px;
		}

		p.text2 img {
			float: right;
			padding-left: 10px;
			padding-top: 10px;
			align-items: baseline;
		}

		/*写真部分*/
		.parent {
			display: block;
			align-content: center;
		}

		.child {
			/*		background: lightgreen;*/
			width: 90%;
			margin: 10px;
			padding: 10px;

		}

		/*	about-iphon end*/

		body {
			background-color: #eee;
		}

		div.class-s {
			padding-left: 5%;
			padding-right: 5%;
			margin-top: 0;
		}


		div.content-s {
			padding-top: 10px;
			width: 100%;
			text-align: center;
		}


		div.content-s p {
			color: #000;
		}

		h1.ss {
			font-size: 1.1em;
			padding: 1.5em 10% 5%;
			color: #fff;

		}


		div#shinjuku {
			background-image: url(../images/studios-top-s.jpg);
			background-repeat: no-repeat;
			background-attachment: inherit;
			background-size: 100% auto;
			height: 17em;
		}

		div#nagasaka {
			background-image: url(../images/studion-top-s.jpg);
			background-repeat: no-repeat;
			background-attachment: inherit;
			background-size: 100% auto;
			height: 17em;

		}

		div#photo {
			background-image: url(../images/gallery-top-s.jpg);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: 100% auto;
			height: 17em;
		}

		p.ps {
			color: #fff;
			padding: 5% 10% 5%;
			font-size: 0.7em;
			text-align: justify;

		}

		#studio .wrapper p {
			font-size: 0.75em;
			line-height: 1.5em;
			padding-top: 5px;
			padding-bottom: 10px;
		}

		#studio .wrapper h2 {
			font-size: 1em;
			color: #eb4f83;
			line-height: 1.2;
		}

		#studio .wrapper h3 {
			font-size: 0.875em;
			color: #eb4f83;
			line-height: 1.2;
			border-bottom: 1px dotted #eb4f83;
			width: 90%;
			padding-left: 10px;
		}

		#studio h2.a,
		section.level h2.a {
			border-left: 20px solid #dbde82;
			border-bottom: 1px solid #dbde82;

			padding-left: 10px;
		}

		#studio h2.b,
		section.level h2.b {
			border-left: 20px solid #f6b86f;
			border-bottom: 1px solid #f6b86f;
			padding-left: 10px;
		}

		#studio h2.c,
		section.level h2.c {
			border-left: 20px solid #de8ac9;
			border-bottom: 1px solid #de8ac9;

			padding-left: 10px;
		}

		#studio h2.d,
		section.level h2.d {
			border-left: 20px solid #f46b78;
			border-bottom: 1px solid #f46b78;
			padding-left: 10px;
		}

		#studio h2.e {
			border-left: 20px solid #7691b5;
			border-bottom: 1px solid #7691b5;
			padding-left: 10px;
		}

		#studio h2.f {
			border-left: 20px solid #84dab2;
			border-bottom: 1px solid #84dab2;
			padding-left: 10px;
		}

		section.level {
			background-color: rgba(255, 255, 255, 0.95);
			padding: 10px 10px;
			margin: 20px 0;
			border: 3px solid pink;
			border-top: none;
			border-right: none;
		}

		section.level p.d1,
		p.d2 {
			color: #000;
			width: 100%;
		}

		p.add {
			text-align: left;
			line-height: 1.5em;
			color: #000;
			width: 100%;

		}

		p.add3 {
			text-align: right;
			font-size: 0.75em;
			color: #7691b5
		}


		div.content-s p.add2 {
			text-align: center;
			line-height: 1.5em;
			color: #000;
			width: 100%;
			padding-left: 10%;
			padding-right: 10%;
		}

		/*	section.address,*/



		div.cntct_button {
			width: 70%;
			margin: auto 30px;
			overflow: hidden;
			text-align: center;

		}

		h2.sugi {
			line-height: 1.5em;
			color: #000;
			width: 100vw;
			padding: 10px auto 10px;

		}


		p.jusho {
			text-align: center;
			line-height: 1.5em;
			color: #000;
			width: 100vw;
			padding: 10px auto 10px;
		}



		section.access p {
			line-height: 1.5em;
			color: #000;
			width: 90%;
			padding: 5% auto 5%;
		}



		section.access {
			margin: 0 auto;
			text-align: left;
			width: 90%;
		}

		section.map {
			width: 90%;
			margin: 0 auto 30px;
			overflow: hidden;
			text-align: center;
		}

		div.cnt_button {
			max-width: 250px;
			background-color: #eb4f83;
			font-size: 0.7em;
			color: #fff;
			text-decoration: none;
			font-weight: normal;
			padding: 5px 8px;
			margin: 10px auto;
			border-radius: 10px;
			border-bottom: 4px solid #631010;
			line-height: 1.5em;
		}


		/*studio-iphone page end*/

		/*gallery iphone*/

		div.box1 {
			width: 95%;
			height: 200px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			box-sizing: border-box;

			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;

			/*
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
*/
		}


		h3.caption {
			font-size: 0.5em;

		}

		/*
	a.year {
		color: #fff;
		font-size: 0.75em;
		width: 100%;
		margin-left: 10%;
		text-align: top;
		line-height: 1em
	}
*/

		span.openclose {
			text-align: right;
		}

		a.btn-gradation {
			display: inline-block;
			text-align: right;
			background-image: linear-gradient(#eaeaea 0%, #c6c6c6 100%);
			box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
			/*		color: #666;*/
			color: #a5a5a5;
			font-size: 16px;
			text-decoration: none;
			font-weight: bold;
			text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
			padding: 6px;
			border-radius: 4px;
			font-size: 16px;
			margin-left: 50px;
			margin-bottom: 10px;
		}

		a.btn-gradation:hover {
			opacity: 0.8;
		}

		span.yr2 {
			color: #fff;
		}

		div.midashi img.sum1 {
			height: 100%;
			width: 90%;
		}



		div.midashi {
			width: 90%;
			margin: 20px auto 20px;
			border-bottom: 10px solid #333;
			border-left: 10px solid #798ba5;
			border-top: 1px solid #999;
			border-right: 1px solid #999;
			background-color: #687a94
		}

		img.sum {
			width: 80%;
		}



		section.photos {

			cursor: pointer;
		}


		img.s-img {
			width: 30vw;
			transition: 0.7s;
			display: block;

		}


		img.s-img:hover {
			transform: scale(2.75, 2.75);
			cursor: pointer;
			overflow: hidden;
			transition-duration: 0.7s;

		}

		/*gallery pagenation start*/
		.nav-links {
			padding: 0.75em;
			display: flex;
			justify-content: center;
			/*	background: #f3f3f3;*/
		}

		a.page-numbers {
			/*		span.page-numbers current */
			width: 20px;
			height: 20px;
			margin: 2px;
			line-height: 20px;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #de8ac9;
		}

		a.page-numbers:hover {
			background: #de8ac9;
			color: #eee;
			border-radius: 100%;
			font-size: 14px;
		}

		.current {
			background: #de8ac9;
			width: 20px;
			height: 20px;
			margin: 2px;
			line-height: 20px;
			text-align: center;
			font-weight: bold;
			font-size: 14px;
			color: #eee;
			border-radius: 100%;
			justify-content: center;
		}

		.dots {
			background: none;
		}

		/*gallery pagenation end*/

		/*gallery iphone end*/

		/*contact start*/

		div.cnt {
			width: 90%;
			margin: 50px auto 50px;
			padding: 5px 10px 20px;
		}

		div.cntct {
			width: 100%;
		}

		div.cntct h1 {
			margin-top: 0;
			font-size: 0.5em;
		}

		div.taiken {
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 20px;
			background-color: #fff;

		}

		div.taiken h2 {
			padding: 10px auto 5px;
			color: #eb4f83;

		}

		img.y1 {
			float: left;
			padding-right: 10px;
		}

		img.y2 {
			float: right;
			padding-left: 10px;
			padding-top: 10px;
		}

		div.taiken p {
			padding-top: 10px;
			line-height: 1.2em;
			font-size: 0.875em;
			color: #222;
		}

		div.cform {
			margin: 10px auto;
			width: 100%;
		}



		/*contact. faq page end*/

		/*footer area start*/

		footer {
			background-color: #666;
			color: #fff;
			height: 100px;
			clear: both;
		}

		footer small {
			font-size: 0.625em;
			padding-top: 50px;
			display: block;

		}

		footer div.cpy {
			text-align: center;
		}

		div.foot {
			width: 80%;
		}

		footer div.foot li {
			font-size: 0.6em;
			color: #fff;
			padding-right: 10px;
			padding-left: 10px;
			padding-top: 20px;
		}

		div.foot ul {
			padding: 0;
		}

		/*footer end*/
		.clearfix:after {
			content: "";
			display: block;
			clear: both;
		}

	}

	/*end menu part*/