@charset "utf-8";


/* ___________________________________________________________________________
 * モバイル版 ブランドサイト共通 CSS（768pxブレイクポイント）
 *
 * 2014.12.12	k.fukazawa	新規作成
 *
 *____________________________________________________________________________*/


.mobile_only {
	display:block;
}

.pc_only {
	display:none;
}


/* メニューとコンテンツ ______________________________________________________*/
#contents_area {
	margin-top:20px;
	float:none;
	width:100%;
}
/*____________________________________________________________________________*/


.nivo-caption {
	display:none;
}

/* ナビ ________________________
______________________________________________*/
#main_nav_div {
	background:#000000;
	max-width:50%;
	position:fixed;
	top:0;
	left:-50%;
	height:100%;
	z-index:999;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	overflow:hidden;
	margin-top:0px;
}

#main_nav_div.show {
	left:0;
}


/* 親メニュー */
#main_nav_div ul#menu-main-navi {
	max-width:100%;
	width:95%;
}

#menu-main-navi li {
	float:none;
	width:100%;
	border-right:none
	height:auto;
}

#menu-main-navi a {
	text-align:left;
	color:#ffffff;
}

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

/* 子メニュー */
#menu-main-navi ul.sub-menu {
	display:block;
	position:static;
	top:0;
	left:0px;
	width:95%;
	background:#ffffff;
	z-index:3;
}


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

/* 孫メニュー */
#menu-main-navi ul.sub-menu ul.sub-menu {
	width:100%;
	position:static;
	display:block;
	background:#ffffff;
	box-sizing:border-box;
}

#menu-main-navi ul.sub-menu ul.sub-menu li {
	float:none;
	width:100%;
}

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


#mobile_nav_bars {
	position:fixed;
	top:10px;
	right:10px;
	z-index:99;
	text-align:center;
	background:#ff6600;
	color:#ffffff;
	width:50px;
	height:50px;
	padding:5px;
	cursor:pointer;
}

#mobile_nav_bars i {
	font-size:30px;
}

#mobile_nav_bars span {
	font-size:12px;
}

/* ___________________________________________________________________________*/



/* ヘッダー __________________________________________________________________*/
#header h1 {
	float:none;
	max-width:200px;
}

#header span {
	display:block;
	padding-top:0px;
	float:none;
}

#header .left_menu {
	float:left;
}

#header .right_menu {
	float:right;
	margin-top:10px;
}

#header .right_menu li {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
}

/* ___________________________________________________________________________*/



/* 新製品エリア ______________________________________________________________*/
#new_product_area ul {
	display:block;
	height:auto;
}

#new_product_area li {
	display:block;
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#new_product_area li.title {
	padding:10px;
	width:100%;
	box-sizing:border-box;
}

.to_list {
	text-align:center;
	margin-left:25px;
	display:inline;
}

.to_list:before {
	left:-20px;
	top:2px;
}
/* ___________________________________________________________________________*/


/* 製品一覧ページ ____________________________________________________________*/
/* カテゴリ表示か、シリーズ表示かを切り替えるタブ */
.disp_changer {
	width:100%;
	margin:auto;
}

.disp_changer li {
	float:right;
	width:50%;
}

/* 製品一覧 */
.product_list li {
	width:50%;
	float:left;
}


.sale_end_product_list li {
	width:50%;
	float:left;
	height:180px;
	text-align:center;
	font-size:12px;
	line-height:150%;
}



/* ___________________________________________________________________________*/


/* カテゴリ __________________________________________________________________*/
/* カテゴリエリア ____________________________________________________________*/
#category_area .cl {
	height:auto;
}

#category_area {
	position:static;
	height:auto;
}

/*
#category_area .category li {
	position:static;
	text-align:center;
	width:100%;
}
*/

/* ___________________________________________________________________________*/

/* カテゴリ __________________________________________________________________*/
/*
#category_area {
	margin-top:40px;
	position:relative;
	height:620px;
}

#category_area .category li:first-child {
	top:0%;
	left:0%;
}

#category_area .category li:nth-child(2) {
	top:0%;
	right:0%;
}

#category_area .category li:nth-child(3) {
	top:32%;
	right:0%;
}

#category_area .category li:nth-child(4) {
	top:59.5%;
	left:0%;
}
*/
/* ___________________________________________________________________________*/

/* 調整 */
.wrapper {
    padding: 1rem;
    box-sizing: border-box;
}

/* イベントページ */
#event .flex-list li {
	flex-basis:46%;
}