@charset "UTF-8";
/*------------------------------------------------------------------
                      ブランド商品ページ第二弾
------------------------------------------------------------------*/
#series_koumoku {
	background-image: url(/ws/images/red_border.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 24px;
	margin-bottom: 12px;
	margin-top: 24px;
	padding-left: 28px;
	clear: both;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#series_kensaku {
	font-size: 12px;
	text-align: right;
	margin: 0;
	padding-top: 4px;
}
#syamei {
	font-size: 16px;
	margin: 0;
	padding: 0 0 9px 0;
}
#syamei a {
	color: #333333;
	text-decoration: none;
	display: block;
}
#syamei a:hover {
	color: #CC0000;
}
#kaisya_gaiyou {
	font-size: 10px;
	line-height: 130%;
	margin: 0;
	padding: 0;
}
/*メーカー別背景*/
#hermanmiller_bg {
	background-image: url(/ws/images/series/hermanmiller_bg.jpg);
	background-repeat: no-repeat;
	color: #333;
	padding: 6px 120px 6px 107px;
	clear: both;
	margin-top: 24px;
}
#steelcase_bg {
	background-image: url(/ws/images/series/steelcase_bg.jpg);
	background-repeat: no-repeat;
	color: #333;
	padding: 6px 120px 6px 107px;
	clear: both;
	margin-top: 24px;
}
#vitra_bg {
	background-image: url(/ws/images/series/vitra_bg.jpg);
	background-repeat: no-repeat;
	color: #333;
	padding: 6px 120px 6px 107px;
	clear: both;
	margin-top: 24px;
}
#knoll_bg {
	background-image: url(/ws/images/series/knoll_bg.jpg);
	background-repeat: no-repeat;
	color: #333;
	padding: 6px 120px 6px 107px;
	clear: both;
	margin-top: 24px;
}
/*商品説明*/
#series_syouhin_setumei {
	border-top-color: #CCCCCC;
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 14px 0;
	height: 100px;
	color:#333333;
	float: left;
	clear: both;
	width: 540px;
}
/*社名*/

#series_syamei {
	font-size: 16px;
	padding-left: 16px;
	padding-bottom: 3px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#series_purudaun {
	text-align: right;
}
/*画像*/
#syouhin_gazou {
	float: left;
	margin: 0;
	margin-right: 10px;
}
#syouhin_gazou a {
	border-style: solid;
	border-color: #333;
	border-width: 1px;
	display: block;
}
#syouhin_gazou a:hover {
	border-style: solid;
	border-color: #CC0000;
	border-width: 1px;
}
/*商品説明外枠*/
*html body #series_syouhin_setumei_sotowaku {
	border-style: solid;
	border-width: 1px;
	padding: 16px 6px 0 6px;
}
#series_syouhin_setumei_sotowaku {
	border-style: solid;
	border-width: 1px;
	padding: 16px 9px 0 9px;
}
.hermanmiller_syouhin_setumei_sotowaku {
	border-color: #333333;
}
.vitra_syouhin_setumei_sotowaku {
	border-color: #FF3300;
}
.steelcase_syouhin_setumei_sotowaku {
	border-color: #3399CC;
}
.knoll_syouhin_setumei_sotowaku {
	border-color: #FF0000;
}
/*商品説明内枠*/
#series_syouhin_setumei_kowaku {
	float: left;
	width: 394px;
}
/*商品名*/
#series_syouhinnmei {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
}
#series_syouhinnmei a {
	color: #333333;
	text-decoration: none;
	display: block;
}
#series_syouhinnmei a:hover {
	color: #CC0000;
}
#series_syouhinbangou_nedan {
	font-size: 12px;
	margin: 0;
}
#series_syouhinbangou_nedan a {
	color: #FF0000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#series_syouhinbangou_nedan a:hover {
	color: #FF6600;
}
/*価格*/
#series_kakaku {
	text-align: right;
	font-size: 12px;
}
#series_baika {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}/*商品詳細・コピー*/
#series_syouhin_stiysai {
	font-size: 12px;
	float: left;
}
#series_syouhin_oritatami {
	text-align: right;
	font-size: 12px;
}
#series_syouhin_oritatami a {
	color: #FF3300;
}
#series_syouhin_oritatami a:hover {
	color: #FF9900;
}
/*国内メーカー編*/
/*メーカー名*/
#kokunai_syamei_itoki {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 24px;
	margin: 24px 0 6px 0;
	clear: both;
}
#kokunai_syamei_okamura {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 24px;
	margin: 12px 0;
	clear: both;
}
#kokunai_syamei_kokuyo {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #06C;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 24px;
	margin: 12px 0;
	clear: both;
}
#kokunai_syamei_uchida {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 24px;
	margin: 12px 0;
	clear: both;
}
#kokunai_syamei_plus {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 24px;
	margin: 12px 0;
	clear: both;
}
/*シリーズ別*/
#kokunai_series {
	float: left;
	font-size: 12px;
	width: 272px;
	padding-left: 6px;
	padding-bottom: 24px;
}
#kokunai_series_subete {
	font-size: 14px;
	font-weight: bold;
}
#kokunai_series_subete a {
	color: #CC0000;
}
#kokunai_series_subete a:hover {
	color: #FF6600;
	text-decoration: none;
}
#kokunai_kate_title {
	font-weight: bold;
	color: #333333;
}
ol#kokunai_kate {
	list-style: none;
	margin-left: 0;
	padding-left: 12px;
	line-height: 150%;
}
ol#kokunai_kate a {
	color: #CC0000;
}
ol#kokunai_kate a:hover {
	color: #FF6600;
	text-decoration: none;
}
/*店舗紹介*/
#series_kawasaki_aeron {
	margin-left: 12px;
	margin-right: 12px;
	float: left;
}
#series_come_ue {
	border: 0;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 4px 9px;
	margin: 0;
	margin-top: 12px;
	width: 390px;
	font-size: 14px;
	float: left;
	line-height: 150%;
}
#series_come_sita {
	border: 0;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #333333;
	padding: 14px 9px;
	margin: 0;
	margin-bottom: 12px;
	width: 390px;
	font-size: 14px;
	float: left;
	line-height: 150%;
}
/*------------------------------------------------------------------
                           追加CSS
------------------------------------------------------------------*/
#contents {
	text-align: left;
}
/* 上部テキスト追加 2016.03.29 hasegawa */
.about_this_category_series {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	color: rgb(255, 255, 255);
	margin: -17px auto 42px;
	background-color: rgb(255, 255, 255);
	text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
/*2016.06.01ページリニューアルhasegawa*/

#container {
	overflow: hidden;
}
#maincontents {
	/*width: 770px;*/
width:100%;
	float:none;
}
.designer_furniture #maincontents .inner {
	width: 755px;
	padding-left: 15px;
	padding-right: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3E3A39;
}
.df_head {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
}
.df_midashi_h2 {
	overflow: hidden;
	margin-bottom: 20px;
}
.df_midashi_h2 div {
	float: left;
	padding-right: 20px;
	border-right: 2px solid #3E3A39;
}
.df_midashi_h2 h2 {
	font-size: 26px;
	font-weight: normal;
	line-height: 1.1;
	float: right;
	width: 29.93377483443709%;
	word-break: keep-all;
	padding-top: 5px;
	padding-left: 15px;
	box-sizing: border-box;
}
.df_head_link {
	/*overflow: hidden;*/
	width: 100%;
}
.df_head_link li {
	box-sizing: border-box;
	width: 33.33333333333333%;
	padding: 14px;
	font-size: 12px;
	line-height:1.5;
	color: #FFF;
	background-color: #595757;
	border-top: 2px solid #3E3A39;
	border-bottom: 2px solid #3E3A39;
	border-right: 1px solid #FFF;
	float: left;
	position: relative;
	z-index: 1;
}
.df_head_link li.first_list_midasi {
	background-color: #3E3A39;
}
.df_head_link li:last-child {
	border-right: 2px solid #3E3A39;
}
.df_head_link li a {
	color: #FFF;
	text-decoration: none;
}
.df_head_link li a:hover {
	color: #FFF;
	text-decoration: underline;
}
.no_under:hover {
	/*text-decoration: none;*/
	cursor: pointer;
}
.df_head_link li a::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 8px;
}
/*追加liの設定*/
.dropmenu li ul li:nth-child(2n+1) {
	background-color: #8E8B8B;
}
.dropmenu li ul li {
	border-top: none;
	border-bottom: 1px;
	border-left: none;
	border-right: none;
	opacity: 0.9;
	font-weight: bold;
	font-size: 14px;
}
/*ドロップダウンメニュー基本*/
.dropmenu {
 *zoom: 1;
	list-style-type: none;
}
.dropmenu:before, .dropmenu:after {
	content: "";
	display: table;
}
.dropmenu:after {
	clear: both;
}
.dropmenu li {
	position: relative;
	float: left;
}
.dropmenu li a {
	display: block;
}
.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li {
	width: 100%;
}
/*ドロップダウンメニュー設定*/

/*ひっくり返るぜ（#flip）*/
#flip > li {
	perspective: 400px;
}
#flip li ul {
	visibility: hidden;
	transform: rotateX(-90deg);
	transform-origin: 50% 0;
	transition: .3s;
}
#flip li:hover ul {
	visibility: visible;
	transform: rotateX(0);
}
/*ノーマル（#normal）*/
#normal li ul {
	display: none;
}
#normal li:hover ul {
	display: block;
}
.df_brands {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
}
.brands_description {
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 48.005%;
	margin-left: 3.973%;
	margin-right: 6.092%;
}
.brands_description h3 {
	/*margin-bottom: 30px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}
.brands_description h4 {
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 2px solid #3E3A39;
}
.brands_description p {
	font-size: 11px;
}
.brands_link {
	box-sizing: border-box;
	border: 1px solid #3E3A39;
	font-size: 14px;
	padding: 5px 30px 5px 26px;
	line-height: 1.2;
	float: right;
}
.brands_link a {
	color: #3E3A39;
	text-decoration: none;
}
.brands_link a:hover {
	color: #3E3A39;
	text-decoration: underline;
}
.brands_link a::before {
	content: '';
	border-top: 5px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #3E3A39;
	display: inline-block;
}
.brands_img {
	float: right;
}
.brands_select {
	overflow: hidden;
	box-sizing: border-box;
	border-top: 1px solid #3E3A39;
	padding-top: 20px;
	text-align: right;
	margin-bottom: 30px;
}
.brands_select p {
	display: inline-block;
	font-size: 14px;
}
.brands_select div {
	display: inline-block;
	padding: 2px;
}
.pic_up_wrap {
	overflow: hidden;
	margin-bottom: 60px;
}
.pic_up_wrap ul {
	overflow: hidden;
	margin-left: -20px;
}
.pic_up_wrap ul li {
	float: left;
	margin-left: 20px;
}
.pic_up_wrap h3 {
	font-size: 18px;
	font-weight: bold;
}
.pic_up_wrap h3 span {
	font-size: 14px;
	margin-left: 14px;
}
.pick_up_prodct {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.df_prodct_image {
	box-sizing: border-box;
	width: 238px;
	height: 238px;
	overflow: hidden;
	border: 1px solid #3E3A39;
}
.pick_up_prodct h4 {
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 100;
}
.df_prodct_image img {
	position: relative;
	top: -12%;
	left: -32%;
	width: 165%;
	height: auto;
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	vertical-align: bottom;
}
.df_prodct_image img.irregular {/*画像サイズイレギュラー処置エルゴ*/
	/*top: -4px;*/
 top: 1px;
 left: -33px;
 max-width: 113.5%;
}
.prodct_discription_wrap {
	/*position: absolute;*/
	bottom: 0px;
	background-color: rgba(255,255,255,0.65);
	width: 238px;
	box-sizing: border-box;
	border-right: 1px solid #3E3A39;
	border-bottom: 1px solid #3E3A39;
	border-left: 1px solid #3E3A39;
}
.prodct_discription_wrap:hover {
	opacity: 0.1;
}
.prodct_discription_wrap h5 {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	/*margin-top: 4px;*/
 margin-top: 0px;
padding-top: 12px;
}
.prodct_discription {
	font-size: 11px;
	line-height: 1.4;
	margin: 0px 11px;
}
.df_prodct_price {
	font-size: 26px;
	line-height: 1.2;
	font-weight: bold;
	text-align: right;
}
.df_prodct_price span {
	font-size: 10px;
	font-weight: normal;
}
.pick_up_prodct a {
	color: #3E3A39;
 text-decoration: none;
 display: block;
}
.brands_list_wrap {
	overflow: hidden;
}
.brands_list_wrap h3 {
	font-size: 18px;
}
.brands_list_wrap ul {
	overflow: hidden;
	margin-left: -20px;
}
.brands_list_wrap ul li {
	float: left;
	box-sizing: border-box;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 30px;
}
.brands_list_wrap ul li a {
	text-decoration: none;
	color: #3E3A39;
	position: relative;
}
.brands_list_wrap ul li a:hover {
	text-decoration: underline;
}
.brands_list_wrap ul li a div {
	box-sizing: border-box;
	border: 1px solid #3E3A39;
	width: 238px;
	height: 70px;
	padding: 20px 0px;
	position: relative;
}
.brands_list_wrap ul li a div.logo_padding_10 {
	padding: 10px 0px;
}
.brands_list_wrap ul li a div.logo_padding_15 {
	padding: 15px 0px;
}
.brands_list_wrap ul li a div::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #d9d9d9;
	border-bottom: 6px solid #d9d9d9;
	border-left: 6px solid transparent;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.brands_list_wrap p {
	font-size: 14px;
	margin-top: 5px;
}
/*bxslider設定*/
.bx-wrapper {
	margin-bottom: 70px;
}
.bx-wrapper .bx-controls-direction a {
	top: auto;
	bottom: -50px;
}
.bx-wrapper .bx-prev {
	left: 0;
}
.bx-wrapper .bx-next {
	right: 0;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: -40px;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	background-image: none;
	border: 1px solid #3E3A39;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	opacity: 0.65;
}
.bx-wrapper .bx-prev:after {
	content: '';
	width: 15px;
	height: 15px;
	border-bottom: 1px solid #3E3A39;
	border-left: 1px solid #3E3A39;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 25%;
	left: 36%
}
.bx-wrapper .bx-next:after {
	content: '';
	width: 15px;
	height: 15px;
	border-top: 1px solid #3E3A39;
	border-right: 1px solid #3E3A39;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 25%;
	right: 36%
}
/*20170511　追加*/
.df_midashi_h2 h2 {
	width:100%;
}
.bx-wrapper {
	display:none;
}
.df_head_link {
	display: flex;
	flex-flow: column wrap;
	width: 100%;
}
.df_head_link li {
	background-color: #595757;
	border-bottom: 2px solid #3e3a39;
	border-right: 1px solid #fff;
	border-top: 2px solid #3e3a39;
	box-sizing: border-box;
	color: #fff;
	float: none;
	font-size: 12px;
	line-height: 1.75;
	padding: 20px 14px;
	position: relative;
	width: 100%;
	z-index: 1;
	margin:0 auto 10px;
}
.dropmenu li ul {
	left: 0;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: relative;
	top:inherit;
	z-index: 9999;
}
#flip li ul {
	transform: inherit;
	transform-origin: inherit;
	transition: inherit;
	visibility: inherit;
}
.pic_up_wrap ul {
	display: flex;
	flex-flow: column wrap;
	margin-left: 0;
	overflow: hidden;
}
.pic_up_wrap ul li {
	/*flex-basis: 33%;*/
	float: none;
	margin-left: 0;
	margin: 0 auto 40px;
 flex: 0 0 auto;
width: 100%;
}
.df_prodct_image {
	border: 1px solid #3e3a39;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	width: 100%;
}
.prodct_discription_wrap {
	width:100%;
 padding-bottom: 16px;
}
.df_prodct_image img {
	left: 0;
	top: 0;
}
.brands_list_wrap ul {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
align-content: space-between;
margin: 0 auto;
}
.brands_list_wrap ul li {
flex: 0 0 auto;
width: 48%;
margin: 0 auto 32px;
}
.brands_list_wrap ul:last-child li {
margin-left: 0;
}
.brands_list_wrap ul li a {
display: block;
}
.brands_list_wrap ul li a div {
margin: 0 auto;
width: 100%;
padding: 20px 10px;
}
.aeron_bnr {
display: block;
text-align: center;
}

.bnrWrap{
		display:flex;
	flex-flow:row wrap;
	width:100%;
	margin:0 auto 40px;
}
.bnrWrap .bnr_area-cateTop{
	flex-basis:100%;
	margin:0 auto 20px; 
}
.designer_office_img {
width: 100%;
margin: 0 auto 8px;
text-align: center;
}
.designer_office_img img {
width: 100%;
}





 @media all and (min-width: 768px) {
.bx-wrapper {
	display:inherit;
}
.brands_img {
	float: right;
}
.brands_description {
	box-sizing: border-box;
	float: left;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	width: 45.005%;
}
.pic_up_wrap ul {
	display: flex;
	flex-flow: row wrap;
	margin-left: 0;
	overflow: hidden;
}
.pic_up_wrap ul li {
	flex-basis: 32%;
	float: none;
	margin: 0 auto 40px;
}
.pic_up_wrap h3 span {
	display: block;
	font-size: 14px;
	margin-left: 0;
}
.df_head_link {
/*	display:inherit;*/
	flex-flow: inherit;
 flex-flow: row nowrap;
/*	width: 100%;*/
}
.df_head_link li {
	float:left;
	width:33%;
 margin-bottom: 0px;
}
#flip li ul {
	transform: rotateX(-90deg);
	transform-origin: 50% 0 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
.dropmenu li ul {
	left: 0;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 9999;
}
.bnrWrap{
		display:flex;
	flex-flow:row wrap;
	width:100%;
}
.bnrWrap .bnr_area-cateTop{
	flex-basis:49%;
	margin:0 auto;
}

.prodct_discription_wrap {
min-height: 152px;
}
.bnrWrap .bnr_area-cateTop {
margin: 0 auto;
flex: 0 0 auto;
width: 100%;
}



}
 @media all and (min-width: 1130px) {
 .brands_description {
 min-width: 58%;
 max-width: 63%;
 width: auto;
 }
 .brands_list_wrap ul li {
 width: 31%;
 }
 #main-container.staticPage {
 max-width: 100%;
 }
 
}