@charset "Shift_JIS";

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}

/* HMD brandlogo mq
------------------------------------------*/

@media (max-width:640px) {
.mod-categoryHeader img {
	  width:90%;
      max-width:327px;
}
}
/* fadeImg*/
------------------------------------------
.fadeImg {
    -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; }
	
.fadeImg:hover {
    opacity: .7; }

@media (max-width:640px) {
.fadeImg:hover {
	opacity: 1; }	
}

/* icon_blank
------------------------------------------*/
.icon_blank{
margin-left: .5em; 
}


/* 1カラム対応追加 共通
------------------------------------------*/

/*=====================================
こちらの商品もどうぞ
=====================================*/
.columns2 { width:1000px;}
.mod-seriesList-item2 { margin:0px 40px 0 0px !important; width:455px !important}
.mod-seriesList-item2-image{_float:left; _width:144px; margin-right:15px !important;}
.mod-seriesList-item2-text{_float:right; _width:196px;}
.mod-seriesList2 a, .mod-seriesList2 a:hover, .mod-seriesList2 a:visited {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: block;
}
.mod-seriesList-items:first-child {
	margin-top: 0px;
}
.mod-seriesList-items{
	float: left;
	margin-top: 20px;
}
.mod-seriesList .mod-seriesList-item2-text p.gray span{
	font-size:80%;
	color:#999999;
}

@media (max-width:640px) {
	.columns2 { width:auto;}
	.mod-seriesList-item2 { margin: 20px 0 0 0 !important; width:auto !important}
	.mod-seriesList-items{ margin-top: 0px; float:none;}
	.mod-seriesList .mod-seriesList-item2-text p.gray {margin: 0 0 8px;}
}


/*=====================================
tabletと共通
=====================================*/

.mod-seriesList-lineup h3 span.firstLeter{
	font-size:110%;
}
a.blue_red:link{
	text-decoration: none ;
	background-color: transparent ;
	color: #43677e!important;
}
a.blue_red:visited{
	background-color: transparent;
	color: #43677e!important;
}
a.blue_red:hover,a.blue_red:active{
	background-color: transparent;
	color: #c41230 !important;
	text-decoration:underline !important;
}
a.titleLink:link{
	text-decoration: none ;
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:visited{
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:hover,a.titleLink:active{
	background-color: transparent !important;
	color: #333  !important;
	text-decoration:underline !important;
}

.smallText{
	font-size:80%;
}

.largeText{
	font-size:130%;
}
.mt30{
	margin-top:30px;
}

/*=====================================
こちらの商品もどうぞがあるページは指定
=====================================*/

#TOP .mod-column1 .mod-column1-main{
	width: 950px;
	overflow: hidden;
}

@media (max-width:640px) {
	#TOP .mod-column1 .mod-column1-main{
	width: auto;
	overflow: auto;
}
}

/*=====================================
フッター　サイトマップ　　/share3/css/template.min.css
=====================================*/
.mod-categoryHeader-content{
	font-size: 1.3em;
}
.mod-productLinks-logo{
	font-size: 1.2em;
}

.mod-productLinks-navGroup{
	margin: 20px auto 10px auto !important;
}
/*=====================================
フッター　の空き　右カラムがない場合　　/share2/css/all.css
=====================================*/
.mod-mainContentContainer {
padding-bottom: 60px;
}
/*=====================================
フッター　の空き　右カラムがある場合　　/share2/css/all.css
各ページindex.html のBODYにIDを記載
=====================================*/
#TOP .mod-mainContentContainer {
padding-bottom: 20px;
}

#COM_TOP .mod-mainContentContainer {
padding-bottom: 20px;
}


/*=====================================
▼ページトップは表示がうまくいかないので
テンプレートcssを少し編集
share3/css/template.min.css
より移植
=====================================*/
.mod-productLinks-pagetop a {
position: relative;
display: block;
top: -38px;
width: 60px;
height: 38px;
margin: 0 30px 0 auto;
background: #ededed url(/share3/images/mod-pagetop/btn_01.png) 0 0 no-repeat !important;
}

.mod-productLinks-navItem li {
font-size: .83333em;
padding: .3em 0 .3em 10px;
margin: 0 0.5em !important;
background: url(/share3/images/mod-productLinks/ico_01.png) no-repeat 0 .7em;