@charset "utf-8";

@media screen and (max-width: 760px) {
/*SP*/

/* #visual
====================================*/
	#visual{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	#visual-slider .slider{
		width: 100%;
		height: 70VW !important;
		overflow: hidden;
	}
    #visual-slider .slider img{
        width: 100%;	
        height: auto;
    }
	#visual-slider .bx-controls{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#visual-slider .bx-pager{
		display: inline-block;
		overflow: hidden;
	}
	#visual-slider .bx-pager-item{
		float: left;
	}
	#visual-slider .bx-pager-item:nth-child(n+2){
		margin-left: 10px;
	}
	#visual-slider .bx-pager-item a{
		display: block;
		text-indent: -9999px;
		width: 40px;
		height: 2px;
		background-color: #F8DDCE;
		border-radius: 1px;
	}
	#visual-slider .bx-pager-item a.active{
		background-color: #DC580D;
	}
	#visual-slider a.bx-prev,
	#visual-slider a.bx-next{
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -26px;
		background-color: rgba(255,255,255,.6);
		color: #DC580D;
		border-radius: 15px;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		z-index: 100;
	}
	#visual-slider a.bx-prev{left: 10px;}
	#visual-slider a.bx-next{right: 10px;}

	#top-topics{
		padding: 25px 0;
	}
	ul#topics-imporant{
		width: 100%;
		margin: 0 auto;
	}
	
/* #topmenu
====================================*/
/*
	#topmenu{
		position: relative;
		padding-bottom: 120px;
	}
	#topmenu::after{
		content: "";
		position: absolute;
		left: 0;
		top: 155px;
		z-index: -1;
		width: 100%;
		height: 620px;
		background: url(../images/topmenu_bg.jpg) no-repeat center center /cover;
	}
	.topmenu-btn{
		width: 1024px;
		margin: 0 auto;
		overflow: hidden;
	}
	.topmenu-btn dl {
		position: relative;
		float: left;
		width: 310px;
		text-align: center;
		color: #fff;
	}
	.topmenu-btn dl:nth-child(n+2){
		margin-left: 47px;
	}
	.topmenu-btn dl dt{
		width: 310px;
		height: 380px;
	}
	.topmenu-btn dl dt::before{
		content: "";
		position: absolute;
		left: 0;
		top :0;
		display: block;
		width: 310px;
		height: 310px;
		padding: 8px;
		background-color: rgba(255,255,255,.6);
		border-radius: 155px;
		box-sizing: border-box;
	}
	.topmenu-btn dl dt::after{
		content: "";
		position: absolute;
		left: 8px;
		top: 8px;
		display: block;
		width: 294px;
		height: 294px;
		background-color: #FFF;
		border-radius: 147px;
		outline: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	.topmenu-btn dl dt.btn-first::after{
		background: url(/top/images/tm_img_first.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt.btn-program::after{
		background: url(/top/images/tm_img_program.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt.btn-studio::after{
		background: url(/top/images/tm_img_studio.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt a{
		position: relative;
		display: block;
		width: 310px;
		height: 380px;
		margin: 0;
		padding: 350px 0 10px;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		font-weight: 500;
		box-sizing: border-box;
		z-index: 50;
	}
	.topmenu-btn dl dt a:hover,
	.topmenu-btn dl dt a:hover img{
		opacity: 1 !important;
	}
	.topmenu-btn dl dt a span.btn-img{
		position: absolute;
		left: 8px;
		top: 8px;
		display: block;
		width: 294px;
		height: 294px;
		border-radius: 147px;
	}
	.topmenu-btn dl dt a span.btn-img::before{
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 294px;
		height: 294px;
		margin: -147px 0 0 -147px;
		background-color: rgba(222,88,13,.6);
		border-radius: 147px;
		opacity: 0;
		transform: scale(0.4);
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 5;
	}
	.topmenu-btn dl dt a:hover span.btn-img::before{
		opacity: 1;
		transform: scale(1);
	}
	.topmenu-btn dl dt a span.btn-img::after{
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 86px;
		height: 86px;
		margin: -43px 0 0 -43px;
		background-color: rgba(255,255,255,.8);
		border-radius: 43px;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 10;
	}
	.topmenu-btn dl dt a:hover span.btn-img::after{
		transform: scale(2.5);
	}
	.topmenu-btn dl dt a span.btn-img img{
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 20;
	}
	.topmenu-btn dl dt a:hover span.btn-img img{
		transform: scale(1.2);
	}
*/	
	#topmenu {
		position: relative;
		padding: 0 0 50px;
		text-align: center;
		overflow: hidden;
	}
	#topmenu::after{
		content: "";
		position: absolute;
		left: 0;
		top: 125px;
		display: block;
		width: 100%;
		height: 100%;
		background: #de580d url(../images/topmenu_bg_sp.jpg) no-repeat center center /cover;
		z-index: -1;
	}
	.topmenu-btn dl{
		color: #fff;
		text-align: center;
	}
	.topmenu-btn dl:nth-child(n+2){
		margin-top: 40px;
	}
	.topmenu-btn dl dt {
		position: relative;
		width: 250px;
		height: 300px;
		margin: 0 auto;
	}
	.topmenu-btn dl dt::before{
		content: "";
		position: absolute;
		left: 0;
		top :0;
		display: block;
		width: 250px;
		height: 250px;
		padding: 8px;
		background-color: rgba(255,255,255,.6);
		border-radius: 125px;
		box-sizing: border-box;
	}
	.topmenu-btn dl dt::after{
		content: "";
		position: absolute;
		left: 6px;
		top: 6px;
		display: block;
		width: 238px;
		height: 238px;
		background-color: #FFF;
		border-radius: 119px;
		outline: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	.topmenu-btn dl dt.btn-first::after{
		background: url(/top/images/tm_img_first.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt.btn-program::after{
		background: url(/top/images/tm_img_program.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt.btn-studio::after{
		background: url(/top/images/tm_img_studio.jpg) no-repeat center center /cover;
	}
	.topmenu-btn dl dt a{
		position: relative;
		display: block;
		width: 250px;
		height: 290px;
		margin: 0;
		padding: 270px 0 10px;
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		font-weight: 500;
		box-sizing: border-box;
		z-index: 50;
	}
/*.topmenu-btn dl dt a:hover,
	.topmenu-btn dl dt a:hover img{
		opacity: 1 !important;
	}*/
	.topmenu-btn dl dt a span.btn-img{
		position: absolute;
		left: 6px;
		top: 6px;
		display: block;
		width: 238px;
		height: 238px;
		border-radius: 119px;
	}
	.topmenu-btn dl dt a span.btn-img::before{
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 238px;
		height: 238px;
		margin: -119px 0 0 -119px;
		background-color: rgba(222,88,13,.6);
		border-radius: 119px;
		opacity: 0;
		transform: scale(0.4);
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 5;
	}
/*	.topmenu-btn dl dt a:hover span.btn-img::before{
		opacity: 1;
		transform: scale(1);
	}*/
	.topmenu-btn dl dt a span.btn-img::after{
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 86px;
		height: 86px;
		margin: -43px 0 0 -43px;
		background-color: rgba(255,255,255,.8);
		border-radius: 43px;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 10;
	}
	/*.topmenu-btn dl dt a:hover span.btn-img::after{
		transform: scale(2.5);
	}*/
	.topmenu-btn dl dt a span.btn-img img{
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 20;
	}
	/*.topmenu-btn dl dt a:hover span.btn-img img{
		transform: scale(1.2);
	}*/
	.topmenu-btn dl dt a span.btn-txt::after{
		content: "\3e";
		font-family: 'icon-gt' !important;
		font-weight: normal;
		margin-left: .25em;
	}

	
/* #lavacontents
====================================*/
	#lavacontents{}
	#lavacontents .inner-wrap{
		width: 100%;
		margin: 0 auto;
		padding: 50px 4.28%;
		background-color: #fff;
	}
	#lavacontents .lc-link{
		margin: 0 auto;
		overflow: hidden;
	}
	.lc-link .lc-item:nth-child(n+2){
		margin-top: 40px;
	}
	.lc-link .lc-item dt{
		margin-bottom: 12px;
	}
	.lc-link .lc-item dt a{
		display: block;
		color: #de580d;
		font-size: 17px;
		font-weight: 500;
	}
	.lc-link .lc-item dt a figure{
		position: relative;
		display: block;
		margin-bottom: 20px;
	}
	.lc-link .lc-item dt a figure::after{
		content: url(/common/images/linkarea_arrow.svg);
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
	}
	.lc-link .lc-item dt a img{
		width: 100%;
		height: auto;
	}
	.lc-link .lc-item dt a {
		padding: 0 15px;
	}
	.lc-link .lc-item dd{
		padding: 0 15px;
		font-size: 14px;
	}
	
	/* #otherinfo
	====================================*/
	#otherinfo, #otherinfo .inner-wrap{
		width: 100%;
		padding: 0;
	}
	#otherinfo ul.otherinfo-link{
		overflow: hidden;
	}
	#otherinfo ul.otherinfo-link li{
		width: 100%;
		height: 44vw;
		background-color: #fff;
	}
	#otherinfo ul.otherinfo-link li:nth-child(n+2){
		margin-top: 1px;
	}
	#otherinfo ul.otherinfo-link li a{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		background: url(/top/images/otherinfo_bg_sp.jpg) no-repeat 0 0 /100% auto;
	}
	#otherinfo ul.otherinfo-link li:nth-child(1) a{ background-position: center top; }
	#otherinfo ul.otherinfo-link li:nth-child(2) a{ background-position: center center; }
	#otherinfo ul.otherinfo-link li:nth-child(3) a{ background-position: center bottom; }
	#otherinfo ul.otherinfo-link li a::before{
		content: "";
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto 20px;
	}
	.oi-lesson a::before{
		background: url(/common/images/icon_lesson_w.svg) no-repeat 0 0 /80px 80px;
	}
	.oi-schedule a::before{
		background: url(/common/images/icon_schedule_w.svg) no-repeat 0 0 /80px 80px;
	}
	.oi-recruit a::before{
		background: url(/common/images/icon_recruit_w.svg) no-repeat 0 0 /80px 80px;
	}
	#otherinfo ul.otherinfo-link li a span::after{
		content: "\3e";
		font-family: 'icon-gt' !important;
		font-weight: normal;
		margin-left: .25em;
	}
	
	/* #topics
	====================================*/
	#topics{
		width: 100%;
		padding: 50px 0;
		background-color: #f5f5f5;
	}
	#topics .topics-inner{
	}
	#topics ul#topics-days{
		width: 100%;
		margin: 0 auto;
	}
	ul.topics-list{
		border-top: 1px solid #D7D7D7;
	}
	ul.topics-list li{
		border-bottom: 1px solid #D7D7D7;
	}
	ul.topics-list a{
		position: relative;
		display: block;
		padding: 12px 40px 12px 0;
		font-size: 13px;
		line-height: 1.6;
	}
	ul.topics-list a::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-image: url(/common/images/icon_accname.svg);
		background-repeat: no-repeat;
		background-size: 100% 200%;
		background-position: center bottom;
	}
	
/* #lavamedia
====================================*/
	#lavamedia{
		width: 100%;
		padding: 50px 0;
	}
	#lavamedia .lavamedia-inner{
		width: 100%;
	}
	#lavamedia ul.ig-images{
		width: 100%;
		margin: 40px auto;
		overflow: hidden;
	}
	#lavamedia ul.ig-images li{
		float: left;
		width: 49%;
	}
	#lavamedia ul.ig-images li:nth-child(2n){
		margin-left: 2%;
	}
	#lavamedia ul.ig-images li:nth-child(n+3){
		margin-top: 2%;
	}
	#lavamedia ul.media-link{
		text-align: center;
	}
	#lavamedia ul.media-link li:nth-child(n+2){
		margin-top: 20px;
	}
	#lavamedia ul.ig-images a{
		display: inline-block;
		position: relative;
	}
	#lavamedia ul.ig-images a:hover,
	#lavamedia ul.ig-images a:hover img{
		opacity: 1 !important;
	}
	#lavamedia ul.ig-images a:hover::after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(247,178,0,.8) url(/common/images/icon_ig_w.svg) no-repeat center center /50px 50px;
	}

	/* #aboutlava
	====================================*/
	#aboutlava{
		position: relative;
		padding: 85% 0 30px;
		background-color: #f5f5f5;
	}
	#aboutlava::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		padding-top: 100%;
		background: url(/top/images/aboutlava_img.jpg) no-repeat center top /cover;
	}
	#aboutlava .aboutlava-inner{
		position: relative;
		margin: 0 4.28%;
		padding: 45px 0;
		background-color: #fff;
		text-align: center;
		z-index: 10;
	}
	#aboutlava .aboutlava-logo{
		display: block;
		width: 70px;
		margin: 0 auto 30px;
	}
	#aboutlava .aboutlava-logo img{
		width: 70px;
		height: 104px;
	}
	#aboutlava .aboutlava-txt{
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		font-size: 14px;
		line-height: 1.75;
		text-align: left;
	}
    
    
    /*====== 180831追加　川津　CM動画用css ======*/
    .cm_movie_box {
        margin-top: 50px;
    }


}