@charset "utf-8";


/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){

	
	/**************************************************
	serviceIndex
	**************************************************/
	.serviceIndex ul li{
		width: 100%;
		margin-top: 20px;
	}
	.indexImage{height: 30vw;}
	.serviceInfo{padding: 20px 50px 20px 20px;}
	.serviceInfo::before{right: 20px;}
	.serviceInfo strong{
		font-size: 5.0vw;
		line-height: 1.0;
	}
	.serviceInfo strong::before{top: calc(50% - 1px);}
		
		
		
	/**************************************************
	common
	**************************************************/
	.cateInfo{
		margin-top: 40px;
		padding: 20px;
	}
	.cateInfo div{
		width: 100%;
		min-height: auto;
	}
	.cateInfo p{ font-size: 1.4rem;}

	.navStyle{ padding: 20px;}
	.navStyle .wp-block-buttons-is-layout-flex{ padding: 0;}

	.navStyle p:first-child{ text-align: center;}
	.navStyle p br{ display: none;}

	.cateNavi{
		margin-top: 40px;
		padding: 20px;
	}
	.cateNavi p{
		width: 100%;
		font-size: 1.4rem;
	}
	.cateNavi p strong{ text-align: center;}
	.cateNavi p strong b{ font-size: 6.0vw;}
	.cateNavi nav{
		width: 100%;
		padding-top: 30px;
	}
	.cateNavi nav ul li a{
		height: 60px;
		font-size: 1.4rem;
	}

	.newsHanger{margin-top: 80px;}
	.newsHanger ul{padding-top: 20px;}
	.newsHanger ul li{padding: 20px 0;}
	.newsHanger ul li small{
		display: block;
		width: auto;
		font-size: 1.3rem;
		padding: 0 0 5px 0;
	}
	.newsHanger ul li a{
		display: block;
		width: 100%;
		font-size: 1.5rem;
		padding-right: 30px;
	}
	.newsHanger ul li strong{ width: 100%;}
	.toList{
		position: static;
		margin-top: 30px;
		text-align: center;
	}
	
	.rensai ul li{
		width: 100%;
		margin: 5px 0;
	}
	
	.rensai .bnList li a strong { font-size: 1.6rem;}
	.rensai .bnList li a { padding: 15px 15px 15px 15px !important;}
	.rensai .bnList li {width: 100%;margin: 10px 0 0 0;}

	.einou_index{ width: 100%;}
	
	/** product_list ********************/
		.product_tab ul li{ width: 40%;}
	.product_list{
		width: 100%;
		padding: 10px;
	}
	.product_list ul li{
		width: 100%;
		margin: 0 0 5px 0;
		font-size: 1.5rem;
	}
	.product_list ul li a{
		padding: 10px 30px 10px 10px;
		text-align: left;
		background-size: 20px;
	}
	.product_list ul li a:hover{border: 2px solid #333333; }

	.gft_hanger ul li{ width: calc(100% / 2);}
	.gft_img img{ height: 160px;}
}