/*===================================
/////////////////////////////////////
/// スマホ向けCSS 
/////////////////////////////////////
===================================*/
@media only screen and (max-width: 767px) {
/* ===================================================================
商品詳細ページ設定 
=================================================================== */

#products { 
	zoom:1;
	text-align:left;
	background-color:white; 
	border-bottom:#999999 solid 1px;
	overflow:hidden;
	padding:.5rem;
}

#products h1 { 
	font-size:1rem;
	margin-bottom:.5rem;
}

#products-L {
}

#products-R { 
}

#products-C { 
	padding:.5rem;
}

#products .prdBox { clear:both; margin-bottom:1em;}
#products .center { text-align:center; }

#products h3 {
	margin-bottom:1rem;
	background:none;
	text-indent:0 !important;
	height:auto !important;
}

#products h3 img { /* 「商品詳細」タイトル画像を画面に対して100％表示に */
	width:100%;
	vertical-align:bottom;
}

#products h4 {
font-weight:bold;
margin-bottom:8px; padding:6px 6px 6px 20px; border:#cccccc solid 1px;
background:url(https://www.hakui-uni.com/images/products/icon_ring.gif) left center no-repeat;}

#products h5 {
color:#996633; font-weight:bold;
margin:6px 0; padding:6px;
border-top:#D5B78A dotted 1px; border-bottom:#D5B78A dotted 1px;
}

#products p img {
	max-width:100%;
}

#products dl { font-size:11px; }
#products dt, #products dd { padding:3px; }
#products dt { float:left; font-weight:bold; width:58px;}
#products dd { padding-left:66px; border-bottom:#CCCCCC dotted 1px;}

#products .catch {
	text-align:center;
	font-weight:bold;
	color:#FF9933;
	margin-bottom:1em;
}
#products .infoText {
	margin-bottom:1em;
	padding:8px;
}

/*サイズ　テーブル指定*/
#products table.size {
	clear:both;
	width:100%;
	font-size:11px;
	margin:0px 0 1em 0;
	table-layout:auto;
	border-bottom:#CCCCCC solid 1px; 
}

#products table.size thead th {
	padding:4px 5px;
	background-color:#e9f6a3;
	border-top:1px solid #cbe14e; border-bottom:1px solid #cbe14e;
	border-right:1px dotted #cbe14e;
	color:#5c8b00;
	vertical-align:middle;
}

#products table.size tbody tr {
}

#products table.size tbody tr:nth-child(even) {
	background:#f5f5f5;
}
#products table.size tbody th,
#products table.size tbody td { padding:7px 6px 8px 6px; }
#products table.size tbody th { color:#6b9c0a; vertical-align:middle; }
#products table.size tbody td { color:#333; vertical-align:middle; border-left:#CCCCCC dotted 1px; }

/*----------------------------------------------------
		#marking マーキング加工について
----------------------------------------------------*/
#marking { text-align:left;}

#marking h2 {}
#marking h3 {}
#marking h4 {font-size:12px; font-weight:bold;}
#marking h5 {font-size:12px; font-weight:bold;}

/* マーキング加工イントロ */
#marking .mkgIntro {margin-bottom:20px; padding-bottom:20px; border-bottom:#999999 dotted 1px;}
#marking .mkgIntro p {margin-bottom:10px;}
#marking .mkgIntro ul.mkgNav {zoom:1;}
#marking .mkgIntro ul.mkgNav li {
	float:left;
	margin-right:8px; padding-left:12px;
	background:url(../images/share/arrow_blue01.gif) left center no-repeat;}

/* 納品までの流れ */
#marking .mkgFlow {	
	text-align:left; margin-bottom:20px; padding:0 0 20px 64px;
	border-bottom:#cccccc solid 1px;
	background:url(../images/info/marking_step.gif) 0 0 no-repeat;}
#marking .mkgFlow ul {}
#marking .mkgFlow li {border-top:#999999 dotted 1px; height:100px;}

/* 各マーキング加工の特徴 */
#marking .mkgTech {
	zoom:1; text-align:left; width:605px;
	margin-bottom:20px; padding-bottom:20px;  border-bottom:#cccccc solid 1px;}
#marking .mkgTech ul { zoom:1; margin:0 0 16px 8px; }
#marking .mkgTech ul li   { float:left; display:inline; width:186px; margin-right:6px;}
#marking .mkgTech ul li p { font-size:11px; }
#marking .mkgTech dl    {padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgTech dl dt {font-weight:bold}
#marking .mkgTech dl dd {font-size:11px; margin-bottom:8px;}

/* ロゴデータの入稿方法 */
#marking .mkgData {}
#marking .mkgData p {margin-bottom:1em;}
#marking .mkgData h4 {padding:3px 3px 3px 12px; background:url(../images/share/arrow_red01.gif) left center no-repeat;}
#marking .mkgData-digital {margin-bottom:20px;}
#marking .mkgData-digital table {border-style:none;border-collapse:collapse;border-spacing:0px;}
#marking .mkgData-digital table {width:100%; border:#999999 solid 1px;}
#marking .mkgData-digital table th,
#marking .mkgData-digital table td {border:#999999 solid 1px; padding:6px;}
#marking .mkgData-digital table th {
	text-align:center; font-weight:bold;
	background:url(../images/share/bg_dot_gray.gif);}
#marking .mkgData-digital table td {}

#marking .mkgData-analog {}
#marking .mkgData-analog dl {margin-bottom:20px;border-bottom:#999999 dotted 1px;}
#marking .mkgData-analog dt {font-weight:bold;}
#marking .mkgData-analog dd {margin-bottom:1em;}
#marking .mkgData-analog dl.mkgData-att {
	margin-bottom:20px;
	border-bottom:none; padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgData-analog dl.mkgData-att dt {}
#marking .mkgData-analog dl.mkgData-att dd {margin-bottom:0; font-size:11px;}

#marking .mkgAddress {background:url(../images/info/bg_bluetex.gif); padding:8px;}


a:hover img {  
opacity: 0.8;  
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;  
}  

}