@charset "shift-jis";

.note {color: #666666; font-size: 0.85em; letter-spacing: 0; margin-top: 8px;}
span.mod-iconNewWin {vertical-align:baseline!important;}
.mod-heading {margin-top:60px !important}
.mb30 {margin-bottom: 30px;}
.mb00 {margin-bottom: 0!important;}
.mt00 {margin-top: 0!important;}
.mt40 {margin-top: 40px!important;}
.red {color:#d0121c;}
.bk {color:#000000;}
.pi {color:#e4007f;}
.pi02 {color:#ea528f;}
.wh {color:#cccccc;}
.mo {color:#ec6d81;}
.bl {color:#009db7;}
.gr {color:#c4d700;}
.ye {color:#f7e94d;}
.pp {color:#b84c97;}
.ve {color:#dc4d54;}
.gl {color:#c1c6ca;}

.mod-productLinks-logo {margin-bottom: 30px !important;}
.mod-categoryHeader img {display: inline; margin: -3px 18px 0 0!important; vertical-align: middle;}
.mod-categoryHeader-content h1 a span {display: inline; font-size: 0.92308em; line-height: 1.2; vertical-align: middle; font-weight:normal; color:#000;}
.span.mod-iconNewWin {position: relative;}

.mod-categoryNav-lineup .mod-categoryNav-lineupInner {
		padding-top: 10px;
}
.modproductIntro:before, .modproductIntro:after {
	content: "";
	display: table; }
.modproductIntro:after {
	clear: both; }
.modproductIntro {
	*zoom: 1;
	margin: 35px auto!important;
}
.modproductIntro h2 {
	margin: 0;
}

.mod-seriesList ul {margin: 0; padding: 0; letter-spacing: -.4em;}
.mod-seriesList ul li {letter-spacing: normal;}
.mod-seriesList li{list-style: none; margin: 0; padding: 0; text-align: center; display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; vertical-align: bottom;}
.mod-seriesList li img {vertical-align: bottom;}
.mod-seriesList li a:hover img {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;}
.mod-seriesList li .img_sam {margin-bottom: 10px;}
.mod-seriesList li .mod-button {font-size: 14px!important; text-align: center!important; margin: 0 auto;}
.mod-seriesList li a:hover .mod-button {
color:#999;
text-decoration:none;
background-image:url(/share3/images/mod-button/ico_01_on.png),-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(100%,whitesmoke));
background-image:url(/share3/images/mod-button/ico_01_on.png),-webkit-linear-gradient(top,#f8f8f8 0,whitesmoke 100%);
background-image:url(/share3/images/mod-button/ico_01_on.png),-moz-linear-gradient(top,#f8f8f8 0,whitesmoke 100%);
background-image:url(/share3/images/mod-button/ico_01_on.png),-o-linear-gradient(top,#f8f8f8 0,whitesmoke 100%);
background-image:url(/share3/images/mod-button/ico_01_on.png),linear-gradient(to bottom,#f8f8f8 0,whitesmoke 100%);
-webkit-background-size:auto auto,100% auto;
-o-background-size:auto auto,100% auto;
background-size:auto auto,100% auto;
background:url("/share3/images/mod-button/ico_01_on.png") no-repeat 20px 50% #f8f8f8\9!important;
}

.icon_hires {width: 40px; position: absolute;}
.icon_hires img {width: 100%!important;}

@media (max-width:640px){

.mod-seriesList {margin-bottom: 40px!important;}
.mod-heading {margin-top: 60px!important;}
.mod-categoryHeader .mod-categoryHeader-content {text-align: left; padding-left: 10px;}
.mod-categoryHeader-content h1 {text-align: center;}
.mod-categoryHeader-content h1 a {width: 100%; display: block;}
.mod-categoryHeader-content h1 a img {margin: 0 auto!important;}
.mod-categoryHeader-content h1 a span {font-size: 11px;}

.mod-seriesList li {width: 100%!important; margin-bottom: 25px; background: none!important; text-align: left;}
.mod-seriesList li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.mod-seriesList li a.item {background: none!important; padding: 0;}
.mod-seriesList li .btn_detail {width: auto; margin: 0 auto; text-align: center;font-size: 14px !important}
.mod-seriesList li a:hover h3,
.mod-seriesList li a:hover p {color: #c41230 !important; text-decoration: underline !important;}

.list-col01 li {border-bottom: 1px solid #ccc; padding-bottom: 25px;}
.list-col01 li .img_sam {width: 100%; float: none; text-align: center; margin: 0;}
.list-col01 li .item_name {width: 100%; text-align: center; margin: 0; letter-spacing: normal;}
.list-col01 li .btn_detail {width: auto;  margin: 0 auto; text-align: center;}

.list-col02 li .img_sam {width: 50%; float: left;}
.list-col02 li .img_sam img {width: 95%; height: auto!important; border: 0;}
.list-col02 li .item_name {width: 50%; float:right;}
.list-col02 li .btn_detail {width: 50%; float:right; text-align:left;}
.list-col02 li {margin-bottom: 25px!important;}

}

.mod-seriesList a.mod-button:hover {color:#999!important; text-decoration: none!important;}

.mod-categoryNav-lineup ul {
	margin: -1px 0 0px !important;
	padding-top: 0px !important;
}
.mod-categoryNav-lineup li {
	padding:0 0 5px 0 !important;
	width: 140px !important;
	margin: 0 10px 0 -18px !important;

}
.mod-categoryNav-lineup li.ttl {
	height: 140px !important;
	background: #efefef !important;
	line-height: 140px !important;
}
.mod-categoryNav-lineup li a {
	margin: 0 !important;
	padding:0 !important;
	text-align: center !important;
	display: inline-block !important;
}
.mod-categoryNav-lineup img {
	width: 113px !important;
	margin: 0 !important;
}

@media (max-width:640px){
	.mod-categoryNav-lineup li img {
		width: auto!important;
		display: block !important;
		margin: 0 auto!important;
	}
	.mod-categoryNav-lineup li.ttl {
		height: 120px !important;
		background: #efefef !important;
		line-height: 120px !important;
	}
}