@charset "utf-8";
/* CSS Document */
.pr{
	position:relative;
}
.pa{
	position:absolute;
}
.align_center{
	text-align:center;
}
a:link{
	color:#336699;
}
a:visited{
	color:#336699;
}
.breadcrumbs{
	padding-bottom: 20px;
	clear:both;
}
.breadcrumbs li,.breadcrumbs ul{
	display:inline;
}
.breadcrumbs li a{
	padding-right:10px;
}
.tar{
	text-align:right;
}
.tac{
	text-align:center;
}
a img{
	transition: 0.5s;
}
a:hover img:not(.rollover){
	opacity: 0.7;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
/*
----------------------------------------------------------------------
  LINK
----------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------
  LAYOUT
----------------------------------------------------------------------
*/

html{
	height:100%;
	min-height:800px;
	width:100%;
	min-width:1200px;
	overflow:auto;

}
body{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	min-height:800px;
	height:100%;
}
.cmn_width{
	margin: 0 auto;
	width: 1200px;
}
.under{
	width:100%;
	min-width:1400px;
	overflow:hidden;
	min-height:800px;
	height:auto;
}
#header_wrapper{
	position:relative;
	z-index:5;
	height:50px;
	background:url(../img/index/header_bg.png) repeat-x top left;
	width:100%;
	min-width:1200px;
}
#header{
	width:1200px;
	margin:0 auto;
}
#header .header_left{
	width:231px;
	margin-left:10px;
	float:left;
}
#header #gnav{
	/*
	width:905px;
	width:962px;
	*/
	float:right;
	text-align:right;
	/*margin-right:-19px;*/
	margin-right:-39px;
}
#header #gnav ul li{
	float:left;
	width:auto;
	/*margin-right:19px;*/
	margin-right:30px;
}
#header #gnav ul li:last-child{
	margin-right: 0;
}
#header #gnav ul li img.on{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*ヘッダーメニュー
----------------------------------------*/
#head_products_menu{
	background-color: rgba(51, 51, 51, 0.85);
	display: none;
	padding: 15px 0;
	position: fixed;
	left: 0;
	width: 100%;
}
	.head_products_inner{
		margin: auto;
		width: 1200px;
	}
		.head_products_list{
		}
			.head_products_item{
				text-align: left;
				float: left;
				margin-bottom: 15px;
				width: 118px;
				overflow: hidden;
			}
			.head_products_item:not(:nth-of-type(9n)){
				margin-right: 17px;
			}
				.head_products_item img{
					margin-bottom: 5px;
					width: 118px;
					backface-visibility: hidden;
					-webkit-backface-visibility: hidden;
				}
				.head_products_item a{
					color: #999;
					font-size: 13px;
					text-decoration: none;
				}
/* 2016/04/04追記 */
.drop_nav.store{
	display: none;
	top: 50px;
	right: 30px;
}
.drop_nav > div{
	padding-top: 1px;
}
/* 2017/06/15追記 */
.drop_nav.brand{
	display: none;
	top: 50px;
}


.maku{
	display:none;
	top:0;
	left:0;
	z-index:2;
	background-color:#000;
	width:100%;
	height:100%;
}
#contents , #mainImage_wrapper, #mainImage{
	height:100%;
}

#contents{
	position:relative;
	z-index:1;
	margin-top:-50px;
}


#footer_wrapper{
	width:100%;
	min-width:1200px;
	height:83px;
	margin-top:-83px;
	background:url(../img/index/top_footer_bg.jpg) repeat-x top left;
	position:relative;
	z-index:3;
}
/* 2018.03.01 update START */
#footer_wrapper{
	position: fixed;
	bottom: 0;
}
/* 2018.03.01 update END */

.under #footer_wrapper{
	background:none #000;
	height:auto;
}
#footer{
	width:1200px;
	margin:0 auto;
}
#footer .footer_top{
	height:50px;
	padding-top:3px;
}
#footer .footer_top .footer_top_left{
	width:680px;
	float:left;
	margin-left:10px;
	margin-top:8px;
}
#footer .footer_top .footer_top_left img{
	display:block;
	float:left;
	margin-right:25px;
}
#footer .footer_top .footer_top_left a img{
	display:inline-block;
	float:none;
	margin-right:0px;
}

#footer .footer_top .footer_top_left a{
	line-height:14px;
	margin-bottom:7px;
	margin-top:1px;
	display:block;
}

#footer .footer_top .footer_top_left a{
	color:#AAAAAA;
	text-decoration:none;
}

#footer .footer_top .footer_top_right{
	width:500px;
	text-align:right;
	float:right;
	margin-right:5px;
}
#footer .footer_top .footer_top_right a{
	text-decoration:none;
}
#footer .footer_bottom{
	clear:both;
	height:27px;
	line-height:27px;
}
#footer .footer_bottom .footer_bottom_left{
	width:390px;
	float:left;
	color:#777777/*#FFF*/;
	line-height:27px;
	margin-left:10px;
}
#footer .footer_bottom .footer_bottom_right{
	width:700px;
	text-align:right;
	float:right;
}
#footer .footer_bottom .footer_bottom_right a{
	padding-right:5px;
	color:#AAAAAA;
	text-decoration:none;
}
.footer_bottom_right.test-view{
	line-height: 1;
	padding-top: 5px;
	font-size: 0;
}
.footer_bottom_right.test-view > li{
	display: inline-block;
	vertical-align: middle;
}
.footer_bottom_right.test-view > li:not(:last-of-type) {
	margin-right: 18px;
}
.footer_bottom_right.test-view > li:first-of-type,
.footer_bottom_right.test-view > li:nth-of-type(4){
	border-right: 1px solid #777;
	padding-right: 18px;
}
.footer_bottom_right.test-view > li:nth-of-type(4){
		margin-right: 14px;
}


/*
----------------------------------------------------------------------
  COMMON PARTS
----------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------
  CLEARFIX
----------------------------------------------------------------------
*/

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}




/*2016/0513 TOPバナー追加*/
.bna_0513{
	position:absolute;
	bottom:100px;
	right:100px;
	z-index:999999;
}
.bna_0513:hover{
	opacity:0.8 !important;
}

/*2016/1013 TOPバナー追加*/
.bna_1013{
	position:absolute;
	bottom:100px;
	right:430px;
	z-index:999999;
}
.bna_1013:hover{
	opacity:0.8 !important;
}


/*2016/0602 eventページ追加*/
.event body{
	background:url(../img/event/event_bg01.png) no-repeat;
	background-size: cover;
	padding:100px 0 50px;
}
#event_content{
	background:#FFF;
	padding:30px;
	width:1040px;
}
#event_content h2{
	font-size:24px;
	margin-bottom:20px;
	color:#1A1A46;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}
#event_content .left{
	color:#000;
	width:450px;
	float:left;
}
#event_content .main_text{
	line-height:1.6;
	margin-bottom:30px;
}
#event_content .info_text{
	line-height:1.8;
}
#event_content .right{
	width:540px;
	float:right;
	padding-bottom:30px;
}
#event_content .img_box{
	border-top:solid 1px #CCC;
	padding-top:30px;
	clear:both;
}
#event_content .img_box li{
	width:250px;
	margin:0 13px 13px 0;
	float:left;
	position:relative;
	cursor:pointer;
}
#event_content .bx-pager span{
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	transition:border 0.3s ease-in-out;
	border:solid 0px rgba(26, 26, 70, 0.7);
	z-index:1;
	background-color:rgba(255,255,255,0);
}
#event_content .bx-pager span:hover{
	transition:border 0.3s ease-in-out;
	border:solid 5px rgba(26, 26, 70, 0.7);
}
#event_content .bx-pager .active span{
	transition:border 0.3s ease-in-out;
	border:solid 5px rgba(26, 26, 70, 0.7);
}

#event_content .img_box li:nth-child(4n){
	margin-right:0px;
}
.event_btn_box{
	width:1100px;
	margin:20px 0 30px 10px;
}
.event_btn_box li.left{
	float:left;
}
.event_btn_box li.right{
	float:right;
}
.event_btn_box a:hover{
	opacity:1 !important;
}
#event_content a:hover{
	opacity:1 !important;
}


#img_size {
	display: table-caption;
	text-decoration:none;
	color:#000;
	min-width:250px;
}
#img_size a{
	position:relative;
	display:inline-block;
}
/*
@supports (-ms-accelerator:true) {
	#img_size {
		display: block;
		min-width:250px;
	}
	#img_size .news_img_text{
		width:200px;
	}
}


/*
#img_size:hover{
	opacity:1 !important;
}
*/
#img_size .news_img_text{
	margin-top:15px;
	pointer-events: none;
	line-height:1.6;
	font-size:14px;
	color:#333;
}
#img_size span{
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	transition:border 0.3s ease-in-out;
	border:solid 0px rgba(0, 0, 0, 0.7);
	z-index:1;
	background-color:rgba(255,255,255,0);
}
#img_size span:hover{
	transition:border 0.3s ease-in-out;
	border:solid 5px rgba(0, 0, 0, 0.7);

}
#img_size a:hover{
	opacity:1 !important;

}


/*2016 11/14 フローティングバナー設置*/
.float_bnr_box{
	position:fixed;
	left:0;
	top:153px;
	z-index:999;
}

/* 20171027 update */
.anchor{
	padding-top: 70px;
	margin-top: -70px;
	display: block;
	width: 0;
}


/* 20180316 スマホサイトを表示 */
.disp_pc_btn{
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 3.6em;
    color: #FFF !important;
    display: block;
    text-align: center;
    padding: 3%;
    background: #000;
    text-decoration: none;
}

/* 20151225 キャンペーンバナー
---------------------------- */
.top_canpaign_bnr{
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 103px;
	left: calc((100% - 1200px) / 2);
	transition: opacity .3s ease;
}
a.top_canpaign_bnr:hover{
	opacity: 0.7;
}