.b_studio_top{
	display: none;
}

.contents{
    min-height: calc(100vh - 63px);
}

.loading_studio{
	background-color: #213e78;
}


/* ==================================トップ メニューボタン================================== */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .3s;
  box-sizing: border-box;
}
.menu-trigger {
  position: fixed;
  width: 16px;
  height: 13px;
  top: 34px;
  left: 32px;
  z-index: 110;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #213e78;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 6px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}


.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
  background-color: #fff;
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  background-color: #fff;
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
  background-color: #fff;
}


.top_menubutton{
    position: fixed;
    width: 42px;
    height: 42px;
    top: 20px;
    left: 20px;
    border-radius: 3px;
    background-color: rgba(255,247,151, 0.9);
    z-index: 101;
    overflow: hidden;

    -webkit-transition: all .3s ease-in-out 0s;
 　 transition: all .3s ease-in-out 0s;
}

.top_wide{
    width: calc(100%);
    height: calc(100%);
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: rgba(33,62,120,0.9);
    z-index: 20;
}

.top_menuwrap{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 20;
}

.top_menuwrap li{
    letter-spacing: 0.3em;
    line-height: 26px;
}

.top_close{
    display: none;
    width: 100%;
    height: 100%;
}

.pc_menu{
    display: none;
    cursor: pointer;
}


.b_tw{
	width: 16px;
	height: auto;
	margin-top: 16px;
}


/* ==================================トップメニューボタンPC================================== */

@media screen and (min-width : 769px) {

	.pc_menu {
	    display: block;
	  position: fixed;
	  top: 55px;
	  left: 68px;
	  padding-left: 20px;
	  z-index: 50;
	  line-height: 12px;
	}

	.menu-trigger {
	  width: 20px;
	  height: 19px;
	  top: 50px;
	  left: 50px;

	  cursor: pointer;
	  z-index: 50;
	}
	.menu-trigger span {
	  background-color: #fff;
	}

	.top_menubutton{
	    width: 20px;
	    height: 19px;
	    border-radius: 0px;
	    background-color: rgba(255,255,255,0);
	    top: 50px;
	    left: 50px;
	    cursor: pointer;
	}

	.top_wide{
	    width: calc(100%);
	    height: calc(100%);
	    top: 0;
	    left: 0;
	    border-radius: 0;
	    background-color: rgba(33,62,120,0.9);
	}


	.menu-trigger span:nth-of-type(2) {
	  top: 9px;
	}

	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(9px) rotate(-45deg);
	  transform: translateY(9px) rotate(-45deg);
	}


	.menu-trigger.active {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	  width: 20px;
	}

}








/* ==================================トップSP================================== */




body{
	background-color: #13316d;
/* 	background-image: url("../img/studio/bg2x.png"); */
	 background-size:100% auto;
	 background-attachment: fixed;
 	background-position : 50% 50%;
 	
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url("../img/studio/bg.jpg") center no-repeat;
  background-size:cover;
}

.menu_studio li{
	font-size: 12px;
}

.official_site, .official_site a, .official_site a:visited{
	color: #fff797 !important;
}

.studio_title{
	width: 296px;
	margin-top: 70px;
}

.studio_gif{
	margin-top: 14px;

}

#loopslider img{
	margin: 0;
	height: 152px;	
}




.studio_sub{
/*	margin-top: 50px;*/
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 2.2em;
}


.studio_right{
	display: none;
}



/* loopslider */
#loopslider_studio {
    margin: 0 auto;
    width: 100%;
    height: 210px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

#loopslider_studio ul {
    height: 210px;
    float: left;
    display: inline;
    overflow: hidden;
}

#loopslider_studio ul li {
    width: auto;
    height: 210px;
    float: left;
    display: inline;
    overflow: hidden;
}


#loopslider_studio img {
	height: 210px;
	}

/* =======================================
    ClearFixElements
======================================= */
#loopslider_studio ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#loopslider_studio ul {
    display: inline-block;
    overflow: hidden;
}



/* ==================================トップ PC================================== */

@media screen and (min-width : 769px) {

	body:before{
	  display:none;
	}

	body{
	background-color: #213e78;
	background-image: url("../img/studio/pc_bg.jpg");
	 background-size:50% auto;
	 background-attachment: fixed;
 	background-position : 50% 50%;
 	
}
	.studio_title{
		min-width: 450px;
		max-width: 500px;
		width: 32%;
		margin-top: 94px;
		margin-bottom: 16px;
	}

	.studio_gif{
		margin-top: 0px;
	
	}

	#loopslider img{
		height: 340px;	
	}

	.studio_sub{
/*		margin-top: 94px;*/
		font-size: 12px;
		line-height: 3.2em;
	}

	.studio_right{
	display: block;
	position: absolute;
	top: 50px;
	right: 50px;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
     font-size: 10px;
     line-height: 1em;
	}

	/* loopslider studio*/
	#loopslider_studio {
	    margin: 0 auto;
	    width: 100%;
	    height: 400px;
	    text-align: left;
	    position: relative;
	    overflow: hidden;
	}

	#loopslider_studio ul {
	    height: 400px;
	    float: left;
	    display: inline;
	    overflow: hidden;
	}

	#loopslider_studio ul li {
	    height: 400px;
	    float: left;
	    display: inline;
	    overflow: hidden;
	}


	#loopslider_studio img {
		height: 400px;
		}

	/* =======================================
	    ClearFixElements
	======================================= */
	#loopslider_studio ul:after {
	    content: ".";
	    height: 0;
	    clear: both;
	    display: block;
	    visibility: hidden;
	}

	#loopslider_studio ul {
	    display: inline-block;
	    overflow: hidden;
	}

}

/* ==================================トップWORKS ================================== */

.studio_container2{
	position: relative;
	width: 100%;
	margin-top: 94px;
	padding-bottom: 12%;
	background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
	.studio_container2{
		margin-top: 50px;
	}
}

/* .studio_container2::after{
	display: block;
	content: "";
	bottom: -8%;
	left: 0;
	position: absolute;
	width: 100%;
	height: 152px;

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


@media screen and (max-width: 768px) {
	.studio_container2::after{
		display: block;
		content: "";
		bottom: -130px;
		left: 0;
		position: absolute;
		width: 100%;
		height: 130px;

		background-color: rgba(0, 0, 0, 0.2);
	}
}
 */


@media screen and (max-width : 428px) {
	.studio_container2::after{
		bottom: -50px;
		height: 50px;
	}
}




.studio_workwrap{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	box-sizing: border-box;
	
	padding: 80px 50px 0px 50px;
}


@media screen and (max-width: 768px) {
	.studio_workwrap{
		padding: calc(42px - 2% * 2) 20px;
	}	
}

.studio_m_works{
	margin-top: 110px;
	width: 130px;
	height: auto;
}

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

	.studio_m_works{
		margin-top: 68px;
		width: 110px;
		min-width: auto;
		max-width: auto;
		height: auto;
	}
}

.studio_work{
	position: relative;
	display: inline-block;
	width: calc(25% - 2%);
/* 		height: 288px; */
	margin-right: calc(2% * 4 / 3);

	vertical-align: top;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.4));

	vertical-align: top;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
}

@media screen and (max-width : 768px) {
	.studio_work{
		width: calc(50% - 2%);
		margin-right: calc(2% * 2);
	}
}



.studio_work:nth-of-type(4n){
	margin-right: 0;
}

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

	.studio_work:nth-of-type(4n){
		margin-right: calc(2% * 2);
	}

	.studio_work:nth-of-type(2n){
		margin-right: 0;
	}
}

.studio_work:nth-of-type(odd){
	transform: translateY(36px);
}
.studio_work:nth-of-type(even){
	transform: translateY(calc(16% + 36px));
}

@media screen and (max-width : 768px) {
	.studio_work:nth-of-type(even){
	transform: translateY(20%);
	}
}



/* ＝＝＝＝＝＝＝＝＝＝＝ここで追加(anmとanm_even交互)＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.studio_work_on:nth-child(1) {
  -webkit-animation: anm 0.5s ease 0.2s 1 forwards;
  animation: anm 0.5s ease 0.2s 1 forwards;
}
.studio_work_on:nth-child(2) {
  -webkit-animation: anm_even 0.5s ease 0.4s 1 forwards;
  animation: anm_even 0.5s ease 0.4s 1 forwards;
}
.studio_work_on:nth-child(3) {
  -webkit-animation: anm 0.5s ease 0.6s 1 forwards;
  animation: anm 0.5s ease 0.6s 1 forwards;
}
.studio_work_on:nth-child(4) {
  -webkit-animation: anm_even 0.5s ease 0.8s 1 forwards;
  animation: anm_even 0.5s ease 0.8s 1 forwards;
}
.studio_work_on:nth-child(5) {
  -webkit-animation: anm 0.5s ease 1s 1 forwards;
  animation: anm 0.5s ease 1s 1 forwards;
}
.studio_work_on:nth-child(6) {
  -webkit-animation: anm_even 0.5s ease 1.2s 1 forwards;
  animation: anm_even 0.5s ease 1.2s 1 forwards;
}
.studio_work_on:nth-child(7) {
  -webkit-animation: anm 0.5s ease 1.4s 1 forwards;
  animation: anm 0.5s ease 1.4s 1 forwards;
}
.studio_work_on:nth-child(8) {
  -webkit-animation: anm_even 0.5s ease 1.6s 1 forwards;
  animation: anm_even 0.5s ease 1.6s 1 forwards;
}

.studio_work_on:nth-child(9) {
  -webkit-animation: anm 0.5s ease 1.8s 1 forwards;
  animation: anm 0.5s ease 1.8s 1 forwards;
}

.studio_work_on:nth-child(10) {
  -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
  animation: anm_even 0.5s ease 2.0s 1 forwards;
}

.studio_work_on:nth-child(11) {
  -webkit-animation: anm 0.5s ease 2.2s 1 forwards;
  animation: anm 0.5s ease 2.2s 1 forwards;
}

.studio_work_on:nth-child(12) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(13) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(14) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(15) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(16) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(17) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(18) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(19) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(20) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(21) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(22) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}

.studio_work_on:nth-child(23) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}
.studio_work_on:nth-child(24) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}
.studio_work_on:nth-child(25) {
  -webkit-animation: anm 0.5s ease 2.4s 1 forwards;
  animation: anm 0.5s ease 2.4s 1 forwards;
}
.studio_work_on:nth-child(26) {
  -webkit-animation: anm_even 0.5s ease 2.4s 1 forwards;
  animation: anm_even 0.5s ease 2.4s 1 forwards;
}


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

	.studio_work_on:nth-child(1) {
	  -webkit-animation: anm 0.5s ease 0.2s 1 forwards;
	  animation: anm 0.5s ease 0.2s 1 forwards;
	}
	.studio_work_on:nth-child(2) {
	  -webkit-animation: anm_even 0.5s ease 0.4s 1 forwards;
	  animation: anm_even 0.5s ease 0.4s 1 forwards;
	}
	.studio_work_on:nth-child(3) {
	  -webkit-animation: anm 0.5s ease 0.6s 1 forwards;
	  animation: anm 0.5s ease 0.6s 1 forwards;
	}
	.studio_work_on:nth-child(4) {
	  -webkit-animation: anm_even 0.5s ease 0.8s 1 forwards;
	  animation: anm_even 0.5s ease 0.8s 1 forwards;
	}
	.studio_work_on:nth-child(5) {
	  -webkit-animation: anm 0.5s ease 1s 1 forwards;
	  animation: anm 0.5s ease 1s 1 forwards;
	}
	.studio_work_on:nth-child(6) {
	  -webkit-animation: anm_even 0.5s ease 1.2s 1 forwards;
	  animation: anm_even 0.5s ease 1.2s 1 forwards;
	}
	.studio_work_on:nth-child(7) {
	  -webkit-animation: anm 0.5s ease 1.4s 1 forwards;
	  animation: anm 0.5s ease 1.4s 1 forwards;
	}
  .studio_work_on:nth-child(8) {
    -webkit-animation: anm_even 0.5s ease 1.6s 1 forwards;
    animation: anm_even 0.5s ease 1.6s 1 forwards;
  }
  .studio_work_on:nth-child(9) {
    -webkit-animation: anm 0.5s ease 1.8s 1 forwards;
    animation: anm 0.5s ease 1.8s 1 forwards;
  }
  .studio_work_on:nth-child(10) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(11) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(12) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(13) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(14) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(15) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(16) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(17) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(18) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(19) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(20) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(21) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(22) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(23) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(24) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(25) {
    -webkit-animation: anm 0.5s ease 2.0s 1 forwards;
    animation: anm 0.5s ease 2.0s 1 forwards;
  }
  .studio_work_on:nth-child(26) {
    -webkit-animation: anm_even 0.5s ease 2.0s 1 forwards;
    animation: anm_even 0.5s ease 2.0s 1 forwards;
  }
}

@-webkit-keyframes anm {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes anm {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@-webkit-keyframes anm_even {
  100% {
    opacity: 1;
    transform: translateY(16%);
  }
}
@keyframes anm_even {
  100% {
    opacity: 1;
    transform: translateY(16%);
  }
}









.studio_work:nth-of-type(n + 5){
	margin-top: calc(2% * 4 / 3);
}

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

	.studio_work:nth-of-type(n + 1){
		margin-top: calc(2% * 2);
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝スマホで下に空が並ばないように調整＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media screen and (max-width : 768px) {
	.studio_work:nth-of-type(n + 23){
		display: none;
	}
}



/* 曲一覧画像 */
.imgbg_hgf:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_hgf.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_emp:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.imgbg_emp:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_emp.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_emp:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_hnd:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_hnd.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_hnd:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_zrt:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_zrt.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_zrt:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_gld:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_gld.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_gld:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}






.imgbg_dnb:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_dnb.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_dnb:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.imgbg_mkg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_mkg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_mkg:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_gkk:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_gkk.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_gkk:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}








.imgbg_gne:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_gne.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_gne:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}










.imgbg_osst:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_osst.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_osst:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}





.imgbg_htr:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_htr.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_htr:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}






.imgbg_sng:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_sng.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_htr:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}





.imgbg_unmei:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_unmei.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_unmei:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}





.imgbg_khk:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_khk.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_khk:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.imgbg_nkn:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_nkn.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_nkn:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.imgbg_dai3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_dai3.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_dai3:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.imgbg_kawariyukumono:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_kawariyukumono.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_kawariyukumono:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.imgbg_suisei:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_suisei.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_suisei:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.imgbg_hmt:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/top_hmt.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_hmt:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.imgbg_pkpk:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/poka_thumb.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_pkpk:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_yksk:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/yakusoku_thumb.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_yksk:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.imgbg_siki:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/studio/saikai_thumb.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}
.imgbg_siki:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* 曲一覧画像 */


.scale_small img {
	position: relative;
    height: 100%;
	transition:all 0.3s;	/*変化に掛かる時間*/
	transition-timing-function:ease-in-out;
}

.on {
	transform: scale(1.1);	/*画像の拡大率*/
	transition: all 0.3s;	/*変化に掛かる時間*/
	transition-timing-function:ease-in-out;
}
	




.studio_work::after{
	display: block;
	content: "";
	padding-top: 118%;
}


.studio_work_img_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.studio_work_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: -moz-linear-gradient(top, transparent 0%, #000 100%);
	background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background: linear-gradient(to bottom, transparent 0%, #000 100%);
}

.work_bottom_text{
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	line-height: 1.5em;
}

.bottom_text_s{
	font-size: 10px;
	color: rgba(255, 255, 255, 0.6);
}


.studio_work img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	    width: 50%;
	    opacity: 0.4;
}


.img_bg_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img_bg_wrap a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.work_bottom_text{
	display: block;
	position: absolute;
	bottom: 16%;
	left: 0;
	right: 0;
	margin: 0 auto;
	line-height: 1.5em;
	font-size: 16px;
}
.bottom_text_s{
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}







.studio_cr_wrap{
	border: 1px solid #0d2765;
	background-color: #273b77;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(0, 0, 0, .05) 3px, rgba(0, 0, 0, .05) 6px );
}


.studio_cr{
	display: block;
	font-size: 10px;
	padding-top: 68px;
	padding-bottom: 68px;
}

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

	.studio_cr{
		padding-top: 36px;
		padding-bottom: 36px;
	}

}