@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 980px){
	#g_nav #menu{
		display:none;
	}
	#g_nav ul{
		display:block !important;
	}
	#g_nav ul li a span{
		display:none;
	}
}
@media screen and (max-width: 979px){
	img{
		max-width:100%;
		height:auto;
	}
	
	/*------------------------------------------
	 HEADER
	-------------------------------------------*/
	header h1{
		width:100%;
	}
	header .head_inr_wrap{
		width:96%;
		padding:0 2%;
	}
	header .head_inr_wrap .head_inr{
		width:100%;
	}
	/*------------------------------------------
	 GLOBAL NAVI
	-------------------------------------------*/
	#g_nav{
		overflow:hidden;
		clear:both;
	}
	#g_nav #menu{
		float:right;
		border:1px solid #FFF;
		color:#FFF;
		padding:2px 5px;
		margin:5px;
		cursor:pointer;
		border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-o-border-radius:5px;
			-ms-border-radius:5px;
		}
	#g_nav ul{
		width:100%;
		border-top:1px solid #FFF;
	}
	#g_nav ul li{
		width:100%;
		float:left;
		border-bottom:1px solid #FFF;
	}
	#g_nav ul li a{
		height:45px;
		color:#FFF;
		text-decoration:none;
		background:#CC0033;
	}
	#g_nav ul li img{
		display:none;
	}
	#g_nav ul li span{
		height:45px;
		line-height:45px;
		text-align:center;
		font-weight:bold;
		display:block;
	}
	/*------------------------------------------
	 FOOTER
	-------------------------------------------*/
	footer{
		width:100%;
	}
	footer #foot_menu{
		width:100%;
	}
	footer #foot_menu ul{
		width:96%;
		margin:0 auto;
		
	}
	/*------------------------------------------
	 CONTENT
	-------------------------------------------*/
	.content{
		width:100%;
	}
	.btn_page_top{
		margin-left:2%;
	}
	/* SIDE
	---------------------------*/
	.side_left{
		display:none;
	}
	/* MAIN
	---------------------------*/
	.main{
		width:740px;
		margin:0 auto 40px;
		float:none;
	}
}

@media screen and (max-width: 740px){
	/*------------------------------------------
	 HEADER
	-------------------------------------------*/
	header .head_inr_wrap .head_inr #logo{
		float:none;
	}
	header .head_inr_wrap .head_inr #logo a{
		margin:10px auto;
	}
	header .head_inr_wrap .head_inr #head_right .rtext{
		display:none;
	}
	header .head_inr_wrap .head_inr #head_menu ul{
		clear:both;
		overflow:hidden;
		margin-top:10px;
		margin-right:-3px;
	}
	header .head_inr_wrap .head_inr #head_menu ul li{
		float:left;
	}
	header .head_inr_wrap .head_inr #head_menu ul li a{
		color:#666;
		font-size:12px;
		text-decoration:none;
		line-height:none;
		border-right:1px solid #888;
		padding:0 5px;
	}
	header .head_inr_wrap .head_inr #head_menu ul li a:hover{
		text-decoration:underline;
	}
	/*------------------------------------------
	 CONTENT
	-------------------------------------------*/
	/* MAIN
	---------------------------*/
	.main{
		width:98%;
		margin:0 auto 20px;
		clear:both;
	}
	/*------------------------------------------
	 HOME
	-------------------------------------------*/
	.home .content{
		margin-top:40px;
	}
	.home .main .wp_cnt{
		overflow:hidden;
		clear:both;
		width:96%;
		padding:2%;
	}
	.home .main .wp_cnt ul{
		clear:both;
		margin-left:-2%;
	}
	.home .main .wp_cnt ul li{
		width:31.3%;
		margin-left:2%;
		float:left;
		margin-bottom:2%;
	}
	.home .main .wp_cnt ul li img{
		max-height:100%;
		height:auto;
		width:auto;
	}
	.home h2{
		padding:5px 18px;
		border-left:5px solid #CC0033;
		background:#FFF url(images/common/icon_arrow2.png) no-repeat;
		background-position:left center;
		clear:both;
		overflow:hidden;
	}
	section.news{
		padding:10px;
		margin:20px 0;
		background:#FFF;
	}
	section.news ul{
		margin-bottom:10px;
	}
	section.news ul li{
		clear:both;
		overflow:hidden;
		padding-left:15px;
		border-bottom:1px solid #CCC;
		background:url(images/common/icon_disc.png)S# no-repeat;
		background-position:left 10px;
	}
	section.news ul li:hover{
		background:#F9F9F9 url(images/common/icon_disc.png) no-repeat;
		background-position:left 10px;
	}
	section.news ul li a{
		color:#333;
		font-size:13px;
		text-decoration:none;
		padding:5px 0;
		display:block;
	}
	section.news ul li p.date{
		width:110px;
		float:left;
	}
	section.news ul li p.title{
		margin-left:110px;
		line-height:1.6em;
	}
	/*------------------------------------------
	 BUILD
	-------------------------------------------*/
	.slider ul li img{
		max-width:100%;
		height:auto;
		width:auto;
	}
	.slider .bx_pager a img{
		max-width:100%;
		height:auto;
		width:auto;
	}
	.box_list section{
		clear:both;
		margin-left:0;
	}
	/*------------------------------------------
	 CONTACT
	-------------------------------------------*/
	.wpcf7 table tr{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.wpcf7 table th,
	.wpcf7 table td{
		width:100% !important;
		display:block;
		float: left; /* IE */
		clear: both; /* IE */
	}
	.wpcf7 table th span{
		color:#F00;
		margin-left:5px;
	}
	.wpcf7 input[type="text"],
	.wpcf7 input[type="tel"],
	.wpcf7 input[type="email"],
	.wpcf7 textarea{
		max-width:80%;
		font-size:12px;
		line-height:1.8em;
	}
	.wpcf7 select{
		font-size:12px;
		line-height:1.8em;
	}
	/*------------------------------------------
	 SOLAR
	-------------------------------------------*/
	.slider ul li{
		height:450px;
	}
	.slider .bx-wrapper{
		margin-bottom:10px;
	}
	.slider .bx_pager{
		clear:both;
		margin-left:-8px;
	}
	.slider .bx_pager a{
		width:20%;
		height:91px;
		margin-left:0;
	}
	/*------------------------------------------
	 PET
	-------------------------------------------*/
	#pet #pet_list .left_area{
		width:100%;
		float:none;
	}
	/*------------------------------------------
	 SINIOR
	-------------------------------------------*/
	#senior #senior_list .left_area{
		width:100%;
		float:none;
	}

}

@media screen and (max-width: 480px){
	.main{
		overflow:hidden;
	}
	.btn_page_top{
		margin:50px auto 0;
	}
	.col2_w{
		margin-left:0%;
	}
	.col2{
		width:96%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom:2%;
		float:none;
	}

	/*------------------------------------------
	 BUILD
	-------------------------------------------*/
	#build #build_pre{
		margin-bottom:40px;
		overflow:hidden;
	}
	#build .left_box{
		width:98%;
		float:none;
		margin:0 auto 40px;
		font-size:12px;
	}
	#build .right_box{
		width:98%;
		float:none;
		margin:auto;
		font-size:12px;
	}
	.box_list section{
		clear:both;
		margin-left:0;
	}
	.box_list dl{
		margin:0 auto 25px;
		float:none;
	}
	/*------------------------------------------
	 SOLAR
	-------------------------------------------*/
	.slider ul li{
		height:300px;
	}
	/*------------------------------------------
	 nanobubbles
	-------------------------------------------*/
	#nanobubbles .left_area{
		width:100%;
		float:none;
	}
	#nanobubbles .right_area{
		width:100%;
		float:none;
	}
}

@media screen and (max-width: 340px){
	header .head_inr_wrap .head_inr #logo{
		float:none;
	}
	header .head_inr_wrap .head_inr #logo a{
		width:200px;
		padding-top:40px;
		background-size:cover;
		margin:10px auto;
	}
	#about.main .wp_cnt table tr,
	#about.main .wp_cnt table th,
	#about.main .wp_cnt table td{
		display:block;
		width:100%;
		float: left; /* IE */
		clear: both; /* IE */
	}
	#about.main .wp_cnt table th{
		width:100% !important;
	}
	/*------------------------------------------
	 REFORM
	-------------------------------------------*/
	#reform .reform_tag div .lfloat{
		float:none;
		text-align:center;
		margin:0 auto 10px;
	}
	#reform .reform_tag h3{
		margin-left:0;
	}
}