@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------
 #studios common
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios {
	padding-bottom: 5vw;
}
#studios a {
	text-decoration: underline;
}
#studios img {
	width: 100%;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#studios {
	padding-bottom: 80px;
}
#studios a {
	text-decoration: underline;
}
}/* PC End */

/* ----------------------------------------------------------------------------------------------------------
 #studios #indexKv
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #indexKv #mainArea{
	width: 100%;
}

/* ----------------------------------------------------------------------------------------------------------
 #studios #kv
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #kv {
	width: 86vw;
	margin: 0 auto;
}
#studios #kv #mainArea .studioName {
	text-align: center;
	font-size: 4.8vw;
	padding-top: 4vw;
	padding-bottom: 2.5vw;
	font-weight: 600;
}
#studios #kv #mainArea .slide-items {
	width: 100%;
	height: 100%;
}
#studios #kv #mainArea .slide-items img {
	width: 100%;
	object-fit: cover;
}
/*#studios .slide-items {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}*/


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#studios #kv {
	width: 100%;
}
#studios #mainArea {
	width: 100%;
}
#studios #kv #mainArea .studioName {
	font-size: 34px;
	font-weight: 500;
    padding-top: 14px;
    padding-bottom: 30px;
}
/*#studios #kv #mainArea .slide-items {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}*/
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #studios top
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #ankerBtn {
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 0 9.33333vw 10.66667vw;
	margin-bottom: 4vw;
	position: relative;
	z-index: 10;
}
#studios #ankerBtn ul {
	width: 100%;
}
#studios #ankerBtn ul li {
	width: 100%;
	height: 10.66667vw;
	margin-bottom: 2.66667vw;
}
#studios #ankerBtn ul li:last-child {
	margin-bottom: 0;
}
	#studios #ankerBtn ul li a {
	display: block;
	width: 100%;
	height: 10.66667vw;
	border: 1px solid #000;
	padding: 0 3.2vw;
	background: url("../../../common/images/arrow_toggle_off.svg") 94% center / 3.33333vw 1.33333vw no-repeat;
	font-size: 4vw;
	line-height: 10.66667vw;
	text-decoration: none;
}
#studios .topList {
	width: 81.33333vw;
	margin: -22.5vw auto 0;
	padding: 22.5vw 0 0;
}
#studios #hokkaido {
	position: relative;
	z-index: 8;
}
#studios #kanto {
	position: relative;
	z-index: 9;
}
#studios #tokai {
	position: relative;
	z-index: 7;
}
#studios #kansai {
	position: relative;
	z-index: 6;
}
#studios #chugoku {
	position: relative;
	z-index: 5;
}
#studios #kyushu {
	position: relative;
	z-index: 4;
}
#studios .topListInr {
	width: 100%;
	margin: 2.66667vw auto 0;
}
#studios .topList .topListTitle {
	width: 100%;
	height: 8vw;
	background: #000;
	margin: 0 auto 4vw;
	font-size: 4vw;
	padding: 0 2vw;
	box-sizing: border-box;
	color: #fff;
	line-height: 8vw;
}
#studios .topList ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content:flex-start;
	-moz-justify-content:fflex-start;
	-ms-justify-content:flex-end;
	justify-content:flex-start;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	margin: 0 auto;
}
#studios .topList ul li {
	width: auto;
  text-align: center;
	margin: 0 3.2vw 6.66667vw 0;
	padding: 0 0.63333vw 1.66667vw;
	border-bottom: 1px solid #000;
}
#studios .topList ul li a {
	text-decoration: none;
	word-break: break-all;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 4vw;
	line-height: 1.35;
}
#studios .topList ul li a span {
	display: block;
	word-break: break-all;
  font-size: 3.33333vw;
}
#studios .topList .uptotop {
	text-align: right;
	cursor: pointer;
}
#studios .topList .uptotop a {
	text-decoration: none;
	font-size: 2.66667vw;
}
#studios .topList .uptotop a:before {
	content: "";
	display: inline-block;
	width: 2.66667vw;
	height: 1.33333vw;
	background: url("../../../common/images/arrow_toggle.svg") center top no-repeat;
	background-size: 2.66667vw 1.33333vw;
	position: relative;
	top: -0.46667vw;
	margin-right:0.66667vw;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#studios #ankerBtn {
	border-bottom: 1px solid #000;
	padding: 0 0 70px;
	margin-bottom: 40px;
}
#studios #ankerBtn ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 890px;
	margin: 0 auto;
}
#studios #ankerBtn ul li {
	width: 416px;
	height: 80px;
	margin: 0 28px 28px 0;
}
#studios #ankerBtn ul li:nth-child(3n) {
	margin-right: 0;
}
#studios #ankerBtn ul li:last-child {
	margin-bottom: 28px;
}
	#studios #ankerBtn ul li a {
	display: block;
	width: 100%;
	height: 80px;
	border: 1px solid #000;
	padding: 0 16px;
	background: url("../../../common/images/arrow_toggle_off.svg") 94% center / 20px 9px no-repeat;
	font-size: 20px;
	line-height: 80px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#studios #ankerBtn ul li a:hover {
	opacity: 0.7;
}
#studios .topList {
	width: 860px;
	margin: 0 auto 0;
	padding: 60px 0 0;
}
#studios .topListInr {
	width: 100%;
	margin: 0 auto 0;
}
#studios .topList .topListTitle {
	width: 100%;
	height: 50px;
	background: #000;
	margin: 0 auto 30px;
	font-size: 25px;
	padding: 0 16px;
	box-sizing: border-box;
	color: #fff;
	line-height: 50px;
}
#studios .topList ul li {
	margin: 0 20px 48px 0;
	padding: 0 10px 5px 0;
}
#studios .topList ul li a {
	display: inherit;
}
#studios .topList ul li a:hover {
	opacity: 0.7;
}
#studios .topList ul li a {
	padding: 6px 0 6px;
	box-sizing: border-box;
	font-size: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#studios .topList ul li a span {
	display: block;
	font-size: 15px;
	padding-top: 4px;
}
#studios .topList .uptotop {
	display: none;
}
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #studios lower common
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios .studiosBox {
	width: 86vw;
	margin: 0 auto 12vw;
}
#studios .studiosBox .studiosTitle {
  font-family: "Helvetica Neue" , Helvetica , Arial ,'Noto Sans JP', sans-serif;
	font-weight: normal;
	width: 100%;
	height: 8vw;
	background: #000;
	margin: 0 auto 4vw;
	font-size: 4vw;
	padding: 0 2vw;
	box-sizing: border-box;
	color: #fff;
	line-height: 8vw;
}
#studios .studiosBox .studioBtnWrapper .studiosBtn a {
	display: block;
	width: 68vw;
	height: 16vw;
	border: 1px solid #000;
	text-align: center;
	line-height: 1.3;
	font-size: 4vw;
	font-weight: 400;
	color: #000;
	background: url("../../../common/images/arrow.svg") 94% center / 1.06667vw 2.66667vw no-repeat;
	margin: 0 auto 4vw;
	box-sizing: border-box;
	text-decoration: none;
	padding-top: 4.85vw;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#studios .studiosBox {
	width: 860px;
	margin: 0 auto 80px;
}
#studios .studiosBox:after {
	content: "";
	display: block;
	clear: both;
}
#studios .studiosBox .studiosTitle {
	width: 860px;
	height: 50px;
	background: #000;
	margin: 0 auto 30px;
	font-size: 25px;
	padding: 0 15px;
	box-sizing: border-box;
	color: #fff;
	line-height: 50px;
}
#studios .studiosBox .studioBtnWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#studios .studiosBox .studioBtnWrapper .studiosBtn a {
	width: 400px;
	height: 80px;
	border: 1px solid #000;
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	font-weight: 400;
	color: #000; 
	background: url("../../../common/images/arrow.svg") 95% center / 9px 20px no-repeat;
	margin: 0 auto;
	box-sizing: border-box;
	text-decoration: none;
	padding: 0;
	transition: all  0.5s ease;
}
#studios .studiosBox a:hover {
	opacity: 0.5;
	transition: all  0.5s ease;
}
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #studios price
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
/* 2023.06.26 追記 */
#studios #price .priceNote {
	font-size: 2vw;
	font-weight: 500;
	text-align: right;
	margin-bottom: 3vw;
}
.studiosBox .studiosPriceListWrapper {
	margin: 0 auto 6.66667vw;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceTitle {
	background-color: #808080;
	color: #fff;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItem {
	width: calc(100% / 3);
	height: 16vw;
	font-size: 3.5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.5;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .textWithTax {
	color: #797979;
	font-size: 3vw;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItemCenter {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceDetails {
	border-bottom: 1px solid #000;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceTitle.studiosPriceItemCenter {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceTitle {
	border-bottom: 1px solid #fff;
	font-size: 3.4vw;
}
.studiosBox .studiosPriceListWrapper .studioPriceNote {
	font-size: 3.5vw;
	margin-top: 6vw;
    margin-bottom: 8vw;
}

/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
/* 2023.06.26 追記 */
#studios #price .priceNote {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
}
.studiosBox .studiosPriceListWrapper {
	margin: 0 auto 50px;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList  {
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	height: 230px;
	border-top: 1px solid #000;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItem {
	width: 138px;
	height: 72px;
	font-size: 16px;
	line-height: 1.5;
	border-right: 1px solid #000;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .textWithTax {
	font-size: 13px;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItem.studiosPriceTitle {
	width: 170px;
	border-right: none;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItemCenter {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
    border-bottom: 1px solid #000;
	border-left: none;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceDetails {
	border-bottom: none;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceTitle.studiosPriceItemCenter {
	border-top: 1px solid #000;
	border-right: none;
    border-bottom: 1px solid #000;
	border-left: none;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceTitle {
	border-bottom: none;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItemBottom {
    border-bottom: 1px solid #000;
}
.studiosBox .studiosPriceListWrapper .studiosPriceList .studiosPriceItem.studiosPriceRight {
	border-right:none;
}
.studiosBox .studiosPriceListWrapper .studioPriceNote {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 40px;
}
	
}/* PC End */

/* ----------------------------------------------------------------------------------------------------------
 #studios access
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #access .studiosMap {
	width: 100%;
	margin: 0 auto 9.33333vw;
}#studios #access .studiosMap .closingMessage {
	border: 1px solid #FF0000;
	font-size: 4vw;
	padding: 5vw;
	font-weight: 400;
	color: #FF0000;
	margin-bottom: 5vw;
}
#studios #access .studiosMap .closingMessage .closingMessageTitle {
	font-weight: 600;
	font-size: 4.5vw;
	display: block;
	text-align: center;
	padding-bottom: 2vw;
}
#studios #access .studiosMap .closingMessage a, #studios #access .studiosMap .closingMessage a:visited {
	font-size: 4vw;
	font-weight: 400;
	color: #0071d1;
}
#studios #access .studiosMap .studioAddress {
	font-size: 3.8vw;
	font-weight: 600;
	padding: 0 0 4vw;
}
#studios #access .studiosMap .direction-wrapper {
	margin-bottom: 8vw;
}
#studios #access .studiosMap .studiosMapArea {
	width: 100% !important;
	height: 69.33333vw !important;
	border: 1px solid #f2f2f2;
}
#studios #access .studiosMap .studiosMapArea iframe {
	width: 100% !important;
	height: 69.33333vw !important;
}
#studios #access dl .direction-sections {
	margin-bottom: 3vw;
}
#studios #access dl .direction-sections dt {
	font-weight: 500;
}
#studios #access dl .direction-sections dd {
	font-weight: 500;
}
#studios #access dl .direction-sections dt {
	font-size: 3.4vw;
}
#studios #access dl .direction-sections dd {
	font-size: 3.2vw;
}
#studios #access dl .direction-sections .direction-overview {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
#studios #access dl .direction-sections .direction-overview .direction-overview-text {
	text-indent: -1em;
	padding-left: 1em;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron, #studios #access dl .direction-sections .direction-overview .direction-chevron2, #studios #access dl .direction-sections .direction-overview .direction-chevron3, #studios #access dl .direction-sections .direction-overview .direction-chevron4, #studios #access dl .direction-sections .direction-overview .direction-chevron5, #studios #access dl .direction-sections .direction-overview .direction-chevron6, #studios #access dl .direction-sections .direction-overview .direction-chevron10 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 6vw;
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron.open {
	top: -6%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron2.open {
	top: 19%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron3.open {
	top: 30%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron4.open {
	top: 34%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron5.open {
	top: 37%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron6.open {
	top: 39%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron10.open {
	top: 44%;
	transform: rotate(180deg);
	transition: all .5s ease;
}
#studios #access dl .direction-sections .direction-overview .direction-chevron img, #studios #access dl .direction-sections .direction-overview .direction-chevron2 img, #studios #access dl .direction-sections .direction-overview .direction-chevron3 img, #studios #access dl .direction-sections .direction-overview .direction-chevron4 img, #studios #access dl .direction-sections .direction-overview .direction-chevron5 img, #studios #access dl .direction-sections .direction-overview .direction-chevron6 img, .direction-sections .direction-overview .direction-chevron10 img {
	display: flex;
	justify-content: center;
	align-items: center;
}
#studios #access dl .direction-sections .direction-details {
	display: none;
}
#studios #access dl .direction-sections .direction-caution {
	font-size: 3.4vw;
	color: #ff0000;
}
#studios #access dl .direction-sections .direction-note {
	font-size: 3.4vw;
	color: #1a1a1a;
}
#studios #access dl dt {
	padding-right: 0;
	padding-bottom: 1vw;
	border-bottom: 1px solid #1a1a1a;
	font-size: 4vw;
	word-break: break-all;
}
#studios #access dl dt.direction-noDetails {	
	border-bottom: none;
}
#studios #access dl dd {
	padding-top: .5em;
	font-size: 4vw;
	word-break: break-all;
}
#studios #access .noteCustomer {
	padding: 4vw 0 0;
	font-weight: 400;
	font-size: 4vw;
	text-align: left;
	line-height: 1.2;
}
#studios #access .noteCustomer span {
	font-size: 2.66667vw;
	display: inline-block;
	padding-left: 3em;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	#studios #access {
		margin-top: -21px;
	}
	#studios #access .studiosMap {
		margin: 0 auto 56px;
	}
	#studios #access .studiosMap .closingMessage {
		border: 2px solid #FF0000;
		font-size: 20px;
		padding: 20px 30px;
		font-weight: 400;
		margin-bottom: 12px;
	}
	#studios #access .studiosMap .closingMessage .closingMessageTitle {
		font-weight: 600;
		font-size: 22px;
		padding-bottom: 9px;
	}
	#studios #access .studiosMap .closingMessage a, #studios #access .studiosMap .closingMessage a:visited {
		font-size: 20px;
		font-weight: 400;
		padding-bottom: 7px;
	}
	#studios #access .studiosMap .studioAddress {
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		padding: 16px 0 30px;
	}
	#studios #access .studiosMap .direction-wrapper {
		margin-bottom: 50px;
	}
	#studios #access .studiosMap .studiosMapArea {
		width: 100% !important;
		height: 450px !important;
		border: 1px solid #f2f2f2;
	}
	#studios #access .studiosMap .studiosMapArea iframe {
		width: 100% !important;
		height: 448px !important;
	}
	#studios #access dl .direction-sections {
		margin-bottom: 24px;
	}
	#studios #access dl .direction-sections .direction-overview {
		width: 590px;
		margin: 0 auto;
		transition: all .5s;
	}
	#studios #access dl .direction-sections .direction-overview:hover {
		cursor: pointer;
		opacity: .5;
		transition: all .5s;
	}
	#studios #access dl dt.direction-noDetails:hover {	
		cursor: auto !important;
		opacity: 1 !important;
	}
	#studios #access dl .direction-sections dt {
		font-size: 18px;
		font-weight: 500;
	}
	#studios #access dl .direction-sections dd {
		font-size: 16px;
		font-weight: 500;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC, #studios #access dl .direction-sections .direction-overview .direction-chevron-PC2, #studios #access dl .direction-sections .direction-overview .direction-chevron-PC3, #studios #access dl .direction-sections .direction-overview .direction-chevron-PC4, #studios #access dl .direction-sections .direction-overview .direction-chevron-PC5, #studios #access dl .direction-sections .direction-overview .direction-chevron-PC6 {
		width: 24px;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC.open {
		top: 12%;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC2.open {
		top: 31%;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC3.open {
		top: 35%;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC4.open {
		top: 39%;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC5.open {
		top: 39%;
	}
	#studios #access dl .direction-sections .direction-overview .direction-chevron-PC6.open {
		top: 42%;
	}
	#studios #access dl .direction-sections .direction-details {
		width: 590px;
		margin: 0 auto;
	}
	#studios #access dl .direction-sections .direction-caution {
		font-size: 18px;
		width: 590px;
		margin: 0 auto;
	}
	#studios #access dl .direction-sections .direction-note {
		font-size: 18px;
		width: 590px;
		margin: 0 auto;
	}
	#studios #access dl dt {
		font-size: 20px;
		padding-bottom: 8px;
		margin-bottom: 10px;
	}
	#studios #access dl dd {
		font-size: 20px;
		padding-top: 16px;
	}
	#studios #access .noteCustomer {
		padding: 30px 0 0;
		font-weight: 400;
		font-size: 25px;
	}
	#studios #access .noteCustomer span {
		font-size: 15px;
		display: inline-block;
		padding-left: 0.5em;
	}
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #studios openingHours
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
.pconly{
	display: none;
}
.sponly{
	display: block;
}
#studios #openingHours .openingHoursBox {
	width: 100%;
	margin: 0 auto;
}
#studios #openingHours .openingHoursBox:after {
	content: "";
	display: block;
	clear: both;
}
#studios #openingHours .openingHoursBox dl {
	width: 18.2857%;
  width: calc(100% / 7);
	float: left;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl.last {
	border-right: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl dd {
	width: 100%;
	height: 4.26667vw;
	line-height: 4.26667vw;
	color: #fff;
	text-align: center;
	font-size: 2.86667vw;
	background: #808080;
	border-bottom: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl dt {
	width: 100%;
	height: 9.33333vw;
	line-height: 1.2;
	color: #000;
	text-align: center;
	font-size: 2.86667vw;
	display: table;
}
#studios #openingHours .openingHoursBox dl dt p {
	display: table-cell;
	vertical-align: middle;
}
#studios #openingHours .openingHoursBox dl dt p span.att {
  font-size: 1.333vw;
}
#studios #openingHours .openingHoursBox dl dt.closed {
	background: url("../images/studios_closed.svg") center center / cover no-repeat;
	font-size: 2.7vw;
}
#studios #openingHours .openingHoursBox dl dt.closed p span {
display: inline-block;
	background: #fff;
}
#studios #openingHours .openingHoursAtt {
	text-align: left;
	padding: 1.33333vw 0 0;
	font-size: 2vw;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	
.pconly{
	display: block;
}
.sponly{
	display: none;
}
	
#studios #mainArea.pconly  {
	width: 100%;
	margin: 0 auto;
	height: 500px;
}
#studios #openingHours .openingHoursBox {
	width: 854px;
	margin: 0 auto;
}
#studios #openingHours .openingHoursBox:after {
	content: "";
	display: block;
	clear: both;
}
#studios #openingHours .openingHoursBox dl {
	width: 122px;
	float: left;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl.last {
	border-right: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl dd {
	width: 100%;
	height: 42px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	font-size: 25px;
	background: #808080;
	border-bottom: 1px solid #000;
}
#studios #openingHours .openingHoursBox dl dt {
	width: 100%;
	height: 80px;
	line-height: 1.2;
	color: #000;
	text-align: center;
	font-size: 25px;
	display: table;
}
#studios #openingHours .openingHoursBox dl dt p {
	display: table-cell;
	vertical-align: middle;
}
#studios #openingHours .openingHoursBox dl dt p span.att {
  font-size: 12px;
}
#studios #openingHours .openingHoursBox dl dt.closed {
	background: url("../images/studios_closed.svg") center center / cover no-repeat;
	font-size: 25px;
}
#studios #openingHours .openingHoursBox dl dt.closed p span {
display: inline-block;
	background: #fff;
}
#studios #openingHours .openingHoursAtt {
	padding: 10px 0 0;
	font-size: 15px;
}
	
.cimg{
	width: 55%;
	margin: 0 auto 60px;
}
}/* PC End */

/* ----------------------------------------------------------------------------------------------------------
 #studios equipment
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #equipment .equipmentNote {
	font-size: 2vw;
	font-weight: 500;
	text-align: right;
	margin-bottom: 3vw;
}
#studios #equipment .equipmentList {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 3vw;
}
#studios #equipment .equipmentList .equipmentItems {
	width: 21%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 5.3%;
	margin-bottom: 5vw;
}
#studios #equipment .equipmentList .equipmentItems:nth-of-type(4), #studios #equipment .equipmentList .equipmentItems:last-of-type {
	margin-right: 0;
}
#studios #equipment .equipmentList .equipmentItems:last-of-type {
	margin-bottom: 0;
}
#studios #equipment .equipmentList .equipmentItems .equipmentIcon img {
	width: 100%;
}
#studios #equipment .equipmentList .equipmentItems .equipmentText {
	text-align: center;
	font-size: 2.5vw;
	font-weight: 500;
	line-height: normal;
}

/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	#studios #equipment .equipmentNote {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	#studios #equipment .equipmentList {
		flex-wrap: nowrap;
		padding: 0 84px;
	}
	#studios #equipment .equipmentList .equipmentItems {
		width: 13%;
		margin-right: 9%;
		margin-bottom: 0;
	}
	#studios #equipment .equipmentList .equipmentItems:nth-of-type(4) {
		margin-right: 9%;
	}
	#studios #equipment .equipmentList .equipmentItems .equipmentIcon {
		margin-bottom: 10px;
	}
	#studios #equipment .equipmentList .equipmentItems .equipmentText {
		font-size: 14px;
		font-weight: 500;
	}
}

/* ----------------------------------------------------------------------------------------------------------
 #studios lessonItems
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #lessonItems .lessonItemsNote {
	font-size: 2vw;
	font-weight: 500;
	text-align: right;
	margin-bottom: 3vw;
}
#studios #lessonItems .lessonItemsList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 1vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 6vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(5), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(6), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(7), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(8) {
	margin-bottom: 0;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsIcon {
	width: 84%;
	margin-bottom: 1vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsIcon img {
	width: 100%;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText {
	text-align: center;
	font-size: 2.5vw;
	font-weight: 500;
	line-height: normal;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText2 {
	margin-top: 1vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText1 {
	margin-top: 2.3vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemsHeight2 {
	display: block;
	content: "";
	margin: 1vw 0;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemsHeight1 {
	display: block;
	content: "";
	margin: 3.2vw 0;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemTaxIn {
	color: #797979;
    font-size: 2.5vw;
}
#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemTaxEx {
	font-size: 2.8vw;
}

/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	#studios #lessonItems .lessonItemsNote {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	#studios #lessonItems .lessonItemsList {
		padding: 0 58px;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems {
		width: 19%;
		margin-bottom: 20px;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(6), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(7), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(8), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(9), #studios #lessonItems .lessonItemsList .lessonItemsItems:nth-of-type(10) {
		margin-bottom: 0;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsIcon {
		margin-bottom: 0;
		width: 65%;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText {
		font-size: 14px;
		font-weight: 500;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText2 {
		margin-top: 10px;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText1 {
		margin-top: 21px;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemsHeight2 {
		display: block;
		content: "";
		margin: 8px 0;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemsHeight1 {
		display: block;
		content: "";
		margin: 17px 0;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemTaxIn {
		font-size: 14px;
	}
	#studios #lessonItems .lessonItemsList .lessonItemsItems .lessonItemsText .lessonItemTaxEx {
		font-size: 17px;
	}
}

/* ----------------------------------------------------------------------------------------------------------
 #studios otherStudios
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5vw;
	text-decoration: none;
}
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems:last-of-type {
	margin-bottom: 0;
}
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosImage {
	width: 33%;
}
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText {
	width: 64%;
}
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText .otherStudiosName {
	font-size: 3.8vw;
	font-weight: 500;
	color: #000;
}
#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText .otherStudiosAddress {
	font-size: 3vw;
	line-height: normal;
	color: #000;
}

/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems {
		margin-bottom: 40px;
	}
	#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosImage {
		width: 34%;
	}
	#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText {
		width: 60%;
	}
	#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText .otherStudiosName {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 6px;
	}
	#studios #otherStudios .otherStudiosWrapper .otherStudiosList .otherStudiosItems .otherStudiosText .otherStudiosAddress {
		font-size: 15px;
		letter-spacing: .05em;
	}
}
.kv__banner{
	margin: 0 0 8vw 0;
}	
@media print, screen and (min-width: 768px) {
	.kv__banner{
		width: auto !important;
		display: block;
		margin: 0 auto 60px auto;
	}
}