@charset "utf-8";

@media screen and (min-width: 761px), print {
/*PC*/

/* #visual
====================================*/
	#visual{
		position: relative;
		width: 100%;
		height: 452px;
		overflow: hidden;
	}
	#visual-slider{
		position: absolute;
		left: 50%;
		top: 0;
		width: 3000px;
		height: 452px;
		margin-left: -500px;
	}
	#visual-slider .bx-viewport{
		overflow: visible !important;
		width: 1000px;
	}
	#visual-slider .bx-controls{
		width: 1024px;
		margin: 0 auto;
		text-align: center;
	}
	#visual-slider .bx-wrapper{
		position: relative;
		height: 452px;
	}
	#visual-slider .slider{
		height: 430px;
		overflow: hidden;
	}
	#visual-slider .slider li{
		width: 1000px !important;
	}
	#visual-slider .bx-controls{
		position: absolute;
		top: 430px;
		width: 1000px;
		background-color: #fff;
		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: -227px;
		width: 40px;
		height: 40px;
		background-color: rgba(255,255,255,.6);
		color: #DC580D;
		border-radius: 20px;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		z-index: 100;
	}
	#visual-slider a.bx-prev{left: 10px;}
	#visual-slider a.bx-next{right: 10px;}

	#top-topics{
		padding: 50px 0;
	}
	ul#topics-imporant{
		width: 842px;
		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_pc.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);
	}
		span.btn-txt::after{
		content: "\3e";
		font-family: 'icon-gt' !important;
		font-weight: normal;
		margin-left: .25em;
	}

	
/* #lavacontents
====================================*/
	#lavacontents{}
	#lavacontents .inner-wrap{
		width: 100%;
		max-width: 1200px;
		min-width: 1024px;
		margin: 0 auto;
		padding: 80px 0 120px;
		background-color: #fff;
	}
	#lavacontents .lc-link{
		width: 1024px;
		margin: 0 auto;
		overflow: hidden;
	}
	.lc-link .lc-item{
		float: left;
		width: 310px;
		margin-left: 47px;
	}
	.lc-link .lc-item:nth-child(3n-2){
		clear: left;
		margin-left: 0;
	}
	.lc-link .lc-item:nth-child(n+4){
		margin-top: 60px;
	}
	.lc-link .lc-item dt{
		margin-bottom: 12px;
	}
	.lc-link .lc-item dt a{
		display: block;
		color: #de580d;
		font-size: 16px;
		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 dd{
		font-size: 13px;
	}
	
	/* #otherinfo
	====================================*/
	#otherinfo{
		width: 100%;
		height: 430px;
		margin-top: 100px;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	}
	#otherinfo ul.otherinfo-link{
		overflow: hidden;
	}
	#otherinfo ul.otherinfo-link li{
		float: left;
		width: 33%;
		height: 430px;
		background-color: #fff;
	}
	#otherinfo ul.otherinfo-link li:nth-child(n+2){
		margin-left: .5%;
	}
	#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: 17px;
		font-weight: 500;
		background: url(/top/images/otherinfo_bg.jpg) no-repeat 0 0 /auto 100%;
	}
	#otherinfo ul.otherinfo-link li:nth-child(1) a{ background-position: left 0; }
	#otherinfo ul.otherinfo-link li:nth-child(2) a{ background-position: center 0; }
	#otherinfo ul.otherinfo-link li:nth-child(3) a{ background-position: right 0; }
	#otherinfo ul.otherinfo-link li a::before{
		content: "";
		display: block;
		width: 120px;
		height: 120px;
		margin: 0 auto 20px;
	}
	.oi-lesson a::before{
		background: url(/common/images/icon_lesson_w.svg) no-repeat 0 0 /120px 120px;
	}
	.oi-schedule a::before{
		background: url(/common/images/icon_schedule_w.svg) no-repeat 0 0 /120px 120px;
	}
	.oi-recruit a::before{
		background: url(/common/images/icon_recruit_w.svg) no-repeat 0 0 /120px 120px;
	}
	#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: 100px 0;
		background-color: #f5f5f5;
	}
	#topics .topics-inner{
	}
	#topics ul#topics-days{
		width: 842px;
		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: 20px 50px 20px 0;
		font-size: 16px;
		line-height: 1.875;
	}
	ul.topics-list a::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		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: 100px 0;
	}
	#lavamedia .lavamedia-inner{
		width: 100%;
		max-width: 1100px;
		min-width: 1024px;
	}
	#lavamedia ul.ig-images{
		width: 100%;
		margin: 80px auto 70px;
		overflow: hidden;
	}
	#lavamedia ul.ig-images li{
		float: left;
		width: 23.5%;
	}
	#lavamedia ul.ig-images li:nth-child(n+2){
		margin-left: 2%;
	}
	#lavamedia ul.media-link{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#lavamedia ul.media-link li{
		margin: 0 15px;
	}
	#lavamedia ul.ig-images a{
		display: 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{
		overflow: hidden;
		position: relative;
		padding: 770px 0 65px;
		background-color: #f5f5f5;
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 464px, #f5f5f5 464px, #f5f5f5 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 464px,#f5f5f5 464px,#f5f5f5 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 464px,#f5f5f5 464px,#f5f5f5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	}
	#aboutlava::before{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 1200px;
		height: 928px;
		margin-left: -600px;
		background: url(/top/images/aboutlava_img.jpg) no-repeat center top /cover;
		
	}
	#aboutlava .aboutlava-inner{
		position: relative;
		width: 1024px;
		margin: 0 auto;
		padding: 90px 0 120px;
		background-color: #fff;
		text-align: center;
		z-index: 10;
	}
	#aboutlava .aboutlava-logo{
		display: block;
		width: 120px;
		margin: 0 auto 60px;
	}
	#aboutlava .aboutlava-logo img{
		width: 120px;
		height: 178px;
	}
	#aboutlava .aboutlava-txt{
		width: 600px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1.875;
		text-align: left;
	}
    /*====== 180831追加　川津　CM動画用css ======*/
    .cm_movie_box {
        width: 1000px !important;
        margin: 100px auto 0;
    }




}