@charset "UTF-8";
@media screen and (max-width:640px){

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	img { width:100%; }
	
	#header { width:100%; margin-top:15px; }
	#header h1 { width:96%; margin:0 auto; }
	#header h1 img { width:38%; }
	#header ul#naviList { border-bottom:solid 1px #e5e5e5; margin-top:10px; }
	#header ul#naviList > li { width:33%; border:none; border-top:solid 1px #e5e5e5; font-size:100%; }
	#header ul#naviList > li:first-child { display:block; }
	#header ul#naviList > li:nth-child(3n+2) { width:34%; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; box-sizing:border-box; }
	#header ul#naviList > li > a { padding:8px 0; }
	#header ul#naviList > li > a:hover { border-bottom:solid 2px #008dd2; padding-bottom:6px; }
	#header ul#naviList > li.current > a { border-bottom:solid 2px #008dd2; padding-bottom:6px; }
	#header ul#naviList li ul { display:none !important; }

	.contentsOuter { width:96%; }
	.pcBlock { display:inline; }
		
	ul.productsList li { width:49%; margin:0 0 0 2% !important; }
	ul.productsList li:nth-child(2n+1) { margin-left:0 !important; }
	ul.productsList li:nth-child(n+3) { margin-top:10px !important; }
	
	#productsCatalog { width:96%; padding:10px 3%; box-sizing:border-box; }
	.products #productsCatalog { width:95%; }
	.topPage .catalogBnArea { width:100%; }
	#productsCatalog img { width:100%; }
	#productsCatalog h3 { margin:0 !important; width:33%; }
	.products #productsCatalog h3 { width:60%; }
	#productsCatalog p { margin-left:2%; width:65%; top:0; }
	.products #productsCatalog p { display:none; }
	#productsCatalog ul { float:none; clear:both; margin:0; padding-top:10px; width:100%; }
	#productsCatalog ul li { float:left; width:48%; margin:0 0 0 4%; font-size:100%; }
	#productsCatalog ul li:first-child { margin-left:0; }
	#productsCatalog ul li a { padding:5px 0; border-width:1px; }
	#productsCatalog ul li a:hover { border-width:1px; }
	
	p.pagetop { width:96%; margin-top:0; }
	p.pagetop img { width:35%; }
	
	#pages h2 { margin-top:10px; font-size:138%; }
	#pages h2 span span { display:block; font-size:78%; }
	#pages h3 { margin-top:30px !important; font-size:115%; padding:5px 10px; }
	
	#footerNavi { margin-top:0; padding:0; }
	#footerNavi ul { width:100%; }
	#footerNavi ul li { border:none !important; padding:6px 0; display:block; float:left; text-align:center; border-bottom:solid 1px #e5e5e5 !important; }
	#footerNavi ul li:nth-child(n+5) { border-bottom:none !important; }
	#footerNavi ul li:first-child { width:16%; padding-left:3%; }
	#footerNavi ul li:nth-child(2) { width:29%; }
	#footerNavi ul li:nth-child(3) { width:19%; }
	#footerNavi ul li:nth-child(4) { width:30%; padding-right:3%; }
	#footerNavi ul li:nth-child(5) { width:19%; margin-left:12%; }
	#footerNavi ul li:nth-child(6) { width:30%; }
	#footerNavi ul li:last-child { width:27%; border-right:solid 1px #000000; }
	#footerNavi ul li a { border-left:solid 1px #000000; padding:0; display:block; }
	#footerNavi ul li:nth-child(4) a { border-right:solid 1px #000000; }
	#footerNavi ul li:last-child a { border-right:solid 1px #000000; }
	#footerInfo { width:100%; margin-top:20px; }
	#footerInfo p#footerLogo { float:none; margin:0 auto; width:40%; }
	#footerInfo p#footerTxt { float:none; margin:30px auto 0; width:96%; }
	
	.catalogBnArea { display:block; padding-bottom:2%; }
	.products .catalogBnArea { padding-bottom:0; }
	
	#productsCatalog { width:96%; padding:10px 3%; margin:0 auto; box-sizing:border-box; }
	#productsCatalog img { width:100%; }
	#productsCatalog h3 { margin:0; width:33%; }
	#productsCatalog p { margin-left:2%; width:65%; top:0; }
	#productsCatalog ul { float:none; clear:both; margin:0; padding-top:10px; width:100%; }
	#productsCatalog ul li { float:left; width:48%; margin:0 0 0 4%; font-size:100%; }
	#productsCatalog ul li:first-child { margin-left:0; }
	#productsCatalog ul li a { padding:5px 0; border-width:1px; }
	#productsCatalog ul li a:hover { border-width:1px; }
	
	#productsCatalog2 { width:96%; padding:10px 0; box-sizing:border-box; margin:0 auto; }
	.products #productsCatalog2 { margin-top:2%; }
	#productsCatalog2 img { width:100%; }
	#productsCatalog2 h3 { margin:2% 0 0 4px; width:61.5%; }
	.products #productsCatalog2 h3 { margin:0 !important; padding:0; }
	#productsCatalog2 p { margin-left:5%; width:40%; top:0; }
	#productsCatalog2 .fLeft { margin:0 0 0 3%; width:48%; }
	#productsCatalog2 ul { clear:both; margin:0; padding-top:10px; width:97%; }
	#productsCatalog2 ul li { width:100%; margin:0; font-size:100%; }
	#productsCatalog2 ul li:first-child { margin-left:0; }
	#productsCatalog2 ul li a { padding:5px 0; border-width:1px; }
	#productsCatalog2 ul li a:hover { border-width:1px; }
	
	#index #productsCatalog { margin-left:auto; margin-right:auto; }
	#index #productsCatalog2 { margin-left:auto; margin-right:auto;  }
		
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.topPage .mvSlider { width:100%; padding-bottom:30px; }
	.slick-prev, .slick-next { background-size:contain; width:22px; height:45px; }
	.slick-dots { bottom:0; }
	.topPage ul#bnList { margin-top:20px; }
	.topPage ul#bnList li { width:100%; margin:10px 0 0; }
	.topPage #productsWrap { margin-top:40px; }
	.topPage ul#bnList li:first-child { margin-top:0; }
	.topPage #productsWrap h2 img { width:100%; }
	.topPage #catalogWrap { margin-top:30px; padding:10px 0; }	
	
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	製品情報
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pages #productsCatalog h3 { margin:0 !important; padding:0; }
	.products #catalogOuter p#iconClose { width:20px; top:5px; right:0; }
	.products #catalogOuter p.pagetop { display:block; top:0; right:2%; width:96%; margin-top:-6%; z-index:1; bottom:auto; }
	.products #catalogOuter p.pagetop img { width:30%; }
	
	.products #indexWrap { margin-top:20px; }
	.products #indexWrap ul.productsList { margin-top:20px; }
	.products #indexWrap ul.productsDetailList li { width:49%; margin:10px 0 0 2% !important; }
	.products #indexWrap ul.productsDetailList li:nth-child(2n+1) { margin-left:0 !important; }
	.products #indexWrap ul.productsDetailList li p.productsDetailTxt span { font-size:107%; }
	
	.products #catalogWrap { width:100%; margin-top:15px; }
	.products #catalogWrap #catalogImageSection { margin-top:15px; }
	.products #catalogWrap #catalogImageSection > p { float:none; margin:0 auto; width:60%; }
	.products #catalogWrap #catalogImageSection div { float:none; margin:20px 0 0; }
	.products #catalogWrap #catalogImageSection div p { font-size:107%; }
	.products #catalogWrap #catalogImageSection div ul { margin-top:5px; }
	.products #catalogWrap #catalogImageSection div ul li { width:49%; margin-left:2%; }
	.products #catalogWrap #catalogImageSection div ul li:first-child { margin-left:0; }
	.products #catalogWrap #catalogMethodSection { margin-top:40px; }
	.products #catalogWrap #catalogMethodSection ul li { width:100%; margin:20px 0 0; }
	.products #catalogWrap #catalogMethodSection ul li:first-child { margin-top:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	サポート
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.support #serviceWrap { margin-top:15px; }
	.support #serviceWrap #mapWrap ul { overflow:hidden; margin-top:10px; position:static; top:auto; left:auto; width:100%; }
	.support #serviceWrap #mapWrap ul li { position:static; width:49%; margin:0 0 0 2%; float:left; }
	.support #serviceWrap #mapWrap ul li:nth-child(2n+1) { margin-left:0; }
	.support #serviceWrap #mapWrap ul li:nth-child(n+3) { margin-top:10px; }
	.support #serviceWrap #mapWrap ul li a { width:100%; box-sizing:border-box; background-position:98% center; }
	.support #serviceWrap #mapWrap ul li ul { display:none !important; }
	.support h4 { font-size:108%; }
	.support dl.gmsList dt { font-size:107%; padding:15px 0 5px; min-height:30px; }
	.support dl.gmsList dd { font-size:100%; padding-bottom:15px; }
	.support dl.gmsList dd a.fbox { position:static; margin-top:5px; display:block; width:32%; }
	
	
	.faq dl { width:100%; font-size:100%; }
	.faq dl dt { background-position:25px 17px; background-size:15px; padding:15px 40px 15px 50px; min-height:30px; }
	.faq dl dt span.btSlide { top:15px; right:0; width:30px; height:30px; background:url(../../faq/images/btn_open_sp.gif) no-repeat left top / contain; cursor:pointer; }
	.faq dl dt span.active { background:url(../../faq/images/btn_close_sp.gif) no-repeat left top / contain !important; }
	.faq dl dd {}
	.faq dl dd div { background-position:25px 17px; background-size:15px;  padding:15px 15px 15px 50px; }
	.faq dl dd div ol,
	.faq dl dd div ul { padding-left:1em; }
	
	.faq .faqTable { width:100%; }
	.faq .faqTable.th3 th { text-align:center; width:3em; }


	
	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	 サイトマップ
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#sitemapWrap { margin:20px 0; }
	#sitemapWrap li:first-child { width:100%; margin-bottom:0; }
	#sitemapWrap li { float:none; margin:20px 0 0 20px; }
	#sitemapWrap li ul li {  margin-top: 0; }
	
	
	
	
}