@charset "UTF-8";

/*
*
* Panels Custom
* --------------------------------------------------
*/
.panel {
	margin-bottom: 0;
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.panel-custom {
	padding: 22px 0 20px;
}

@media (min-width: 768px) {
	.panel-custom {
		/*padding: 55px 0 55px 0;*/
		padding: 25px 0 25px 0;
	}
}

.panel-custom + .panel-custom {
	border-top: 1px solid #ececee;
	margin-top: 0;
}

.panel-custom .panel-custom-title > a {
	display: block;
	position: relative;
	padding-right: 40px;
	color: #333;
	background: transparent;
	transition: .3s all ease;
}

.panel-custom .panel-custom-title > a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	font: 400 24px/24px "Linearicons";
	color: #2ed3ae;
	transform: translateY(-50%) rotate(0deg);
	transition: .35s all ease-in-out;
}

.panel-custom .panel-custom-title > a span {
	padding-left: 8px;
	color: #888;
	font-size: 14px;
}

.panel-custom .panel-custom-title > a.collapsed {
	background: #fff;
}

.panel-custom .panel-custom-title > a.collapsed:before {
	content: '\e936';
	transform: translateY(-50%) rotate(180deg);
}

.panel-custom .panel-custom-title > a:hover {
	text-decoration: none;
	background: transparent;
}

.panel-custom .panel-custom-collapse {
	background: transparent;
}

.panel-custom .panel-custom-collapse .panel-custom-body {
	padding: 15px 25px 30px 0;
}

@media (min-width: 768px) {
	.panel-custom .panel-custom-collapse .panel-custom-body {
		padding: 30px 30px 22px 0;
	}
}

h3 + .panel-custom-group-wrap {
	margin-top: 30px;
}

.panel-classic .panel-custom-title > a {
	padding-left: 35px;
	padding-right: 0;
}

.panel-classic .panel-custom-title > a:before {
	content: "\e93c";
	top: 47%;
	left: 0;
	right: auto;
	transform: translateY(-50%) rotate(90deg);
	transition: .35s all ease-in-out;
}

.panel-classic .panel-custom-title > a.collapsed:before {
	content: '\e93c';
	transform: translateY(-50%) rotate(0deg);
}

.panel-classic .panel-custom-title > a:hover {
	text-decoration: none;
	background: transparent;
}

/* add  */

@media screen and (max-width: 768px){
.osusumedisc{
	display: none;
}
}

/* old CSS */

.black_14{font-size: 110%;line-height: 20px;}
.black_15{font-size: 125%;line-height: 25px;}
.black_16{font-size: 140%;line-height: 25px;}
.black_20{font-size: 200%;line-height: 25px;}
.blacktext{color:black;}
.red{color:#FF0000;}
.red_bold{color:#FF0000;font-weight: 900;}
.b_14{font-size: 110%; font-weight: 900;}
.red14{color:#FF0000;font-size: 110%;}
.red11{color:#FF0000;font-size: 85%;}
.red14{color:#FF0000;font-size: 110%;}
.red15{color:#FF0000;font-size: 125%;}
.red16{color:#FF0000;font-size: 135%;}
.b_13{font-size: 100%; font-weight: 900;}
.b_14{font-size: 110%; font-weight: 900;}
.b_15{font-size: 130%; font-weight: 900;}
.b_13red{color:#FF0000;font-size: 100%;font-weight: 900;}
.b_14red{color:#FF0000;font-size: 115%; font-weight: 900;}
.b_15red{color:#FF0000;font-size: 130%; font-weight: 900;}
.sss{ font-size:80%;line-height:16px;}
.ss{ font-size:90%;line-height:16px;}
.ssgray{ font-size:90%;color:gray;line-height:25px;}
.ssgreen{ font-size:90%;color:green;line-height:25px;}
.orangetext{color:orange;}
/*.white{color:white;font-size:13px;}*/
.white{font-color:white;}
.white_ss{color:white; font-size:90%;line-height:18px;}
.green{color:green;}
.green_18{color:green;font-size: 180%;line-height: 25px;}
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}
.gray{color:gray;}


.box{border:solid 1px #B2D6FF;
margin:0.5em 0px 0px 0px;
padding:1em;
}

.box_hot{
border:solid 2px red;
margin:1.5em 1em 0em 1em;
padding:1em;
/* line-height:25px; */
}


.box_discount{
border:solid 2px lightgreen;
margin:1.5em 1em 0em 0em;
padding:1em;
/* line-height:25px; */
}



.topics {list-style-position:outside;
background-image:none;
		 list-style-type:disc;
		 margin: 0em 0em 0em 0.5em;
		 } 
		 
ul.topics li {
padding-left:0;
margin:0px 0px 1em 1em;
}

/* Google Map */
.GoogleMap {
	overflow: hidden;
	position: relative;
	margin:10px 0;
	height: 0;
	padding-bottom: 75%;
}
.GoogleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 97% !important;
	height: 97% !important;
}

.snow{
	background-color: #fffafa;
}

.offset-bottom-30{padding-bottom:30px;}

.offset-bottom-60{padding-bottom:60px;}

.formlabel{
	text-align:left;
	color:#201F1F;
	padding: 0px 0px 5px 5px;
}


/* header background  */


.toumeiblack {background-color: rgba(0, 0, 0, 0.2);
}


.bg-rehearsal {
	background-image: url("../images/slide3a_1354x752.jpg");
}

.bg-concour-movie {
	background-image: url("../images/1128x752_slide_camera.jpg");
		background-position: 50% 65%;
}

.bg-aboutus {
	background-image: url("../images/1128x752_slide_aboutus.jpg");
	background-position: 50% 65%;
}

.bg-direction {
	background-image: url("../images/1354x752_direction.jpg");
}


.bg-pr-movie {
	background-image: url("../images/1354x752_pr_movie.jpg");
}



.bg-studiorental {
	background-image: url("../images/1128x752_slide_rehearsal.jpg");
	background-position: 50% 45%;
}




.bg-schedule{
	background-image: url("../images/1354x752_schedule.jpg");
}

.bg-reservation{
	background-image: url("../images/1354x752_reservation.jpg");
}

.bg-question{
	background-image: url("../images/1354x752_question.jpg");
}

.bg-faq{
	background-image: url("../images/1354x752_faq.jpg");
}



.bg-prorecblack{
	background-image: url("../images/1354x752_prorec_black.jpg");
}

.bg-practice{
	background-image: url("../images/1354x752_practice.jpg");
}

.bg-sokujitsu{
	background-image: url("../images/1354x752_sokujitsu_rec.jpg");
}



.bg-haikei{
	background-image: url("../images/1345x360_haikei.jpg");
}

.bg-pvvocal{
	background-image: url("../images/1354x752_pv_vocal.jpg");
}


.bg-protoolsblack{
	background-image: url("../images/1128x752_protools_black.jpg");
	background-position: 50% 65%;
}

.bg-protools{
	background-image: url("../images/1128x752_protools.jpg");
	background-position: 50% 45%;
}

.bg-rehearsalblack{
	background-image: url("../images/1128x752_rehearsal_black.jpg");
	background-position: 50% 45%;
}



.bg-pianodark{
	background-image: url("../images/1128x752_piano_dark.jpg");
		background-position: 50% 80%;
}

.bg-vocalblur{
	background-image: url("../images/1128x752_vocalblur.jpg");
}



.bg-cameraman{
	background-image: url("../images/1128x752_cameraman.jpg");
		background-position: 50% 35%;
}



.bg-liverecording{
	background-image: url("../images/1128x752_liverecording_2.jpg");
}

.bg-liverecording2{
	background-image: url("../images/1128x752_ichigaya.jpg");
	background-position: 50% 65%;
}

.bg-pa{
	background-image: url("../images/1128x752_pa.jpg");
	background-position: 50% 40%;
}


.bg-pa2{
	background-image: url("../images/1128x752_pa2.jpg");
	background-position: 50% 70%;
}

.bg-gimbal{
	background-image: url("../images/1128x752_gimbal.jpg");
	background-position: 50% 70%;
}

.bg-interview{
	background-image: url("../images/1128x752_interview_behind2.jpg");
	background-position: 50% 40%;
}



.bg-vilolinist{
	background-image: url("../images/1128x752_violinist.jpg");
	background-position: 50% 40%;
}

.bg-podcast{
	background-image: url("../images/1128x752_podcast_table.jpg");
	background-position: 50% 50%;
}

.bg-podcastj{
	background-image: url("../images/1128x752_podcast_table_j.jpg");
	background-position: 50% 30%;
}



.questions{
	padding-left: 1.5em;
}


.taxinclude{
	font-size: 15px;
	/* font-weight: 100; */
	color: #2ed3ae;
}

.hidden{
	display: none;
}


/* //+++++++++++++++++++++++++++++++++++++++++
// モーダル */

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s 0s ease;
}

.modal-overlay.visible {
    display: block;
    opacity: 1;
    z-index: 100;
}

.modalInclude {
    display: none;
}

.modal {
    /* width: 100%; */
    max-width: 880px;
    max-height: 73vh;
    position: fixed;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, -50%);
    z-index: 999;
    overflow: scroll;
    background: #fff;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s 0s ease;
}
@media screen and (max-width: 1023px) {
    .modal {
        max-width: 95vw;
        max-width: initial;
    }
    .modal > div {
        width: 85vw;
    }
}
.modal img#targetElm {
    /* width: calc(100% + 40px); */
    max-height: 73vh;
    vertical-align: bottom;
    margin: -20px;
    object-fit: contain;
}
@media screen and (max-width: 1023px) {
    .modal img#targetElm {
        max-width: 95vw;
        /* max-height: initial; */
    }
}
.modal .modal-closebtn {
    display: block;
    font-size: 26px;
    color: #cfa705;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.modal.visible {
    display: block;
    opacity: 1;
    z-index: 999;
}

.fadein {
    animation: fadein .3s;
}

.fadeout {
    animation: fadeout .3s;
    animation-fill-mode: forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}


		.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 4);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
	.swiper-wrapper	{text-align: center;
	}


/*
.topslide {
	position: relative;
}

.topslide::before,
.topslide::after {
	content: '';
	position: absolute;
	transform: rotate(-35deg);
	width: 70px;
	height: 25px;
	background-color: #fff;
	z-index: 1;
}

.topslide::before {
	top: -10px;
	left: -25px;
	border-bottom: 1px solid #aaa;
}

.topslide::after {
	bottom: -10px;
	right: -25px;
	border-top: 1px solid #aaa;
}
*/

.slider-thumbnail{
	margin-top: 4px;
}

.player{
    margin: 0px;
	width: 100%;
	margin-top: 5px;
}


.wplist{
	margin-top: 1em;
}

.wplist img{
  border-radius: 15%;  /* 円形にする */
}


.aritcles{
text-align: center;
	margin-top: 1em;
}

.aritclestext{
margin-top: 10px;
}

.aritcles img{
  border-radius: 50%;  /* 円形にする */
}

.aritclelink{
font-size: 1em;
font-weight: 400;
}




/*
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*/
 
.bigvideo {
  width: 100%;
  height: 90vh;
  position: relative;
}
 
.bigvideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
 
.content h1 {
  font-size: clamp(40px, 3.1915vw + 15.49px, 64px);
  color: #fff;
  text-align: center;
}
 
.content h1 span {
  display: block;
  line-height: 1.2;
  translate: 0 .5rem;
  opacity: 0;
  animation: fadein 1s forwards;
}
 
.content p {
  font-size: clamp(16px, 1.0638vw + 7.83px, 24px);
  color: #fff;
  text-align: center;
  line-height: 1.5;
  margin-top: 2rem;
  translate: 0 .5rem;
  opacity: 0;
  animation: fadein 1s forwards;
  animation-delay: .5s;
}
 
@keyframes fadein {
  to {
    translate: 0 0;
    opacity: 1;
  }
}
 
.bigvideo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
 
main {
  height: 1000px;
  padding: 2rem;
  text-align: center;
}

.parallax-content h1{
	font-size: 2.5em;
	line-height: 1.6;
}