@charset "UTF-8";
/*==================================================
 hack CSS
 20171118 ver.1.0.0
==================================================*/

@media (max-width: 768px) {
	html{
		max-width: 100%;
	}
	#container{
		max-width: 100%;
		background: #fff;
	}
	#containerWrap{
		padding: 0;
	}
	
	
	/*レイアウト関係*/
	#content{
		padding: 5px 0 20px 0;
		background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.1),rgba(0,0,0,0.02));
	}
	#contentWrap{
		display: flex;
		flex-direction: column-reverse;
	}
	#hNavi ul{
		width: 80px;
		float: none;
		display: flex;
		flex-direction: column;
	}
	#hNavi img{
		max-width: 100%;
	}
	#translate{
		position: fixed;
		bottom: 0;
		right: 0;
	}
	#gNavi li{
		width: 16.6%;
		background: linear-gradient(#ffffff,#d8d9cb 49%,#bec0ab 50%,#d3d6c5);
		border: 1px solid #bdc0ad;
		/*background: linear-gradient(#065acc,#5db0fe 49%,#003081 50%,#02369b);
		border: 1px solid #84c2ef;*/
		box-sizing: border-box;
	}
	#gNavi li a{
		display: block;
		padding-bottom: 80%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	#gNavi li img{
		display: none;
		width: 100%;
	}
	.gNavi01 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_1_g.svg);
	}
	.gNavi02 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_6_g.svg);
	}
	.gNavi03 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_3_g.svg);
	}
	.gNavi04 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_4_g.svg);
	}
	.gNavi05 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_5_g.svg);
	}
	.gNavi06 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_Blank_g.svg);
	}
	.gNavi07 a{
		background-image: url(../img/layout/header/gNavi/gnavi_ico_7_g.svg);
	}
	/*#side,*/
	#sideWrap,
	#page{
		max-width: 100%;
		padding: 5px 2%;
		box-sizing: border-box;
	}
	#pageWrap{
		padding: 8px 2.5%;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 0 0 3px rgba(0,0,0,0.25); 
		background-color: #fff;
	}
	#page img{
		max-width: 100%;
	}
	#page h2{
		width: 100%;
		overflow: hidden;
	}
	#page h2 img{
		width: auto;
		max-width: none;
	}
	#side{
		float: none;
		width: 100%;
	}
	#side img{
		width: 100%;
	}
	#CategoryMenu{
		border: 1px solid #fff;
		box-shadow: 0 0 3px rgba(0,0,0,0.25);
	}
	#CategoryMenu ul{
		margin-left: 10px;
	}
	#CategoryMenu ul ul{
		border-left: 3px solid #ccc;
	}
	#sideWrap iframe{
		display: none;
	}
	#container>#footer,
	#containerWrap #footer{
		background: linear-gradient(rgba(79,79,79,1),rgba(64,64,64,1));
		height: auto;
	}
	#container>#footer>#footerWrap,
	#containerWrap #footer #footerWrap{
		padding: 10px 10px 25px 10px;
	}
	#container>#footer div,
	#containerWrap #footer div{
		float: none;
	}
	#container>#footer #flogo,
	#containerWrap #footer #flogo{
		margin: 0 auto;
		text-align: center;
	}
	#container>#footer>#flogo,
	#containerWrap #footer>#flogo{
		padding-top: 20px;
	}
	#container>#footer #fNavi,
	#containerWrap #footer #fNavi{
		margin: 20px 0;
	}
	
	/*TOPページ専用*/
	.boxWrap .w330px{
		width: 100% !important;
	}
	.newsFrame01{
		margin-bottom: 20px;
	}
	.newsFrame01 h2{
		
	}
	.newsFrame01 h2 img{
		width: 100%;
	}
	.newsFrame01Wrap{
		max-height: 250px;
	    overflow: auto;
	}
	
	/*TOPスライダー専用*/
	#keyvisual img{
		max-width: 100%;
	}
	
	
	/*製品ページ専用*/
	.modelUl01 li{
		width: 50%;
		box-sizing: border-box;
		margin: 0;
		padding: 5px;
	}
	/*新着情報ページ専用*/
	.news01{}
	.news01 .img,
	.news01 .img img{
		width: 100%;
		margin-bottom: 10px;
	}
	.news01 .text{
		margin-left: 0;
	}
	/*製品詳細ページ専用*/
	.entry01{}
	.entry01 .img,
	.entry01 .img img{
		width: 100%;
	}
	.entry01 .text{
		margin-left: 0;
	}
	/*イベントページ専用*/
	.table01{
		overflow-x: auto;
	}
	.table01 table{
	}
	.table01>div:last-child{
		text-align: center;
		line-height: 40px;
		height: 40px;
	}
	.table01>div:last-child a{
		color: #fff;
		background-color: #ccc;
		padding: 10px;
		line-height: 2em;
		border-radius: 50%;
	}
	/*販売店情報ページ専用*/
	#bNavi1,#bNavi2,#bNavi3,#bNavi4,#bNavi5,#bNavi6,#bNavi7,#bNavi8{
		width: 100%;
		height: 40px;
		overflow: hidden;
	}
	#ShopContents>dl>dt>img{
		max-width: inherit;
		width: 600px;
	}
	/*お問合わせページ専用*/
	.w50px,.w300px,.w330px,.w350px,.w400px,.w425px,.w450px,.w500px,.w550px,.w600px,.input20{
		width: 100% !important;
	}
	#InquiryEntryForm{}
	#InquiryEntryForm tr{
		display: flex;
		flex-direction: column;
		padding-bottom: 20px;
	}
	#InquiryEntryForm tr th{
		font-weight: bold;
		border-bottom: 1px dashed #ccc;
	}
	#InquiryEntryForm tr th br{
		display: none;
	}
	#InquiryEntryForm tr th:before{
		content: "▶ ";
	}
	#InquiryEntryForm tr td{
		max-width: 100%;
		padding: 10px 10px 10px 30px;
		box-sizing: border-box;
	}
	
	
	/*会社TOP用----------------------------------------------------------
	*/
	#bg01,#bg02,#bg03{
		max-width: 100%;
		min-width: inherit;
		overflow: auto;
	}
	html,
	body{
		min-width: inherit;
	}
	#bg01 #container,
	#bg01 #header,
	#bg01 #gm,
	#bg01 #slideshow,
	#bg01 #contents,
	#layout_r260,
	#layout_l700,
	#bg01 #footer{
		width: 100%;
		max-width: 100%;
		float: none;
	}
	#bg01 #slideshow{
		height: auto;
	}
	
	
	/*会社TOP用 header*/
	#bg01 #header{
		padding: 5px 0;
		height: auto;
		background: linear-gradient(rgba(0,0,0,0.03), rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.05));
		border-bottom: 8px solid #161616;
	}
	.sitetitle a{
		width: 80%;
		min-height: 60px;
		height: auto;
		background-image: url(../img/base/title_zerosports2.gif);
		background-size: contain;
		background-repeat: no-repeat;
		position: static;
		background-position: center;
		margin: 0 auto;
	}
	#google_translate_element{
		position: fixed;
		bottom: 0;
		right: 0;
	}
	/*会社TOP用 menu*/
	#gm{
		margin-top: 0;
	}
	#ulist_gm,
	#bg01 #gm>ul{
		display: flex;
	}
	#ulist_gm li,
	#bg01 #gm>ul li{
		width: 33.3333%;
		/*width: 50%;*/
	}
	#ulist_gm li a,
	#bg01 #gm>ul li a,
	#bg01 #gm ul li a#gm01:hover, #bg03 #gm ul li.this a#gm01{
		width: 100%;
	}
	#bg01 img{
		max-width: 100%;
		box-sizing: border-box;
	}
	#ulist_gm li a,
	#gm ul li a#gm01,#gm ul li a#gm01:hover, #gm ul li.this a#gm01,
	#gm ul li a#gm02,#gm ul li a#gm02:hover, #gm ul li.this a#gm02,
	#gm ul li a#gm03,#gm ul li a#gm03:hover, #gm ul li.this a#gm03{
		background-position: -2px center;
		background-size: contain;
		border-left: 1px dotted #ccc;
	}
	#ulist_gm li:first-child a,
	#gm ul li a#gm01,#gm ul li a#gm01:hover, #gm ul li.this a#gm01{
		background-image: url(../img/base/gm_r1_c1.gif);
		border:none;
	}
	#gm ul li a#gm02,#gm ul li a#gm02:hover, #gm ul li.this a#gm02{
		background-image: url(../img/base/gm_r1_c2.gif);
	}
	#gm ul li a#gm03,#gm ul li a#gm03:hover, #gm ul li.this a#gm03{
		background-image: url(../img/base/gm_r1_c3.gif);
	}
	
	/*会社TOP用 menu2*/
	#bg03 #contents{
		padding: 5px;
		display: flex;
		flex-direction: column-reverse;
		box-sizing: border-box;
	}
	
	/*会社TOP用 footer*/
	#bg01 #footer {
		background-image: url(../img/base/bg_footer.gif);
		background-repeat: repeat-x;
		background-position: top;
		height: 50px;
		padding-top: 15px;
	}
	.copyright{
		margin: inherit;
	}

	
	/*会社Default用*/
	#bg02>#container{
		padding: 0;
	}
	#bg02>#container>#contents{
		box-sizing: border-box;
		padding: 0 5px;
	}
	#layout_l660,#layout_r260{
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin-top: 5px;
	}
	.con_box02 div{
		width: 100%;
	}
	.con_box02 div.tx-left{
		margin: 5px 0 !important;
	}
	.entry_title,
	.entry_txt{
		padding: 7px;
	}
	.entry_txt tr{
		display: flex;
		flex-direction: column;
		padding-bottom: 30px;
		border-top: 3px solid #ccc;
	}
	.entry_txt th,.entry_txt td{
		width: 100% !important;
		box-sizing: border-box;
	}
	.entry_txt td{
		height: auto;
	}
	.h_press{
		background-size: contain;
		background-position: center;
	}
	#bg02>#container>#contents>#layout_l660>.mb20>img{
		padding: 10px;
		margin: 0;
	}
	.f20,.f30,.f50,.f60,.f70,.f80,.f100,.f150,.f170,.f200,.f250,.f300,.f350,.f400,.f450,.f500{
		width: 100%;
	}
	
}