@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Hydrosonic"

Cascading Style Sheet Setting File

Ver.20170105

------------------------------------------------------------------------------------------------------------------------

********************************************************************************************************** |READ ME| **/
/** | Hydrosonic | >> ********************************************************************************* >> START **/
.hydrosonic_wrap #Main{
    height: 58px!important;
}

.text_right_sp{
	display: none;
}
@media  (max-width: 1024px){
}
@media  (max-width: 658px){
	.hydrosonic_wrap #Hydrosonic{
		height: auto!important;
		}
		.hydrosonic_wrap #Main {
		height: 0px!important;
	}
	.hydrosonic_wrap #Hydrosonic .panels .panel01 .bg{padding:0 15px 100px;min-width:0;height:auto;background:url("../img/hydro_img_main_01_sp.png")no-repeat center bottom;background-size:320px 240px;}
	#Hydrosonic .panels .panel02  {
		height: 480px;
	}
	}

/** | Movie | >> ********************************************************************************* >> START **/
#hydro_Movie{
	position: relative;
	width: 100%;
	height: auto!important;
	max-width: 100%;
	min-width: 1180px;
}
#hydro_Movie video{
	margin-left: 0!important;
	width: 100%!important;
}
#brushes_Movie02{
	margin-top: -7px;
}
#PlayBtn6{
	cursor: pointer;
}

.hydrosonic_wrap #Footer {
	margin-top: -7px;
}
@media  (max-width: 1024px){
	#hydro_Movie {
		width: 100%;
		min-width: 641px;
	}
}
@media  (max-width: 658px){
	.hydrosonic_wrap{
		overflow: hidden;
	}
	#hydro_Movie{
		width: 100%;
		min-width: 0;
	}
}