/*----------------------------------------
768px以上
------------------------------------------*/

/*pc tableのみ表示*/

.pc_only {
	display: inherit !important;
}


/*smart phone　縦のみ表示*/

.sm_only {
	display: none !important;
}


/*.header_nav ul li {

	margin: 0 0.8rem 0 0.8rem;
}

*/

@media (max-width: 1307px) {}

@media (max-width: 1073px) {
	.pc_only {
		display: none !important;
	}

	.sm_only {
		display: inherit !important;
	}

}


/*----------------------------------------
768px：iPad縦 / iPhone 7/6 Plus横
------------------------------------------*/

@media (max-width: 768px) {
	.pc_only {
		display: none !important;
	}

	.sm_only {
		display: inherit !important;
	}


	.header_logo img {}

	.drawer-hamburger {
		width: 3.5rem;
	}




	.home #first {
		margin-top: calc(100vh * 0.1);
	}

	.home .content-box:before {
		margin: 8vh auto;
	}

	.home #second div {
		width: 100%;
	}
}


/*----------------------------------------
667：iPhone 7/6横
------------------------------------------*/

@media (max-width: 667px) {
	html {
		font-size: 15px;
		font-size: calc(100vw / 60);
	}



	/*margin and padding 60% of basic size*/
	.mt5 {
		margin-top: 3px;
	}

	.mb5 {
		margin-bottom: 3px;
	}

	.mr5 {
		margin-right: 3px;
	}

	.ml5 {
		margin-left: 3px;
	}

	.mt10 {
		margin-top: 6px;
	}

	.mb10 {
		margin-bottom: 6px;
	}

	.mr10 {
		margin-right: 6px;
	}

	.ml10 {
		margin-left: 6px;
	}

	.mt20 {
		margin-top: 12px;
	}

	.mb20 {
		margin-bottom: 12px;
	}

	.mr20 {
		margin-right: 12px;
	}

	.ml20 {
		margin-left: 18px;
	}

	.mt30 {
		margin-top: 18px;
	}

	.mb30 {
		margin-bottom: 18px;
	}

	.mr30 {
		margin-right: 18px;
	}

	.ml30 {
		margin-left: 24px;
	}

	.mt40 {
		margin-top: 24px;
	}

	.mb40 {
		margin-bottom: 24px;
	}

	.mr40 {
		margin-right: 24px;
	}

	.ml40 {
		margin-left: 24px;
	}

	.mt50 {
		margin-top: 30px;
	}

	.mb50 {
		margin-bottom: 30px;
	}

	.mr50 {
		margin-right: 30px;
	}

	.ml50 {
		margin-left: 30px;
	}

	.mt60 {
		margin-top: 36px;
	}

	.mb60 {
		margin-bottom: 36px;
	}

	.mr60 {
		margin-right: 36px;
	}

	.ml60 {
		margin-left: 36px;
	}

	.mt70 {
		margin-top: 42px;
	}

	.mb70 {
		margin-bottom: 42px;
	}

	.mr70 {
		margin-right: 42px;
	}

	.ml70 {
		margin-left: 42px;
	}


	.mt100 {
		margin-top: 60px;
	}

	.mb100 {
		margin-bottom: 60px;
	}

	.mr100 {
		margin-right: 60px;
	}

	.ml100 {
		margin-left: 60px;
	}

	.pt10 {
		padding-top: 6px;
	}

	.pb10 {
		padding-bottom: 6px;
	}

	.pr10 {
		padding-right: 6px;
	}

	.pl10 {
		padding-left: 6px;
	}

	.pt20 {
		padding-top: 12px;
	}

	.pb20 {
		padding-bottom: 12px;
	}

	.pr20 {
		padding-right: 12px;
	}

	.pl20 {
		padding-left: 12px;
	}

	.pt30 {
		padding-top: 18px;
	}

	.pb30 {
		padding-bottom: 18px;
	}

	.pr30 {
		padding-right: 18px;
	}

	.pl30 {
		padding-left: 18px;
	}

	.pt40 {
		padding-top: 18px;
	}

	.pb40 {
		padding-bottom: 18px;
	}

	.pr40 {
		padding-right: 18px;
	}

	.pl40 {
		padding-left: 18px;
	}

	.pt50 {
		padding-top: 30px;
	}

	.pb50 {
		padding-bottom: 30px;
	}

	.pr50 {
		padding-right: 30px;
	}

	.pl50 {
		padding-left: 30px;
	}

	.pc_only {
		display: none !important;
	}

	.sm_only {
		display: inherit !important;
	}



	.header-warpper {
		position: absolute;
		z-index: 100;
	}

	.header_logo img {
		width: 60px;
	}

	.header_logo img {
		padding: 0.75rem 1.5rem;
	}

	.header_nav {
		top: 12px;
		right: 0px;
	}

	.content-wrapper {
		position: relative;
		top: 0;
	}

	.section-wrapper section {
		margin: 0px auto;
	}


	.section-wrapper > section:before {
		font-size: 3rem;
		margin-top: 5rem;
	}

	.section-wrapper section h2 {
		margin-bottom: 1.55rem;
	}




	.footer-wrapper {

		display: inherit;
	}



	.footer-wrapper section {
		width: 100%;
	}

	.footer-wrapper .logo {
		margin: 0 auto;
	}


	.footer-wrapper .logo img {
		width: 5rem;
	}

	.home .content-wrapper {}



	table .title .small {
		display: block;
	}

	.home #first {

		-ms-flex-wrap: wrap-reverse;

		flex-wrap: wrap-reverse;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: calc(100vh * 0.08);
	}

	.home #first figure {
		width: calc(100% / 0);
		margin: 0;
	}

	.home #first h2 {
		margin-bottom: 5rem;
	}

	.home .content-box:before {
		margin: 8vh auto;
	}



	.home #second div {
		width: 100%;
	}

	.home #third {}

	.home #third figure,
	.home #third div {
		width: 100%;
	}
}


/*****ここまで*****/

/*----------------------------------------
568px：iPhone 5/SE横
------------------------------------------*/

@media screen and (max-width: 568px) {
	html {
		font-size: 14px;
		font-size: calc(100vw / 28);
	}

	.header_logo img {
		width: calc(100% / 3);
	}


	.section-wrapper section figure #map {
		width: 100%;
		height: 300px;
		margin: 20px auto;
		border: 6px solid #fff;
	}
}


/*----------------------------------------
480px：iPhone 7/6 Plus縦
------------------------------------------*/

@media screen and (max-width: 480px) {

	.section-wrapper section {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section-wrapper > section > * {
		width: 92%;
		letter-spacing: 0.05rem;
	}


	.table {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}


	.table tr {
		width: 100%;
	}

	.table tr th,
	.table tr td {
		border-bottom: none;
		display: block;
		text-align: left;
		width: initial;
	}

	.table tr th {
		padding: 0.1rem;
		background-color: #eee;
		text-align: center;
	}





	.table tr td {
		padding: 0.4rem 1rem;
	}

	.table tr td ul {
		margin: 0;
		padding: 0 0 0 1rem;
	}

	table .title {
		margin: 1rem auto;
		/*	font-size: 1.15rem;*/
	}

	table .title:after {
		margin-top: 0rem;
		height: 5px;
	}

	/*----footer----*/
	.footer-wrapper > * {
		letter-spacing: 0.05rem;
	}

	.footer-wrapper .info {
		width: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto;
		text-align: center;
	}

	.footer-wrapper .info address {
		font-size: 0.85rem;
		-ms-flex-preferred-size: 100%;
		flex-basis: 71%;
	}



	.footer-wrapper .info .map {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}

	/*.footer-wrapper .info .insta {
			-ms-flex-preferred-size: 5%;
			flex-basis: 5%;
			padding: 0.2rem 0.8rem 0.2rem 0;
		}

		.home .footer-wrapper .info .insta {

			padding: 0.2rem 0.5rem 0.2rem 0;
		}
*/

	.footer-wrapper .info tel,
	.footer-wrapper .info mail,
	.footer-wrapper .info mail a {
		font-size: 1rem;
	}

	.footer-wrapper .info .worktime {
		-ms-flex-preferred-size: 85%;
		flex-basis: 85%;

	}

	.home .footer-wrapper .info .worktime {
		-ms-flex-preferred-size: 96%;
		flex-basis: 96%;
	}


	.footer-wrapper .info .copy {
		font-size: 0.6rem;
	}



	/*----home----*/

	.top_menu .menu_list {
		margin: 0 auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.top_menu .menu_list li {
		padding: 0.35rem 0.5rem;
		margin: 0.5rem;
		min-width: calc(80%/2);
	}

	.top_menu .menu_list li a {
		font-size: 0.9rem;
	}

	.news_set .thumbnails a > img {
		height: 170px;
	}

	/*----photo----*/
	#studio-photo .menu_list,
	#location-photo .menu_list,
	#movie .menu_list {
		margin: 0 auto;
	}

	#studio-photo .menu_list li,
	#location-photo .menu_list li,
	#movie .menu_list li {
		padding: 0.25rem 0.5rem;
		margin: 0.35rem;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		line-height: 1.5;
		/*-ms-flex-preferred-size: 35%;
		flex-basis: 35%;*/
	}

	#studio-photo .menu_list li a,
	#location-photo .menu_list li a,
	#movie .menu_list li a {
		font-size: 0.8rem;
	}

	#studio-photo .menu_list,
	#location-photo .menu_list,
	#movie .menu_list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	#studio-photo .menu_list li,
	#location-photo .menu_list li,
	#movie .menu_list li {
		padding: 0.35rem 0.5rem;
		margin: 0.5rem;
		min-width: calc(80%/2);
	}

	table .title {
		font-size: 1.4rem;
	}

	table .title .small {
		font-size: 60% !important;
	}



	/*----reservation----*/
	#schedule:before {
		font-size: 1.4rem;
	}

	.section-wrapper .bookingform {
		margin-bottom: 2rem;
	}

	.section-wrapper .bookingform .wbk-inner-container < img {
		display: none;
	}

	.section-wrapper tel,
	.section-wrapper mail {
		display: block;
	}

	#option .table tr th {
		width: auto;
	}

	/*----item-----*/
	#item .col2 tr th,
	#item .col2 tr td,
	#item .table tr th {
		width: 100%;
		display: block;
	}

	#item .col2 tr:last-child th:last-of-type {
		padding: 0;
		background-color: none;
	}

	#item .col2 tr:last-child td:last-of-type {
		padding: 0;
		background-color: none;
	}

	/*----question-----*/
	#question .menu_list li {

		padding: 0.25rem 0.5rem;
		margin: 0.35rem;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		line-height: 1.5;
		-ms-flex-preferred-size: 35%;
		flex-basis: 35%;
	}

	#question .menu_list li a {
		font-size: 0.8rem;
	}

	#question dl dt {
		font-size: 1.1rem;
	}

	#question dl dd {
		margin-bottom: 1rem;
		-webkit-margin-end: 1rem;
		-moz-margin-end: 1rem;
		margin-inline-end: 1rem;
		-webkit-margin-start: 1rem;
		-moz-margin-start: 1rem;
		margin-inline-start: 1rem;
	}
}


/*----------------------------------------
375px：iPhone 7/6縦
------------------------------------------*/

@media screen and (max-width: 375px) {
	.header_logo img {
		width: 50px;
	}

	.header_logo img {
		padding: 1rem 1.5rem;
	}

	.section-wrapper section h2 {
		margin: 0.5rem auto 0.5rem auto;
		font-size: 1.2rem;
	}

	.footer-wrapper .info address {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.footer-wrapper .info .map {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		margin: 0 auto;
	}

	.footer-wrapper .info .worktime {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}


/*----------------------------------------
320px：iPhone 5/SE/4以下縦
------------------------------------------*/

@media screen and (max-width: 320px) {
	html {
		font-size: 13px;
	}

	.top_menu .menu_list li * {
		font-size: 1rem;
	}

	.section-wrapper > section:before {
		font-size: 2.8rem;
	}

	.header_logo img {
		width: 40px;
	}

	/*.header_logo img {
		padding: 8px;
	}*/

	.section-wrapper section {
		padding-top: 3%;
		padding-bottom: 3%;
		margin: 0px auto;
	}
}


/*----------------------------------------
 Large print
------------------------------------------*/

@media print {}