@charset "utf-8";

#animate{
	background-color: #fffaee;
}

#animate.act{
	background: #fffaee;
}

#gallery{
	background: #fffaee;
}

#footer{
	background-color: #fffaee;
}

#mvisual{background:none;padding:0;}

#mvisual .mtit h2 {

    line-height: 1.4;

}

#mvisual .mtit h2 span {
    line-height: 1.9;
    margin-top: -5px;
    height: 30px;
}


#mcontainer .inner_box{position: absolute;top:150px;left: 50%;margin-left: -170px;z-index: 10;}

#mvisual .grap{position:relative;width:100%;height:100%}
#mvisual .grap .obj{position:relative;width:100%;height:100%;}
#mvisual .grap .obj .item{position:relative;width:100%;height:100%;}
#mvisual .grap .obj .item img{height: 100%;max-width:none;min-width:100%}
#mvisual .control{position:absolute;bottom:450px;left:50%;margin-left:-100px;}
#mvisual .control a, #mvisual .control .paging button{float:left;display:inline-block;width:21px;height:21px;margin-left:10px;vertical-align:middle;font-size:0}
#mvisual .control a{margin-top:5px;}
#mvisual .control .paging{float: left;}

#mvisual .control a[data-control="prev"]{background: url(/images/smugrade/main/visual_btn_icon_prev.png) no-repeat}
#mvisual .control a[data-control="next"]{float:right;margin-left:20px;background: url(/images/smugrade/main/visual_btn_icon_next.png) no-repeat}

#mvisual .control .paging button{background: url(/images/smugrade/main/visual_page_icon_on.png) no-repeat center center;}
#mvisual .control .paging button.ov{background: url(/images/smugrade/main/visual_page_icon_off.png) no-repeat center center;}

#mnotice .grap .item a {min-height:216px;padding-bottom:0;}
#mnotice .grap .item a b{max-height:60px;height:60px;}
#mnotice .grap .item a img{width:100%; max-height:100px;margin-bottom:10px;}
#mnotice .grap .item a .text{height: auto}
#mlink{top: 314px;position: absolute;}

#gallery .depgallery .grap .obj .item a .tit {

    height: 33px;

    font-size: 15px;
}

@media (min-width:0px) {
	#mvisual .control{bottom:410px;}
}

@media (min-width:768px) {
	#mnotice .grap .item a b{height:32px;font-size:20px}
	#mlink{top: 364px;}
	#mcontainer .inner_box {top: 170px;margin-left: -240px;}
	#mvisual .control{bottom:32px;}
	
	#mvisual {height:370px;}	
	
	#gallery h2 {margin-bottom: 20px;}
}

@media (min-width:1200px) {
	#mnotice .grap .item a b {height: 42px;font-size: 17px;}

	#mnotice {
   		float: left;
 		height: 338px;
 		width: 100%;
	}
	
	#mlink .l_bg{width: 50%;}

	#mlink .r_bg{width: 50%;}
}


@media (min-width: 1024px){
	#mlink{top: 401px;}
	
	#mvisual {height:540px;}
	
	#mvisual .control{bottom:95px;}
}

/* 20181108_���� */
@media (max-width:768px) {
	#mvisual{height:300px;}
	#mvisual .control{bottom:15px;}
	#mlink{top:400px!important;}
	#mlink .link{height:280px;}
	#mlink .link .bor_r{border-right: 1px solid rgba(140,140,140,0.6)}
	#mlink .link .bor_b{border-bottom: 1px solid rgba(140,140,140,0.6)}
	#mlink .link li{position:relative;}
	#mlink .link .icon2_txt{display: inline-block;width:100%;position: absolute;top: 30px;left:20px;height: 50px;line-height: 20px;}
	#mlink .r_bg{height:300px}
	#mlink .link ul li a .icon2{margin-left:-80px;}
}