@charset "utf-8";
/* CSS Document */

/* ipad_respo */
@media only screen and (min-device-width:768px),only screen and (max-device-width:568px) and (orientation: landscape) {
.target_respo .subpage_link ul {margin-bottom:2px;}
 }

@media only screen and (min-device-width:768px) {
	
.subpage_link ul {margin-top:-1px;}

}

/* respo.css */
.inner980_res {
  width: 980px;
  margin: 0 auto;
}
.footerNavi_res { float:left; margin-top:15px; margin-bottom:10px; width:880px;}
.footerNavi_res li:first-child { float:left; border-right:1px solid #E8E8E8; padding:0 20px 0 0; height:18px; line-height:18px; margin-bottom:5px;}
.footerNavi_res li { float:left; border-right:1px solid #E8E8E8; padding:0 20px; height:18px; line-height:18px; margin-bottom:5px;}
.footerNavi_res li:last-child { border-right:none; padding-right:0px;  }

.footerNavi-sns_res .inner980_res {
    overflow: inherit!important;
}

.sns_res { float:right; margin-top:10px; margin-bottom:5px; width:auto;}
.sns_res li { float:right; margin-left:7px; }

.breadCrumb_res { font-size:10px; line-height:29px; overflow:hidden;}
.breadCrumb_res li { float:left; margin-left:5px; padding-left:20px; color:#979797; background:url(/sg/common/images/respo/icon02.png) no-repeat 0 0; }
.breadCrumb_res li:first-child { margin-left:0px; padding-left:0px; background-image:none; }
.breadCrumb_res li a { color:#979797; }


.imgLink_res { margin-top:20px; margin-bottom:0px; }
.imgLink_res ul li { float:left;margin-left: 6px;}
.imgLink_res.bnr_car_top ul li { float:left;margin-left: 13px;}
.imgLink_res ul li:first-child { margin-left: 1px;}
.imgLink_res ul li a img { display:block; line-height:0; }
.imgLink_res ul li a .offers img.rollover.respo_dsp_none { display: inline-block;}
.imgLink_res ul li.mb_none { margin-bottom:0px; }

#footer .sitemapRow dd a,
#footer .breadCrumb_res li a {
  color: #A3A3A3;
}

#footer a:link,
#footer a:visited { text-decoration: none;}

#footer a:hover,
#footer a:active { text-decoration: underline;}

.footerNavi-sns {
  border-bottom: 1px solid #D3D3D3;
  height: 47px;
  margin-bottom: 1px;
}

#footer .car-rele-color {
  color: #fff;
}

.renew_footer_l {
  float: left;
  width: 300px;
  color: #fff;
}

.before_footer {
  position: relative;
  padding-bottom: 45px;
}

.before_footer.sns-deletion {
  padding-bottom: 0px;
}

.before_footer .foot_fb {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

@media screen and (max-width: 768px) {
	.respo_Tab_inblock.foot_fb {
		margin: 0;
		clear: both;
		text-align: right;
	}
	.respo_img {
		 margin-top: 0px !important;
	}
	
	.target_respo .imgLink_res ul li {
		 overflow: hidden;
	}/* banner text overflow */
	
	.target_respo .imgLink_res ul li .banner_arrow {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}/* banner text overflow */
	
	.target_respo .imgLink_res ul li:last-of-type {
		margin-bottom: 0px !important;
	}
	
	.subpage_link {
		margin-bottom: 20px !important;
	}
	
	.respo_Tab_inblock.top_footer li {
		float: none !important;
		margin-bottom: 10px !important;
	}
	
	.target_respo .content .product_list .productBox ul li.on p.pDesc {
		color: #555!important;
	}

	.before_footer {
		background-color: #eee;
	}
}

@media screen and (max-width: 480px) {
	.subpage_link {
		margin-bottom: 5px !important;
	}
	
	.subpage_link ul {
		margin-bottom: 1px !important;
	}
	
	.target_respo .imgLink_res ul li {
		 overflow: visible;
	}/* banner text overflow */
	
	.target_respo .imgLink_res ul li .banner_arrow {
		overflow: visible;
		text-overflow: inherit;
		white-space: inherit;
	}/* banner text overflow */
}

/* carProduct */
.navTabContents.carProduct .navTabContentsInner .scroll_blocks { top: 35px; }

.fr {
    float: right;
}

/* carProduct end */

/* /sg/car/ */
.respo_Tab_block.fullsize-banner img {
	width: 100%;
}



/*-------------------------------------------------------------- ao_common.css --------------------------------------------------------------*/
/**************************************************************************************

 header

**************************************************************************************/

/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
#header { width:100%;margin:0;padding:0; }
#header .inner980 {	width:96%; margin-left:2%; 	margin-right:2%;}
}
/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
/* g-nav用style */
#header { position:relative; z-index:100; }
#header .inner980 { position:static;}
#header .logo02 { margin-right:16px;}
/* g-nav用style end */

#keyword { width:100px; }
}
/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
#keyword { width:50px; }
}


/**************************************************************************************

 footer

**************************************************************************************/

.footerNavi-sns_res { display:block;}
.footerNavi-sns_res .inner980_res { overflow:hidden; }

.footerNavi_res { width:auto; }
.footerNavi_res li.ml20 { margin-left:0px !important; }
.sns_res li.mr-21 { margin-right:0; } 

@media screen and (max-width: 1px) {
.footerNavi_res { width:auto; }

}


/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

	
#footer { border-top:2px solid #D3D3D3; background-image:none; }

.footerNavi-sns { height:auto; overflow:hidden;}
.footerNavi-sns .inner980 { width:96%; margin:0 2%; overflow:hidden; } 
.footerNavi { margin-top:15px; overflow:hidden;  }
.footerNavi li { margin-bottom:15px; }

.footerBreadCrumb { width:100%; }
.footerBreadCrumb .inner980 { width:96%; margin:0 2%; }
.breadCrumb { height:auto; overflow:hidden; }

.footerSitemap .inner980 { width:96%; margin:0 2%; overflow:hidden; }
.footerSitemap .sitemapR { float:none; overflow:hidden;}
.footerSitemap .sitemapR dl { width:152px; margin-bottom:10px;}

.footerLogo-copyright { height:auto; margin-top:25px; padding:25px 0; z-index:9; overflow:hidden;
	background-repeat:repeat-x;
	background-position:0 0;
	background-size:contain;
}
.footerLogo-copyright { margin-top:0;} 
.footerLogo-copyright .inner980 { width:96%; margin:0 auto; overflow:hidden; }
.renew_footer_l { float:left; width:auto; overflow:hidden; }
.renew_footer_l li { float: left; margin-right:10px; }

}

	@media screen and (max-width: 1px) {
		
	.renew_footer_l { float:none; }
	.renew_footer_l li { float: left; margin-right:0px; margin-bottom:10px; }
	
	}

/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

.footerSitemap .sitemapR dl { width:90%; margin-bottom:10px;}

}

/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

.footerSitemap .sitemapR dl { width:90%; margin-bottom:10px;}
	
}


/**************************************************************************************

 globalNavi

**************************************************************************************/

/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

/*---------------------------------------
 globalNavi
-----------------------------------------------*/

#globalNavi .inner980 { width:100%; }

/*---------------------------------------
 globalProductList
-----------------------------------------------*/

/*----- globalProductList -----*/
#globalProductList .inner980 { width:100%; max-width:980px; margin:0 auto; }
#globalProductPosition { width:100%;}

.navTabContents { width:100%; }
.navTabContents .blocks { width:100%; overflow:hidden; }
.navTabContents .block { margin: 15px 0.5% 0; overflow:hidden; }
.navTabContents .blockTitle img { width:100%; }
.navTabContents  ul { overflow:hidden; }
.navTabContents  ul li a img { width:100%; }

.navTabContents .navTabContentsInner .header_blocks { width:100%; top:0; left:0.5%; }
.navTabContents .navTabContentsInner .scroll_blocks { width:100%; top:35px; left:0.5%;}
.navTabContents .header_block { margin: 15px 0.5% 0; }
.navTabContents .scroll_blocks .block { margin: 15px 0.5% 0; }

.navTabContents .header_block:first-child { margin-left:0; }
.navTabContents .scroll_blocks .block:first-child { margin-left:0; }

.navTabContents#navTabContents01 .block01 { width:11.5%; }
.navTabContents#navTabContents01 .block02 { width:23.5%; }
.navTabContents#navTabContents01 .block03 { width:35.5%; }
.navTabContents#navTabContents01 .block04 { width:47.5%; }
.navTabContents#navTabContents01 .block05 { width:59.5%; }
.navTabContents#navTabContents01 .block06 { width:71.5%; }
.navTabContents#navTabContents01 .block07 { width:83.5%; }
.navTabContents#navTabContents01 .block08 { width:99%; }/*{ width:95.5%; }*/
.navTabContents#navTabContents01 .block09 { width:99%; }

.navTabContents#navTabContents02 .block01 { width:11.5%; }
.navTabContents#navTabContents02 .block02 { width:23.5%; }
.navTabContents#navTabContents02 .block03 { width:35.5%; }
.navTabContents#navTabContents02 .block04 { width:47.5%; }
.navTabContents#navTabContents02 .block05 { width:59.5%; }
.navTabContents#navTabContents02 .block06 { width:71.5%; }
.navTabContents#navTabContents02 .block07 { width:83.5%; }
.navTabContents#navTabContents02 .block08 { width:99%; }
.navTabContents#navTabContents02 .block09 { width:99%; }

.navTabContents#navTabContents03 .block01 { width:11.5%; }
.navTabContents#navTabContents03 .block02 { width:23.5%; }
.navTabContents#navTabContents03 .block03 { width:35.5%; }
.navTabContents#navTabContents03 .block04 { width:47.5%; }
.navTabContents#navTabContents03 .block05 { width:59.5%; }
.navTabContents#navTabContents03 .block06 { width:71.5%; }
.navTabContents#navTabContents03 .block07 { width:83.5%; }
.navTabContents#navTabContents03 .block08 { width:99%; }
.navTabContents#navTabContents03 .block09 { width:99%; }

.navTabContents#navTabContents04 .block01 { width:11.5%; }
.navTabContents#navTabContents04 .block02 { width:23.5%; }
.navTabContents#navTabContents04 .block03 { width:35.5%; }
.navTabContents#navTabContents04 .block04 { width:47.5%; }
.navTabContents#navTabContents04 .block05 { width:59.5%; }
.navTabContents#navTabContents04 .block06 { width:71.5%; }
.navTabContents#navTabContents04 .block07 { width:83.5%; }
.navTabContents#navTabContents04 .block08 { width:99%; }
.navTabContents#navTabContents04 .block09 { width:99%; }

.navTabContents#navTabContents05 .block01 { width:11.5%; }
.navTabContents#navTabContents05 .block02 { width:23.5%; }
.navTabContents#navTabContents05 .block03 { width:35.5%; }
.navTabContents#navTabContents05 .block04 { width:47.5%; }
.navTabContents#navTabContents05 .block05 { width:59.5%; }
.navTabContents#navTabContents05 .block06 { width:71.5%; }
.navTabContents#navTabContents05 .block07 { width:83.5%; }
.navTabContents#navTabContents05 .block08 { width:99%; }
.navTabContents#navTabContents05 .block09 { width:99%; }

.navTabContents#navTabContents06 .block01 { width:11.5%; }
.navTabContents#navTabContents06 .block02 { width:23.5%; }
.navTabContents#navTabContents06 .block03 { width:35.5%; }
.navTabContents#navTabContents06 .block04 { width:47.5%; }
.navTabContents#navTabContents06 .block05 { width:59.5%; }
.navTabContents#navTabContents06 .block06 { width:71.5%; }
.navTabContents#navTabContents06 .block07 { width:83.5%; }
.navTabContents#navTabContents06 .block08 { width:99%; }
.navTabContents#navTabContents06 .block09 { width:99%; }

.navTabContents#navTabContents07 .block01 { width:11.5%; }
.navTabContents#navTabContents07 .block02 { width:23.5%; }
.navTabContents#navTabContents07 .block03 { width:35.5%; }
.navTabContents#navTabContents07 .block04 { width:47.5%; }
.navTabContents#navTabContents07 .block05 { width:59.5%; }
.navTabContents#navTabContents07 .block06 { width:71.5%; }
.navTabContents#navTabContents07 .block07 { width:83.5%; }
.navTabContents#navTabContents07 .block08 { width:99%; }
.navTabContents#navTabContents07 .block09 { width:99%; }
              
.navTabContents#navTabContents08 .block01 { width:11.5%; }
.navTabContents#navTabContents08 .block02 { width:23.5%; }
.navTabContents#navTabContents08 .block03 { width:35.5%; }
.navTabContents#navTabContents08 .block04 { width:47.5%; }
.navTabContents#navTabContents08 .block05 { width:59.5%; }
.navTabContents#navTabContents08 .block06 { width:71.5%; }
.navTabContents#navTabContents08 .block07 { width:83.5%; }
.navTabContents#navTabContents08 .block08 { width:99%; }
.navTabContents#navTabContents08 .block09 { width:99%; }

.navTabContents .block ul { overflow:hidden; }
.navTabContents .block ul li { float:left; height:auto; }
.navTabContents .block ul li:first-child { margin-left:0; }

.block01 ul li { margin-left:0%; width:100%; }
.block02 ul li { margin-left:2%; width:49%; }
.block03 ul li { margin-left:2%; width:32%; }
.block04 ul li { margin-left:2%; width:23.5%; }
.block05 ul li { margin-left:2%; width:18.4%; }
.block06 ul li { margin-left:2%; width:15%; }
.block07 ul li { margin-left:1.5%; width:13%; }
.block08 ul li { margin-left:1.5%; width:11%; }
.block09 ul li { margin-left:1.5%; width:9.7%; }


.navTabContents .btnUpDown { width:100%; margin:0 auto; margin-top:0px; left:0; top:auto; bottom:0;}
.navTabContents .btnUpDown a:last-child { margin-right:0px; }


/* car */
.navTabContents#navTabContents08 .block05 { width:99%; }
.navTabContents#navTabContents08 .block05 ul li { margin:0 25px 15px 0; width:auto; height:auto;}
.navTabContents#navTabContents08 .block05 ul li:last-child { margin-right:0;}
/* car end */


/* com */
.navTabContents#navTabContents01 .block09 { width:99%; }
.navTabContents#navTabContents01 .block09 ul li { margin-left:1%; width:24.25%; }
.navTabContents#navTabContents01 .block09 ul li:first-child { margin-left:0; }

.navTabContents#navTabContents02 .block09 { width:99%; }
.navTabContents#navTabContents02 .block09 ul li { margin-left:1%; width:24.25%; }
.navTabContents#navTabContents02 .block09 ul li:first-child { margin-left:0; }

.navTabContents#navTabContents03 .block08 { width:99%; }
.navTabContents#navTabContents03 .block08 ul li { margin:0 25px 15px 0; width:auto; height:auto;}
.navTabContents#navTabContents03 .block08 ul li:first-child { margin-left:0; }
/* com end */

/* com 調整 */
.navTabContents#navTabContents06 .block05 { width:99%; }
.navTabContents#navTabContents06 .block05 ul li { margin:0 25px 15px 0; width:auto; height:auto;}
.navTabContents#navTabContents06 .block05 ul li:first-child { margin-left:0; }
/* com 調整 ここまで */

}

/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

#globalNaviWrappe,
#globalNavi,
#globalProductList {display:none;}

}

/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
}



/*************************************************************************************

 g-nav ( globalnavi for Mobile )

**************************************************************************************/

.g-nav-control { display:none; }
.g-nav { display:none; }
.layer { display:none; }


/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
}

/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
/* gnav */
.g-nav-control { display:block;	float:right; text-indent:-9999px; width:40px; height:27px; cursor:pointer; background: no-repeat 0 0; }
.g-nav-control.g-nav-active { background: no-repeat center; }

.g-nav { display:none; position:absolute; top:70px; left:0; width:100%; background-color:#fff; border-bottom:1px solid #5e5e5e; }
.g-nav ul { width:100%; }
.g-nav ul li { width:100%; border-top:1px solid #5e5e5e; position:relative; }

.g-nav ul li span.layer-open { display:block; padding:16px; font-size:16px; line-height:1.5em; color:#5e5e5e; cursor:pointer; }
.g-nav ul li span.layer-open:hover { background-color:#ddd; text-decoration:none; }
.g-nav ul li a { display:block; margin-right:0px; padding:16px; font-size:16px; line-height:1.5em; color:#5e5e5e; }
.g-nav ul li a:hover { background-color:#ddd; text-decoration:none; }

.g-nav ul.first-layer { border-bottom:1px solid #5e5e5e; }
.g-nav ul.second-layer li .layer-open,
.g-nav ul.second-layer li a { padding-left:32px; background-color:#fff; }
.g-nav ul.second-layer li a:hover { background-color:#ddd; }
.g-nav ul.third-layer li .layer-open,
.g-nav ul.third-layer li a{ padding-left:48px; background-color:#fff; }
.g-nav ul.third-layer li a:hover { background-color:#ddd; }

/* button */
.g-nav .layer-open-btn { position:absolute; top:0;	right:0; height:16px; width:16px; padding:20px 16px; text-indent:-9999px; background: url('../2014renew_common/images/icon-plus-gray.png') no-repeat 50% 50%; }
.g-nav .layer-active .layer-open-btn {	background: no-repeat 50% 50%; }

.nav-close { width:100%; text-align:center; }
.nav-close-btn { display:inline-block; padding:22px 0px 22px 24px; background: no-repeat left;
	background-size:16px 16px;
	cursor:pointer;
	font-size:16px;
	line-height:1em;
	color:#5e5e5e;
}

}
/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
}


/**************************************************************************************

 contents 20141118～追加 aozora

**************************************************************************************/

/*----------------------------------------------------------------------------  Link-Color */
a{ color:#004473;/*text-decoration:underline;　/sg/ textlink*/ }

.categoryTitle a , .categoryTitle_res a{ text-decoration:none; }
.newItemListW a{ color:#5E5E5E }
#footer a,
.support_outer a{ text-decoration:none;color:#5E5E5E }
#newsSlide a{ text-decoration:none;color:#7E7E7E; }
#newsSlide2 a{ text-decoration:none;color:#7E7E7E; }
#newsSlide3 a{ text-decoration:none;color:#7E7E7E; }
.renew_footer li a{ color:#ffffff !important; }


/*------------------------------------------------------------------------- Font-size 18px */
.cate_inner .newItemListW p.pName
{ font-size:18px;max-height: 999999px; }

/*------------------------------------------------------------------------- Font-size 16px */
/*.content:not(#nr_news):not(.top_content) .inner980 p:not(.pName),*/
.roundCornerBox01 .products_main_inner p,
.roundCornerBox01 .products_main_inner span,
.roundCornerBox01 .products_main_inner ul,
.roundCornerBox01 .products_main_inner li,
body textarea
{ font-size:16px !important;max-height: 999999px; }

/*------------------------------------------------------------------------- Font-size 14px */
.content .inner980 td th,
/*#INDEX:not( .top_category ) p,*/
.cate_inner .newItemListW p:not(.pName)
{ font-size:14px !important ;max-height: 999999px; }

/*---------------------------------------------------------------------- Font-size 12,10px */
.month h2{
	 font-size:16px !important;max-height: 999999px; }
/*------------------------------------------------------------------------------------------*/
/*  END Font-Size & Link Color
/*------------------------------------------------------------------------------------------*/


/*---------------GISmiyagi-------------------*/
#main{
	margin-top:20px;
}

#main table {
	color: #626262;
	border-collapse: separate;
	border-spacing: 1px;
}

/*----------------------------------*/

/*--- brandConfChange ---*/
#brandConfChange a {
	color: #5E5E5E;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	#brandConfChange {
		display: none !important;
	}
}
/*-----------------------------*/

/*--- brandPopup ---*/
@media screen and (max-width: 480px) {
	#brandPopup, #brandPopupInner {
		width: 95%;
		height: auto;
	}
	#brandPopupInner p.txt {
		margin: 5px;
	}
	#brandPopupInner ul {
		padding-top: 10px;
		padding-bottom: 15px;
		padding-left: 10% !important;
		width: 80%;
	}
	#brandPopupInner ul li {
		width: 48%;
		margin-left: 2%;
	}
	#brandPopupInner ul li a {
		width: 50% !important;
		padding: 5px 22%;
	}
	#brandPopupInner ul:after {
		clear: both;
		content: "";
		display: block;
	}
}
/*-----------------------------*/

/*---------------GIShiyane-------------------*/

.fl {float:left;}


/*--- footer サポート ---*/
@media screen and (max-width: 1px) {
#tabMenu {
    margin: 15px 0 506px;
}
}

@media screen and (max-width: 1px) {
#tabMenu {
    margin: 15px 0 731px;
}
}

/*-----------------------------*/

@media screen and (max-width: 1px) {

/*  body  */
body { word-wrap:break-word !important; }

/*  table  */
table { table-layout:fixed !important; word-wrap:break-word !important; width:100% !important; }

/*   */
.cate_inner div.productBox ul li .pImg { height:auto; }
.inner980 { width:96%; margin:0 auto;}

}


@media screen and (max-width: 1px) {

/*    */
#main.roundCornerBox01 { padding:20px 20px !important;}

#main { padding:0px !important;}

}

@media screen and (max-width: 1px) {
body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
}

/* Demitoss */
.target_respo ul.autohprt.option li{ height:300px!important }

@media screen and (max-width: 768px) {	
.target_respo .autohprt .newItemListW{ vertical-align:top }

.target_respo .cate_icons_2 { display:none; }
.target_respo .productBox ul li { box-sizing:border-box;width: 50%!important; }
.target_respo .productBox ul li p, .productBox ul li dl{ width: 95%;margin: 0 2.5%!important; }
.target_respo .content{ padding:0; }
.target_respo .search{ display:none; }

/* com */
.target_respo ul.autohprt.option li{ height:370px!important }
/* com */

.target_respo .cat_tab_left{ border:none!important;border-bottom: 1px solid #dbdbdb!important;border-right: 1px solid #dbdbdb!important; }

.target_respo .cat_tab_right{  border:none!important;border-bottom: 1px solid #dbdbdb!important; }


.target_respo .content:not(#nr_news):not(.top_content) .inner980 p.pDesc:not(.pName) { font-size: 16px !important;}
.target_respo .content .inner980 div.productBox p.pDesc { font-size: 16px !important;}
.target_respo .productBox ul li p.pName a{ background: url("/sg/common/images/respo/s_arrow_navy.png") no-repeat left center scroll rgba(0, 0, 0, 0); background-size: 10px 11px; padding-left: 15px; color:#004473;}
.target_respo .productBox ul li:nth-child(2n+0) {border-right:1px solid #fff !important;}

/*  */
.target_respo .cate_inner div.productBox ul li .pImg { height: auto; }
.target_respo .cate_inner div.productBox ul li .pImg { height: auto; }


}

@media screen and (max-width: 480px) {

.target_respo .productBox ul li { width: 100%!important; }
.target_respo .cat_tab_left{ border:none!important;border-bottom: 1px solid #dbdbdb!important; }
.target_respo .cat_tab_right{  border:none!important;border-bottom: 1px solid #dbdbdb!important; }

/*  */
.target_respo ul.autohprt.option li{ height:auto!important }
}


@media screen and (max-width: 768px) {
.target_respo .productBox .roundCornerBox02 p.pImg img { width: 100%; }
.target_respo .productBox .roundCornerBox02 p.app_img img{ width:100%; }

.target_respo .autohprt li:nth-last-of-type(1),
.target_respo .autohprt li:nth-child(odd):nth-last-of-type(2) { border-bottom: none!important;}
} /* usa.ver used  */


@media screen and (max-width: 480px) {
.target_respo .autohprt li:nth-last-of-type(1),
.target_respo .autohprt li:nth-child(odd):nth-last-of-type(2) { border-bottom: 1px solid #E8E8E8 !important;}
} /* usa.ver used  */



/*-------------------------------------------------------------- y_20141215.css --------------------------------------------------------------*/
table {
	display:table;
}
tr {
	display:table-row;
}
th,td {display:table-cell;}
ol li {
	list-style-type:none;
}


/*-------------------------------------------------------------- g_20141215.css --------------------------------------------------------------*/
/**************************************************************************************

 responsive

**************************************************************************************/

.target_respo .respo_Tab_block {display:none !important;}
.target_respo .respo_Tab_inblock {display:none !important;}
.target_respo .Sp_img {display:none !important;}

.respo_Tab_information,
.respo_Tab_list,
.subpage_link,
.Sp_img {display:none;}

@media screen and (max-width: 768px) {

/* margin */
.respo_mg00 {margin:0 !important;}
.target_respo .respo_mt00 {margin-top:0 !important;}
.respo_mt05 {margin-top:5px !important;}
.respo_mt10 {margin-top:10px !important;}
.respo_mt15 {margin-top:15px !important;}
.respo_mt20 {margin-top:20px !important;}
.respo_mt25 {margin-top:25px !important;}
.respo_mt30 {margin-top:30px !important;}
.respo_mt45 {margin-top:45px !important;}

.respo_mr00 {margin-right:0 !important;}
.respo_mr05 {margin-right:5px !important;}
.respo_mr10 {margin-right:10px !important;}
.respo_mr15 {margin-right:15px !important;}
.respo_mr20 {margin-right:20px !important;}
.respo_mr25 {margin-right:25px !important;}
.respo_mr30 {margin-right:30px !important;}

.respo_mb00 {margin-bottom:0 !important;}
.respo_mb05 {margin-bottom:5px !important;}
.respo_mb06 {margin-bottom:6px !important;}
.respo_mb10 {margin-bottom:10px !important;}
.respo_mb15 {margin-bottom:15px !important;}
.respo_mb20 {margin-bottom:20px !important;}
.respo_mb25 {margin-bottom:25px !important;}
.respo_mb30 {margin-bottom:30px !important;}
.respo_mb40 {margin-bottom:40px !important;}
.respo_mb50 {margin-bottom:50px !important;}

.respo_ml00 {margin-left:0 !important;}
.respo_ml05 {margin-left:5px !important;}
.respo_ml10 {margin-left:10px !important;}
.respo_ml15 {margin-left:15px !important;}
.respo_ml20 {margin-left:20px !important;}
.respo_ml25 {margin-left:25px !important;}
.respo_ml30 {margin-left:30px !important;}

/* padding */
.target_respo .inner980 .respo_pd00 {padding:15px !important;}
.target_respo .inner980 .respo_pt00 {padding-top:0 !important;}
.target_respo .inner980 .respo_pt05 {padding-top:5px !important;}
.target_respo .inner980 .respo_pt10 {padding-top:10px !important;}
.target_respo .inner980 .respo_pt15 {padding-top:15px !important;}
.target_respo .inner980 .respo_pt20 {padding-top:20px !important;}
.target_respo .inner980 .respo_pt25 {padding-top:25px !important;}
.target_respo .inner980 .respo_pt30 {padding-top:30px !important;}

.target_respo .inner980 .respo_pr00 {padding-right:0 !important;}
.target_respo .inner980 .respo_pr05 {padding-right:5px !important;}
.target_respo .inner980 .respo_pr10 {padding-right:10px !important;}
.target_respo .inner980 .respo_pr15 {padding-right:15px !important;}
.target_respo .inner980 .respo_pr20 {padding-right:20px !important;}
.target_respo .inner980 .respo_pr25 {padding-right:25px !important;}
.target_respo .inner980 .respo_pr30 {padding-right:30px !important;}

.target_respo .inner980 .respo_pb00,.respo_pb00 {padding-bottom:0 !important;}
.target_respo .inner980 .respo_pb01 {padding-bottom:1px !important;}
.target_respo .inner980 .respo_pb05 {padding-bottom:5px !important;}
.target_respo .inner980 .respo_pb10 {padding-bottom:10px !important;}
.target_respo .inner980 .respo_pb13 {padding-bottom:13px !important;}
.target_respo .inner980 .respo_pb15 {padding-bottom:15px !important;}
.target_respo .inner980 .respo_pb20 {padding-bottom:20px !important;}
.target_respo .inner980 .respo_pb24 {padding-bottom:24px !important;}
.target_respo .inner980 .respo_pb25 {padding-bottom:25px !important;}
.target_respo .inner980 .respo_pb30 {padding-bottom:30px !important;}
.target_respo .inner980 .respo_pb34 {padding-bottom:34px !important;}
.target_respo .inner980 .respo_pb40 {padding-bottom:40px !important;}

.target_respo .inner980 .respo_pl00 {padding-left:0 !important;}
.target_respo .inner980 .respo_pl05 {padding-left:5px !important;}
.target_respo .inner980 .respo_pl10 {padding-left:10px !important;}
.target_respo .inner980 .respo_pl15 {padding-left:15px !important;}
.target_respo .inner980 .respo_pl20 {padding-left:20px !important;}
.target_respo .inner980 .respo_pl25 {padding-left:25px !important;}
.target_respo .inner980 .respo_pl30 {padding-left:30px !important;}





/**************************************************************************************
head
**************************************************************************************/
body.target_respo {background:none;}
.target_respo #header {min-width:inherit;}
.target_respo #header .inner980 {width:100%;}
.target_respo #header .inner980 .topLogos {padding:0 2.7% 0 4%;}
.target_respo #header .inner980 .categoryTitle,.target_respo #header .inner980 .categoryTitle_res {padding-left:4%;}
.target_respo #header .inner980 .categoryTitle a,.target_respo #header .inner980 .categoryTitle_res a {font-size:16px; font-weight:bold;}
.target_respo #globalNaviWrapper {display:none;}
.target_respo .content .inner980 {width:100%;}
.target_respo .content .inner980 .newsBigBox {width:100%;margin:0;}
/**/


/**************************************************************************************
contents
**************************************************************************************/
.target_respo .content {padding-bottom:0;}
.target_respo .content.top_category { margin-top:-17px;}
.target_respo .content.nmt27 {margin-top:-27px;}
.target_respo .indexNewsBox .img {border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; background:#004473;}
.target_respo .indexNewsBox .img a,
.target_respo .indexNewsBox .img a.active,
.target_respo .indexNewsBox .img a.active:after{max-width:100%;background:none;padding:0;float:left;}
.target_respo .indexNewsBox {width:100%; border:0; border-radius:0;}

/* newsrelease */
.target_respo .globalNews,
.target_respo .newsBar_res {background:none; margin:0; padding:0; height:auto;}
.target_respo .globalNews ul#newsSlide,
.target_respo .newsBar_res ul#newsSlide {background-color:#005287; border:none; border-radius:0; height:auto;}
.target_respo .respo_Tab_information {display: block; float:left; padding-left:4%; height:35px; width:156px;}
.target_respo .respo_Tab_information img { height:35px; width:155px;}
.target_respo .respo_Tab_list {display: block; float:right; height:35px; width:104px;}
.target_respo .respo_Tab_list img { height:35px; width:104px;}

/* subpage link */
.subpage_link {display:block;}
.subpage_link ul {width:50%; background:#004473; float:left; margin-bottom:1px;}
.subpage_link ul li a { display:block; padding:37px 0 37px 10%; border-right:1px solid #fff; height: 92px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
.subpage_link ul.top_cate_sup li a { display:block; padding:36px 0 36px 10%; border-right:1px solid #fff; height: 90px;}
.subpage_link ul:nth-child(2n+0) li a { border-right:none;}
.subpage_link ul li a:hover span {text-decoration:underline;}
.subpage_link ul li a span {font-size:130%; color:#fff; background:url("/sg/common/images/respo/s_arrow_white.png") no-repeat left center; background-size: 10px 11px; padding-left:12px; font-weight:bold;}
.subpage_link ul.top_cate_sup {background:#fff;}
.subpage_link ul.top_cate_sup li {border:1px solid #004473;}
.subpage_link ul.top_cate_sup li a { text-decoration:none;}
.subpage_link ul.top_cate_sup li a span {color:#004473; background:url("/sg/common/images/respo/s_arrow_navy.png") no-repeat left center; background-size: 10px 11px;}

/* banner */
.target_respo .imgLink_res ul li {float: left; margin: 0 0 25px 0; width: 50%;}
.target_respo .imgLink_res ul li:nth-child(2n+0) {margin: 0 0 25px; width: 50%;}
.target_respo .imgLink_res ul li a {text-decoration:none; font-size:16px;}
.target_respo .imgLink_res ul li .banner_arrow { background: url(/sg/common/images/respo/s_arrow_navy.png) no-repeat left center; background-size: 10px 11px; padding-left:15px; margin:10px 0 0 10px;}

/*category top*/
.target_respo .inner980 h2 {background:none; font-size:16px; padding:0 0 10px 4%; margin:30px 0 10px; border-bottom:1px solid #004473; color:#004473;}

.target_respo .content .product_list .productBox ul li p.pName { margin:0 0 15px !important; padding-left:8%; width:92%;}

.target_respo .content .product_list .productBox ul li p.pDesc {margin-left:0 !important; padding-left:8%; width:90%;}
p.pName img {margin:-24px 10px 0 0;}

/**/


/**************************************************************************************
footer
**************************************************************************************/
.top_footer {padding-left:13px;}
.foot_fb {margin:25px 2.7% 20px 0;}
.respo_Tab_inblock.top_footer li {margin-right:20px; background:url("/sg/common/images/respo/s_arrow_navy.png") no-repeat left center; background-size: 10px 11px; color: #004473 !important; padding-left: 15px;}
.respo_Tab_inblock.top_footer li a {text-decoration:none; font-weight:bold;}

#go-top {display:none !important;}
.page-top {border-bottom:2px solid #dbdbdb;}
.page-top p {margin:20px 2.7% 50px 0; text-align:right; font-weight:normal;}
.page-top a { text-decoration:none !important; color:#444;}
.page-top span {padding-right:8px;}

.target_respo #footer {min-width:inherit !important;}
.target_respo #footer .inner980,.target_respo #footer .inner980_res {width:100%;}
.target_respo #footer .breadCrumb_res,
.target_respo #footer .breadCrumb {padding-left:4%;}
.target_respo #footer .breadCrumb_res li,
.target_respo #footer .breadCrumb_res li a,
.target_respo #footer .breadCrumb li,
.target_respo #footer .breadCrumb li a {font-weight:bold;}
.target_respo .footerLogo-copyright {height:auto !important; background:#004473;}
.renew_footer_l {width:100%; text-align:center; padding-bottom:25px;}
/**/




/**************************************************************************************
various
**************************************************************************************/
.target_respo .respo_dsp_none{display:none !important;}
.target_respo .respo_Tab_block {display:block !important;}
.target_respo .respo_Tab_inblock {display:inline-block !important;}

.respo_img {max-width:100% !important; height:auto; margin-top: 10px;}
.res_clfix:after { clear: both; content: ""; display: block;}
}






@media screen and (max-width: 480px) {
	
.target_respo .Tab_img {display:none !important;}
.target_respo .Sp_img {display:block !important;}
.target_respo .Sp_dsp_none {display:none !important;}
	
/**************************************************************************************
contents
**************************************************************************************/
.target_respo .indexNewsBox .img a,
.target_respo .indexNewsBox .img a.active,
.target_respo .indexNewsBox .img a.active:after{max-width:100%;}

.subpage_link:not(.Hetop) ul {width:100%;}
.subpage_link:not(.Hetop) ul li a { padding:5% 0 5% 4%; border-right:none;}

.target_respo .imgLink_res ul li {float: left; margin: 0 0 25px 0; width: 100%;}
.target_respo .imgLink_res ul li:nth-child(2n+0) {margin: 0 0 25px; width: 100%;}
.target_respo .imgLink_res ul li .banner_arrow {
	margin:10px 0 0 4%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			width: auto;}

/* subpage link */
.subpage_link ul li a { height: inherit;
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
         -o-box-sizing: inherit;
        -ms-box-sizing: inherit;
            box-sizing: inherit;}
			
.subpage_link ul.top_cate_sup li a { height:inherit;}


/**************************************************************************************
footer
**************************************************************************************/	
.respo_Tab_inblock.top_footer {margin-top:15px !important;}
.respo_Tab_inblock.top_footer li {float:none; margin-bottom:10px;}

/**/
}

@media screen and (max-width: 379px) {
}








/*---------------------------------------------------------------------------------------------------------------------------*/



/**************************************************************************************

**************************************************************************************/
@media screen and (max-width: 768px) {
/*  */
.res_h_navi li {height:546px !important;}
.target_respo li p.pDesc {padding-bottom:0 !important;}
/**/
}


@media screen and (max-width: 480px) {
/* navi */
.res_h_navi li {height:auto !important;}
/**/
}


/**************************************************************************************

**************************************************************************************/
@media screen and (max-width: 768px) {
.user span {
  padding: 17px 18px;
  display: block;
  font-weight: bold;
}
.box a {
   width: 100%;
   height: 100%;
   display: block;
   text-decoration: none;
}
}




/*-------------------------------------------------------------- headermenu.css --------------------------------------------------------------*/
.g-search-control{ display:none; }
.g-search{ display:none; }

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

 header search＆menu

********************************************/

/*	search */
.g-search-control{	display: block;
					float: right;
					margin-right: 10px;
					text-indent: -9999px;
					width: 40px;height: 27px;
					cursor: pointer;
					background: url('/sg/common/images/respo/icon-search.png') no-repeat 0 0;
					background-size: 28px 27px;
}
.g-search-control.g-search-control-active{
	background: url('/sg/common/images/respo/icon-menu-close-bk.png') no-repeat 0 0;
	background-size: 28px 27px;
}

.g-search {	display: none;
			position: absolute;
			top: 70px;left: 0;
			z-index: 1;
			width: 100%;
			background-color: #fff;
			border-bottom: 1px solid #5e5e5e;
			border-top: 1px solid #5e5e5e;
}

.g-search-inner{
			padding:3%;
}
.g-search form{
			border:2px solid #a6a6a6;
			margin:0;padding:0;
			outline:0;
			vertical-align:baseline;
			background:transparent;
}

.g-search form input{ 
	 -webkit-appearance: none;
     vertical-align:middle; 
     position:relative; 
     margin: 0 4px 2px 0;
     margin-right:3px; 
/*     top:-1px;   */
}

.topLogos #keyword{
			width:75%;
			/* TAB.ver font size*/
			font-size: 200%;
			background-image:none;
			margin:0;padding:3%;
			color:#000;
}

.topLogos #submit{
		margin: 0 0 0 2.4%;
		width: 15%;
		-webkit-appearance: none;
  		border-radius: 0;
}

.search-close{
width: 100%;
text-align: center;
border-top: 1px solid #5e5e5e;
}
.search-close-btn {
	display: inline-block;
	padding: 22px 0px 22px 24px;
	background: url('/sg/common/images/respo/icon-menu-close-gray.png') no-repeat left;
	background-size: 28px 27px;
	cursor: pointer;
	font-size: 16px;
	line-height: 1em;
	color: #5e5e5e;
}

/*	menu */
.g-nav-control {
	display:block;
	float:right;
	text-indent:-9999px;
	width:40px;
	height:27px;
	cursor:pointer;
	background:url('/sg/common/images/respo/icon-menu.png') no-repeat 0 0;
	background-size: 40px 27px;
	text-decoration: none;
	font-weight: bold;
}

.g-nav-control.g-nav-active {
	background:url('/sg/common/images/respo/icon-menu-close-bk.png') no-repeat center;
	background-size: 28px 27px;
}

.g-nav { display:none; position:absolute; top:70px; left:0; width:100%;z-index:9999; background-color:#fff; border-bottom:1px solid #5e5e5e; }
.g-nav ul { width:100%; }
.g-nav ul li { width:100%; border-top:1px solid #5e5e5e; position:relative; }
.g-nav ul li a{ text-decoration: none!important; }

.g-nav ul li span.layer-open { display:block; padding:16px 48px 16px 16px; font-size:20px; line-height:1.5em; color: #004473; font-weight:bold; cursor:pointer; border-left: 10px solid #004473; }
.g-nav ul li span.layer-open:hover { background-color:#ddd; text-decoration:none; }
.g-nav ul li .third-layer a { display:block; margin-right:0px; padding:16px; font-size:16px; line-height:1.5em; color:#5e5e5e; }
.g-nav ul li .third-layer a:hover { background-color:#ddd; text-decoration:none; }

.g-nav ul li span a{ display:block; }
.g-nav ul li span.top_nav {
	display:block;
	padding:16px;
	font-size:20px;
	line-height:1.5em;
	color: #004473;
	font-weight:bold;
	cursor:pointer;
	border-left: 10px solid #004473;
	background: url('/sg/common/images/respo/third-arrow_adjustment.png') no-repeat right center;
	background-size: 29px 9px;
}

.g-nav ul li span.top_nav:hover { background-color:#ddd; text-decoration:none; }

.g-nav ul li span.cat_top {
	display:block;
	padding:16px 30px 16px 0;
	font-size:20px;
	line-height:1.5em;
	color: #004473;
	font-weight:bold;
	cursor:pointer;
	border-left: 10px solid #004473;
	background: url('/sg/common/images/respo/third-arrow_adjustment.png') no-repeat right center transparent;
	background-size: 29px 9px;
}

.g-nav ul li span.cat_top:hover {
	background-color:#ddd;
}

.g-nav ul li span.cat_top a{
	text-decoration:none;
	font-weight:bold;
	background-size: 9px 9px;
}

.g-nav ul.first-layer { border-bottom:1px solid #5e5e5e; }
.g-nav ul.second-layer li .layer-open,
.g-nav ul.second-layer li a { padding-left:32px; }
.g-nav ul.second-layer li a:hover { background-color:#ddd; }
.g-nav ul.third-layer{ box-sizing: border-box; }

.g-nav ul.third-layer li .layer-open,
.g-nav ul.third-layer li a {
	padding-left:48px;
	background-color:#fff;
	color: #004473;
	border-left: 10px solid #dadada;
	font-weight:bold;
}

.g-nav ul.third-layer li a {
	background: url('/sg/common/images/respo/third-arrow_adjustment.png') no-repeat right center;
	background-size: 29px 9px;
}

.g-nav ul.fourth-layer li .layer-open,
.g-nav ul.fourth-layer li a{
	padding-left:64px;
}

.g-nav ul.third-layer li a:hover { background-color:#ddd; }

/* button */
.g-nav .layer-open-btn {
	position:absolute;
	top:0;
	right:0;
	height:16px;
	width:16px;
	padding:20px 16px;
	text-indent:-9999px;
	background: url('/sg/common/images/respo/icon-plus-gray.png') no-repeat 50% 50%;
	background-size: 16px 16px;
}

.g-nav .layer-active .layer-open-btn {
	background: url('/sg/common/images/respo/icon-minus-gray.png') no-repeat 50% 50%;
	background-size: 16px 16px;
}

.nav-close { width:100%; text-align:center; }
.nav-close-btn {
	display:inline-block;
	padding:22px 0px 22px 24px;
	background:url('/sg/common/images/respo/icon-menu-close-gray.png') no-repeat left;
	background-size: 16px 16px;
	cursor:pointer;
	font-size:16px;
	line-height:1em;
	color:#5e5e5e;
}

.logo02{ display:none; }

}

@media screen and (max-width: 480px) {
#keyword{
			/* SP.ver font size*/
			font-size:100%;
}
#submit {
border-radius:none;
width: 20%;
margin: 0 0 0 1.5%;
}

#keyword {
width: 70%;
font-size: 200%;
}

}


/*-------------------------------------------------------------- end_cate.css --------------------------------------------------------------*/
.cate_inner .roundCornerBox01 {
	border:none;
	background:none;
}
.cate_inner div.productBox ul li {
	width:326px;
}

.cate_inner div.productBox .w475 ul li {
	width:475px;
}

.cate_inner div.productBox .w475 ul li p,
.cate_inner div.productBox .w475 ul li dl {
    width: 435px;
    margin: 0 auto;
}


.cate_inner .main_image img {
	max-width:100%;
	height:auto;
}
body:not(.target_respo) .cate_inner div.productBox ul li .pImg {
	height:180px;
}

/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	.pName{
		font-size: 2.2em;
	}
	.pDesc{
		font-size: 1.8em;
	}
	div.inner980 {
		width:100%;
	}

	div.productBox ul li {
		float:none;
		width:50%;
		display:inline-block;
		vertical-align:top;
	}
	#navTabContents01,
	#globalProductPosition{
		display:none;
		width:100%;
	}

	.cate_inner div.productBox ul li {
		width:50%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
	}
	.cate_inner div.productBox ul li:nth-of-type(even) {
		border-left:none;
	}
	.cate_inner div.productBox ul li:nth-of-type(odd) {
		border-right:1px solid #dbdbdb;
	}
}


/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	div.productBox ul li {
		float:none;
		width:100%;
		display:inline-block;
		margin:0 auto;
	}

	.pName{
		font-size: 2.2em;
	}
	.pDesc{
		font-size: 1.8em;
	}

	.cate_inner div.productBox ul li {
		width:100%;
		border-right:none;
	}

}
