@charset "utf-8";

@import url("/common/css/pc/home.css");

/* ----------------------------------------------------------
 Home
-----------------------------------------------------------*/

#home section h2 { font-size: 24px; }


/*-----------------------------------------------------------
 mainPr
-----------------------------------------------------------*/

#mainPr {
	}
	/* mvScreen */
	#mainPr ul#mvScreen {
		aspect-ratio: 1920 / 380;
		}
		#mainPr ul#mvScreen li {
			}
			#mainPr ul#mvScreen li a {
				}
				#mainPr ul#mvScreen li a img {}



/*-----------------------------------------------------------
 productsSec
-----------------------------------------------------------*/

#container #productsSec {
	margin-bottom: 20px;
	}
	/* form */
	#productsSec form.cntFrame {
		margin-bottom: 0;
		}
		#productsSec form #formCategory {
			}
			#productsSec form #formCategory:hover {}

			#productsSec form #formCategory:before {
				}
				#productsSec form #formCategory:hover:before {}

			#productsSec form #formCategory select {
				width: 340px;
				}
				#productsSec form #formCategory select:focus ,
				#productsSec form #formCategory select:hover {}

		#productsSec form p {
			}
			#productsSec form p input {
				}

			#productsSec form p button {
				}

	/* prodCategory */
	#prodCategory ul li#prcaMaterial a { background: transparent url("/en/images/bnrMaterial.jpg") no-repeat center top; }



/*-----------------------------------------------------------
 Category Navigation
-----------------------------------------------------------*/

/*-----------------------------------------------------------
 News Section
-----------------------------------------------------------*/

#newsSec {
	width: 100%;
	}
	#newsSec .neBox {
		float: none;
		width: 1200px;
		margin: 0 auto;
		}
		#newsSec .neBox:nth-of-type(1) { margin-left: auto; }
	
	#newsSec h2 {
		position: relative;
		height: 50px;
		margin: 0 0 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		}
		#newsSec h2:before {
			position: absolute;
			left: 50%; bottom: 0;
			width: 50px; height: 3px;
			display: block;
			content: "";
			background: #0666a8;
			transform: translateX(-50%);
			}

		#newsSec h2 span a {
			position: absolute;
			right: calc(50% - 600px); top: 0;
			}
			@media screen and (max-width: 1200px) {
				#newsSec h2 span a { right: 0; }
			}

			#newsSec h2 span a:hover {}
			
			
	#newsSec dl {
		}
		#newsSec dl dt {
			float: left;
			width: 11rem;
			padding: 10px 0 10px 5px;
			}
			
		#newsSec dl dd {
			padding: 10px 0 10px 2px;
			background: linear-gradient(to right, #333 25%, rgba(255,255,255,0) 0%) repeat-x left bottom;
			background-size: 4px 1px;
			}
			#newsSec #productsBox dl dd {}
			
			
			#newsSec dl dd a {
				color: #333333;
				}
				#newsSec dl dd a:hover { text-decoration: underline; }



/*-----------------------------------------------------------
 Pickup
-----------------------------------------------------------*/

#container #pickupSec {
	}
	#pickupSec h2 {
		position: relative;
		height: 50px;
		margin: 0 0 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		text-align: center;
		}
		#pickupSec h2:before {
			position: absolute;
			left: 50%; bottom: 0;
			width: 50px; height: 3px;
			display: block;
			content: "";
			background: #0666a8;
			transform: translateX(-50%);
			}



/*-----------------------------------------------------------
 categorySec
-----------------------------------------------------------*/

#container #categorySec {
	}
	#categorySec h2 {
		position: relative;
		margin: 0 0 30px; padding: 0 0 6px;
		font-size: 30px;
		text-align: center;
		}
		#categorySec h2:before {
			position: absolute;
			left: 50%; bottom: 0;
			width: 50px; height: 3px;
			display: block;
			content: "";
			background: #0666a8;
			transform: translateX(-50%);
			}