@charset "EUC-JP";

/*-- reset CSS ---------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
a {
outline : 0;
}
a:link, a:visited, a.active {
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: underline;
}

body {
font: normal 13px/22px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
color: #444444;
}
#container {
width: 100%; 
margin: 0;
position:relative;
}

/*  HEADER  */
#header {
width: 100%;
background: #FFF;
}
#HeaderInner {
clear: both;
width: 1120px;
margin: 0 auto 10px auto;
padding: 0 3px 0 3px;
}
#HeaderInner:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#hd_left {
float: left;
width: 250px;
margin-right: 10px;
}

#hd_right {
width: 860px;
height:70px;
float: right;
}

/*  LOGO  */
#logo {
margin-top: 20px;
}

/*  SEARCH  */
#search {
float: right;
height: 22px;
width: 150px;
margin-left: 0px;
margin-bottom: 0px;
margin-top:43px;
padding: 5px 0px 0px 10px;
}
#search form {
margin: 0px;
padding: 0px;
}
#search input.input_keyword {
float: left;
margin: 0px;
padding: 2px;
width: 120px;
border: 1px solid #BBBBBB;
}
#search input.button_search {
float: right;
}

/*  SUB MENU  */
#subMenu {
float:left;
width:600px;
margin:50px 0 0 25px;
}
#subMenu ul {
margin: 0px;
padding: 0px;
}
#subMenu li {
margin-right:25px;
float:left;
font-size:12px;
font-weight: 800;
}
#subMenu li a {
color: #999;
}
#subMenu li a:hover {
color: #333;
}
.in-cart-count {
display: inline-block;
  margin-left: 4px;
  font-weight: bold;
  width: 20px !important;
  height: 20px;
  background-color: skyblue;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
}

/*  GLOBAL MENU  */
#globalMenu {
clear: both;
margin: 0;
width: 100%;
background: #002567;
font-family: 'Roboto', sans-serif;
}
#globalMenu:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #globalMenu {
height: 1em;
overflow: visible;
}
/**/
#globalMenu ul {
margin: 0 auto;
padding: 0px;
width: 1120px;
}
#globalMenu li {
   display: inline-block;
   list-style-type: none;
   font-size: 14px;
   color: #FFF;
}
#globalMenu li a {
padding: 15px 0;
margin: 0 25px 0 0;
color: #FFF;
display: block;
}

#globalMenu ul li:hover ul.globalMenu-group {
   display: block;
}
ul.globalMenu-group {
   margin: 0;
   padding: 0;
   display: none;
   position: absolute;
   z-index:500;
}
ul.globalMenu-group li {
width: 190px;
border-top: 1px solid #FFF;
background: #e6e6e6;
font-size: 12px;
display: block !important;
}
ul.globalMenu-group li a {
   text-indent: 10px;
   line-height: 15px;
   text-align: left;
   font-weight: normal;
   color:#333 !important;
   display: block;
}
ul.globalMenu-group li a:hover {
   background-color: #999;
   width: 100% !important;
   color: #333;
   text-decoration: none;
}

.cashless-bnr-top {
margin: 0 0 20px 0;
padding: 0;
width:100%;
}
.cashless-bnr-top img {
max-width:100%;
height: auto;
}
.cashless-bnr-top-sp {
margin: 20px auto;
padding: 0;
width: 90%;
}
.cashless-bnr-top-sp img {
max-width:100%;
height: auto;
}

/*--------------------------------------------------------------
Responsive for min-width 1016px
--------------------------------------------------------------*/
@media screen and (min-width: 63em) {
#drawer {
display: none;
}
.hamb-menu, .hamb-menu-nav {
display: none;
}
br.Brsp {
display: none;
}
}

/* BREAD CLUMB */
#wrapTop #breadClumb {
clear: both;
width: 1120px;
height: 35px;
padding: 0;
margin: 0 auto 10px auto !important;
}
#wrapTop_product #breadClumb {
clear: both;
width: 1120px;
height: 35px;
padding: 0;
margin: 0 auto 10px auto !important;
}
#breadClumb ul {
float: left;
}
#breadClumb li {
float: left;
height: 28px;
padding: 10px 5px 0px 5px;
font-size: 80%;
}
#breadClumb li#bc_home {
background: url(none) !important;
}
#breadClumb li#bc_productName {
height: 26px;
padding-top: 10px;
font-size: 80%;
font-weight: bold;
}

/* SORT */
#sort {
float: right;
padding-top: 4px;
padding-bottom: 4px;
}
#sort dl {
}
#sort dt {
float: left;
background: url(https://img13.shop-pro.jp/PA01071/807/etc/sort_line.gif) no-repeat right top;
height: 24px;
padding: 6px 10px 0px 0px;
margin-right: 6px;
}
#sort dd {
float: left;
height: 24px;
padding: 6px 0px 0px 0px;
}

/*  MAIN CONTENTS  */
#mainContent {
clear: both;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 16px;
width:1120px;
}
#mainContent:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #mainContent {
height: 1em;
overflow: visible;
}
/**/

#mainContent h1{
margin-bottom: 10px;
padding-left: 3px;
}

#public_content2 {
clear: both;
height: 96px;
margin-bottom: 6px;
}

/*  FOOTER  */
#footer {
margin: 0;
padding: 0 0 20px 0;
width: 100%;
border-top: 1px solid #333;
font-size: 11px;
float:left;
clear: both;
background: #333;
color: #999;
}
#footer:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #footer {
height: 1em;
overflow: visible;
}
/**/
#footer a:hover {
text-decoration: underline;
color: #FFF;
}
#footer a {
color: #999;
}
#footerMenu {
margin: 0 auto;
width:1120px;
}
#footerMenu ul {
margin: 0 50px 20px 0;
padding: 0 0 20px 0;
width: 215px;
float: left;
color: #CCC;
}
#footerMenu li {
margin: 0;
padding: 0;
width: 215px;
line-height: 200%;
list-style: none;
font-size: 12px;
}
#footerMenu li a {
padding: 0 0 0 10px;
background:url(https://8engine.co.jp/metrocssapporo-onlinestore/images/top0920/footer_arrow.png) no-repeat left center;
}
#shopInfo {
margin: 0;
padding: 0;
width: 224px;
float: left;
}
#footerShopAdd, #footerShopAdd a {
color: #FFF;
}
#pagetop {
margin: 0;
padding: 0;
text-align: right;
}
#copyright {
margin: 30px auto 25px auto;
text-align: center;
color: #CCC;
}
#footerTxtLink {
margin: 15px auto 5px auto !important;
color: #999;
clear: both;
font-size: 12px;
text-align: center !important;
}
#footerLogo {
margin: 0 0 15px 0;
clear: both;
float: left;
}
#footerLogo img {
width: 247px;
}

#footerSnsMenu {
margin: 0 auto;
width:1120px;
text-align: center !important;
}
ul.footer-sns-links {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.footer-sns-links i {
    padding: 10px 0 0 0;
}
ul.footer-sns-links li {
  margin-right: 4px;
  float: left;
  list-style: none;
}
ul.footer-sns-links li:last-child {
  margin-right: 0 !important;
}
.footer-sns-links a {
  font-size: 28px;
  display: inline-block;
  background: none;
  background: #CCC !important;
  color: #333 !important;
  line-height: 1;
  padding: 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  transition: 0.3s;
}
.footer-sns-links a:hover {
  background: #666;
  color: #fff;
  text-decoration: none;
}
.footer-circle, .footer-circle a {
  width: 50px;
  height: 50px; 
  background-color: #666;
  color: #FFF;
  font-size: 12px;
  border-radius: 50%; 
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
}
.footer-circle a:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}

/*  SHOP INFORMATION   */
.shopinfo .shopdata {
width: 100%;
margin: 50px 0;
}
.shopinfo .shopdata .shopdata-inner-left {
float: left;
width: 560px;
margin: 0 40px 0 0;
padding: 0;
}
.shopinfo .shopdata .shopdata-inner-left img {
width: 560px;
height: auto;
}
.shopinfo .shopdata .shopdata-inner-right {
float: left;
width: 520px;
margin: 0;
padding: 0;
}
.shopinfo #accessmap {
padding-left: 20px;
float: left;
}
.shopinfo h2 {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
.shopinfo #accessmap h3 {
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
}
.shopinfo dl {
margin-bottom: 10px;
}
.shopinfo dt {
float: left;
}
.shopinfo dd {
margin-left: 70px;
}
.brandBloc {
margin: 10px 0 !important;
padding: 0;
}
.brandBlocL {
margin: 0 50px 0 0;
padding: 0;
float: left;
width: 340px;
}
.brandBlocR {
margin: 0;
padding: 0;
float: left;
width: 340px;
}
.brandBlocL li, .brandBlocR li {
margin: 0 0 10px 0;
padding: 0;
font-size: 15px;
}
.brandBlocL li span, .brandBlocR li span {
font-size: 12px;
color: #666;
}
.map-btm a {
border: 1px solid #333;
color: #FFF;
padding: 5px 10px;
background: #333;
}
.map-btm a:hover {
border: 1px solid #333;
color: #333;
padding: 5px 10px;
background: #FFF;
}

/*  HERMAN MILLER&WILKHAHN   */
.harmanMiller h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.wilkhahn h2 {
margin: 0;
}
.harmanMiller h3, .wilkhahn h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0.8em;
}
.harmanMiller h3 a, .wilkhahn h3 a {
color: #333;
text-decoration: none;
}
.harmanMiller h3 a:hover {
text-decoration: underline;
color: #cc0000;
}
.wilkhahn h3 a:hover {
text-decoration: underline;
color: #669900;
}
.harmanMiller h4, .wilkhahn h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0.6em;
}

/* ハーマンミラー概要 */
.harmanMiller #aboutHarmanmiller {
}
.harmanMiller #aboutHarmanmiller #companyInfo {
margin: 20px 0 0 0;
}
.wilkhahn #aboutWilkhahn {
width: 930px;
}
.harmanMiller #aboutHarmanmiller:after, .wilkhahn #aboutWilkhahn:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.harmanMiller #aboutHarmanmiller h2, .wilkhahn #aboutWilkhahn h2 {
float: left;
margin-right: 15px;
margin-bottom: 0;
}
.harmanMiller #aboutHarmanmiller h2 {
width: 250px;
padding-top: 10px;
}
.wilkhahn #aboutWilkhahn h2 {
width: 221px;
}
.harmanMiller #aboutHarmanmiller p, .wilkhahn #aboutWilkhahn p {
float: right;
}
.harmanMiller #aboutHarmanmiller p {
width: 840px;
text-align: justify;
}
.wilkhahn #aboutWilkhahn p {
width: 654px;
}

/* 取扱商品 */
.productAreaLeft {
margin: 0 30px 25px 0;
padding: 0;
width: 545px;
margin-bottom: 25px;
float: left;
}
.productAreaRight {
margin: 0 0 25px 0;
padding: 0;
width: 545px;
float: left;
}
.productAreaLeft .proPhoto, .productAreaRight .proPhoto {
margin: 0 15px 0 0;
padding: 0;
width: 200px;
float: left;
}
.productAreaLeft .proText, .productAreaRight .proText {
width: 330px;
margin: 0;
padding: 0;
float: left;
}
.productAreaLeft .proText p, .productAreaRight .proText p {
margin-bottom: 1em;
text-align: justify;
}
.harmanMiller .productArea, .wilkhahn .productArea {
width: 425px;
min-height: 220px;
margin-bottom: 25px;
}
.wilkhahn .productArea h3 a {
color: #6ea100;
}
.harmanMiller .productArea .proText, .wilkhahn .productArea .proText {
width: 280px;
margin: 0;
padding: 0;
float: left;
}
.harmanMiller .productArea .proPhoto, .wilkhahn .productArea .proPhoto {
margin: 0;
padding: 0;
width: 145px;
float: left;
}
.harmanMiller .productArea p, .wilkhahn .productArea p {
margin-bottom: 1em;
text-align: justify;
}
.harmanMiller h3 span, .wilkhahn h3 span {
padding-left: 10px;
}

/* シェルチェア追加2011824*/
.harmanMiller #aboutHarmanmiller ul#topmenu {
margin-bottom:10px;
}

.harmanMiller #aboutHarmanmiller ul#topmenu li a {
float:left;
margin-right:10px;
background-color:#666;
padding:7px;
width:200px;
text-align:center;
text-decoration:none;
color:#FFF;
}

.harmanMiller #aboutHarmanmiller ul#topmenu li.right a {
margin-right:0px;
}

.harmanMiller #aboutHarmanmiller ul#topmenu li a:hover {
background-color:#6C9;
color:#FFF;
}

/* 段組み */
.harmanMiller #harmanmillerLeft, .harmanMiller #harmanmillershell01, .wilkhahn #wilkhahnLeft , .wilkhahn #wilkhahn_on01 , .wilkhahn #wilkhahn_on02 , .wilkhahn #wilkhahn_on03{
float: left;
width: 231px;
padding-left: 19px;
margin-left: -19px;
}
.harmanMiller #harmanmillerLeft {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_aeron.jpg) no-repeat left top;
padding-top: 700px;
}
.wilkhahn #wilkhahnLeft {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/img_bg_fsline.jpg) no-repeat left top;
padding-top: 685px;
}

.wilkhahn #wilkhahn_on01 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_wilkhahn01.jpg) no-repeat left top;
padding-top: 685px;
}

.wilkhahn #wilkhahn_on02 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_wilkhahn02.jpg) no-repeat left top;
padding-top: 685px;
}

.wilkhahn #wilkhahn_on03 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_wilkhahn03.jpg) no-repeat left top;
padding-top: 685px;
}

.harmanMiller #harmanmillershell01 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_shell.jpg) no-repeat left top;
padding-top: 700px;
}

.harmanMiller #harmanmillerRight, .wilkhahn #wilkhahnRight {
float: right;
width: 655px;
}

.harmanMiller ul.shell_list li {
float:left;
width:120px;
margin-right:12px;
margin-bottom:15px;
   text-align: center;
}

.harmanMiller ul.shell_list li.right {
margin-right:0px;
}

/* ＯＮ商品一覧 */
#on_reccomend {
clear:both;
padding-bottom:20px;
}
#on_reccomend:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#on_reccomend{
min-height: 1px;
}
* html #on_reccomend {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

#on_reccomend h2 {
margin:15px 0px;
padding-left:10px;
border-left:#999 5px solid;
}

#on_reccomend .item {
margin-right:10px;
width:170px;
float:left;
text-align:center;
}
#on_reccomend .itemLast {
width:170px;
float:left;
text-align:center;
}

#on_reccomend p.itemName {
width:170px;
}

#on_reccomend p.itemName a {
color:#333333;
}

#on_reccomend p.itemtxt {
width:164px;
text-align:left;
background-color:#EBEBEB;
padding:3px;

}
div.about_wilkhahn{
margin-top:10px;
margin-bottom:20px;
}

div.about_wilkhahn h3{
margin-bottom:10px;
}

div.about_factry{
margin-top:10px;
}

div.about_factry .a_left{
float:left;
width:435px;
margin:0;
   padding: 10px;
border:1px dotted #333;
font-size:11px;
}

div.about_factry .a_right{
float:right;
width:435px;
margin:0;
   padding: 10px;
border:1px dotted #333;
font-size:11px;
}

div.about_factry .a_left img , div.about_factry .a_right img{
margin-bottom:5px;
}

/* 配送サービス */
.harmanMiller #deliveryService_top, .wilkhahn #deliveryService_top {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/bg_cardboardBox_top.gif) no-repeat left top;
width: 210px;
height: 5px;
}


.harmanMiller #deliveryService, .wilkhahn #deliveryService {
width: 190px;
background: #EEEEEE;
padding: 5px 10px;
}
.harmanMiller #deliveryService:after, .wilkhahn #deliveryService:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .harmanMiller #deliveryService, * html .wilkhahn #deliveryService {
height: 1em;
overflow: visible;
}
/**/
.harmanMiller #deliveryService_btm, .wilkhahn #deliveryService_btm {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/bg_cardboardBox_btm.gif) no-repeat left bottom;
width: 210px;
margin-bottom: 5px;
padding-bottom: 5px;
}
.wilkhahn #deliveryService_btm {
float: right;
}
.harmanMiller #deliveryService img {
width: 150px;
background: #EEEEEE;
padding: 5px 20px 0 20px;
}
.wilkhahn #deliveryService img {
width: 190px;
background: #EEEEEE;
padding: 5px 0 0 0;
}


/* 保証について */
.harmanMiller #guaranteeDetail, .wilkhahn #guaranteeDetail {
padding: 10px;
border:1px solid #CCCCCC;
background: #EEEEEE;
}
.wilkhahn #guarantee {
float: left;
width: 420px;
}

#guarantee {
margin: 10px 0 0 0;
padding: 0;
}
.guaranteeText {
margin: 0 10px 0 0;
padding: 0;
width: 580px;
float: left;
}
.guaranteePhoto {
margin: 0;
padding: 0;
width: 300px;
float: left;
}

/* デザイナー紹介 */
#designerProfile {
margin: 0;
padding: 0;
}
#designerPortrait {
margin: 0 20px 0 0;
padding: 0;
width: 180px;
float: left;
}
#designerHistory {
margin: 0;
padding: 0;
width: 920px;
float: left;
}

/* カラー */
.wilkhahn ul#colorImage {
}
.wilkhahn ul#colorImage:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .wilkhahn ul#colorImage {
height: 1em;
overflow: visible;
}
.wilkhahn ul#colorImage li {
float: left;
margin-right: 15px;
}

/* 一覧や検索結果で商品がない場合のメッッセージ */
#message {
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 80px;
padding-bottom: 80px;
background: #EEEEEE;
}
.horizontalLine {
clear: both;
margin: 20px 0px 0px 0px;
padding-bottom: 20px;
height: 1px;
width: 100%;
border-top: 1px solid #CCCCCC;
}
.horizontalLine:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .horizontalLine {
height: 1em;
overflow: visible;
}

/* Base Superbox Styles */
#superbox-overlay {
position:fixed;
top:0;
left:0;
z-index:9998;
width:100%;
height:100%;
background:#e0e4cc;
}
#superbox-wrapper {
position:fixed;
z-index:9999;
top:0;
display:table;
width:100%;
height:100%;
}
#superbox-container {
position:relative;
display:table-cell;
width:100%;
height:100%;
margin:0;
padding:0;
vertical-align:middle;
}
#superbox {
margin:0 auto;
padding:10px;
background:#fff;
}
#superbox-container .loading {
margin:0;
text-align:center;
}

/* Default Theme */
#superbox-overlay {
background:#000;
}
#superbox-container .loading {
text-align:center;
font-size:40px;
color:#fff;
width:32px;
height:32px;
margin:0 auto;
text-indent:-9999px;
background:url(https://img13.shop-pro.jp/PA01071/807/etc/loader.gif) no-repeat 0 0;
}
#superbox-innerbox {
padding:10px 0;
}
#superbox.image {
text-align:center;
}
#superbox .close, #superbox .nextprev {
overflow:hidden;
margin:0;
}
#superbox .close a {
float:right;
padding:0 5px;
line-height:20px;
background:#333;
cursor:pointer;
}
#superbox .close a span {
color:#fff;
}
#superbox .nextprev a {
float:left;
margin-right:5px;
padding:0 5px;
line-height:20px;
background:#333;
cursor:pointer;
color:#fff;
}
#superbox .nextprev .disabled {
background:#ccc;
cursor:default;
}

/* width890タイプ */
.campaignPresent {
margin: 10px 0 40px 0;
width: 890px;
}
.campaignPresentText {
margin: 0 10px 20px 0;
width: 440px;
}
.campaignPresentItem {
margin: 0 0 20px 0;
width: 440px;
}
.campaignPresentItem ul {
margin: 0;
padding: 0;
}
.campaignPresentItem li {
margin: 0 10px 0 0;
width: 140px;
float: left;
text-align: center;
}

/*-----------------------------*/
/*  ワークチェア・キャンペーンページ用 2012.8.10追加   */
/*-----------------------------*/

#topMenuWilkhahn, #topMenuWilkhahn ul {
margin: 0 0 20px 0;
}
#topMenuWilkhahn li {
margin: 0 2px 0 0;
width: 231px;
   float: left;
   color: #FFF;
}
#topMenuWilkhahn li a {
margin: 0 2px 30px 0;
   padding: 7px;
width: 217px;
   color: #FFF;
   background: #4e9f05;
text-decoration:none;
   text-align: center;
   display: block;
}
#topMenuWilkhahn li a:hover {
   color: #FFF;
   background: #000;
text-decoration:none;
}
#topMenuWilkhahn li.right {
margin-right:0px;
}

.detailLink {
margin: 10px 0 0 0;
padding: 0 0 0 8px;
color: #333 !important;
  font-size: 12px;
  text-align: center;
}
.detailLink a {
color: #333 !important;
}

.cpBloc {
margin: 0 24px 0 0;
padding: 0;
width: 294px;
float: left;
}

.cpnInfo {
margin: 0 0 20px 0;
padding: 0;
width: 936px;
}
.cpnInfoText {
margin: 0 16px 0 0;
padding: 0;
width: 620px;
line-height: 180%;
font-size: 110%;
float: left;
}
.note {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 150%;
}
.noteBorder {
border-top: 1px dotted #666;
padding: 15px 0 0 0;
font-size: 90%;
line-height: 150%;
}
.cpnInfoImage {
margin: 0;
padding: 0;
width: 300px;
float: left;
}
.cpnNote3p {
margin: 0;
padding: 0;
}

.cpnNote3p .mds {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px #666 dotted;
}

.cpnNote3p .tel {
font-size: 14px;
font-weight: bold;
}
.cpnNote4p {
margin: 0;
padding: 0;
}

.cpnNote4p .mds {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px #666 dotted;
}

.cpnNote4p .tel {
font-size: 14px;
font-weight: bold;
}

/*  Item or Color variation - width 936px ver   */
#variation2i, #variation3i, #variation4i, #variation7c, .cpnNote4p {
margin: 0 0 25px 0;
padding: 0;
width: 936px;
clear: both;
}
#preLineup {
margin: 0 0 40px 0;
padding: 20px 0 0 0;
width: 936px;
clear: both;
}
#variation2i ul, #variation3i ul, #variation4i ul, #variation7c ul, .cpnNote4p ul, #preLineup ul {
margin: 0;
padding: 0;
}
#variation2i li {
margin: 0 12px 40px 0;
padding: 0;
width: 462px;
float: left;
}
#variation2i li a {
color: #669900;
}
#variation2i li a:hover {
color: #669900;
   text-decoration: under-line;
}
#variation3i li {
margin: 0 12px 0 0;
padding: 0;
width: 304px;
float: left;
}
.cpnNote3p li {
background: #e8e8e8;
margin: 0 12px 0 0;
padding: 15px;
width: 274px;
float: left;
line-height: 180%;
min-height: 200px;
overflow: hidden;
}
#variation4i li, .cpnNote4p li {
margin: 0 12px 25px 0;
padding: 0;
width: 225px;
float: left;
}
.cpnNote4p li {
background: #e8e8e8;
margin: 0 12px 0 0;
padding: 15px;
width: 195px;
min-height: 200px;
line-height: 180%;
float: left;
overflow: hidden;
}
#variation7c li {
margin: 0 9px 25px 0;
padding: 0;
width: 126px;
float: left;
}
#preLineup li {
margin: 0 18px 40px 0;
padding: 0;
width: 300px;
float: left;
}


/*-----------------------------*/
/*  価格改定などフリーページ全般   */
/*-----------------------------*/

.fpContents {
margin: 30px 0 40px 0;
width: 936px;
clear: both;
}
.fpContents #box3Item, .fpContents #box3Item ul {
margin: 0;
padding: 0;
}
.fpContents #box3Item li {
margin: 0 12px 0 0;
padding-bottom: 40px;
width: 225px;
float: left;
text-align: center;
}

.fpContents .newPrice {
margin: 0;
padding: 0;
font-weight: bold;
}
/*-----------------------------*/
/*  F11・オンチェアページ用   */
/*-----------------------------*/
.wilkhahn_on {
   line-height: 180%;
}
#mainContent .wilkhahn_on h1 {
margin: 0 0 20px 0;
padding: 0;
}
.wilkhahn_on #mainVisualArea {
margin: 10px 0 0 0;
padding: 0;
}

#wilkhahn_on_pagenav {
margin: 1px 0 30px 0;
padding: 0 0 30px 0;
width: 1120px;
}
#wilkhahn_on_pagenav ul {
margin: 0;
padding: 0;
}
#wilkhahn_on_pagenav li {
list-style: none;
}
#wilkhahn_on_pagenav li a {
float:left;
margin: 0;
padding:15px 10px;
width:166px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #6ea100, #417511);
background: -webkit-gradient(linear, left top, left bottom, from(#6ea100), to(#417511));
}
#wilkhahn_on_pagenav li.right a {
margin: 0;
width:165px;
border: none;
}
#wilkhahn_on_pagenav li a:hover {
background: -moz-linear-gradient(top, #417511, #2a5106);
background: -webkit-gradient(linear, left top, left bottom, from(#417511), to(#2a5106));
color:#FFF;
}

#wilkhahn_in_pagenav {
margin: 1px 0 30px 0;
padding: 0 0 30px 0;
width: 1120px;
}
#wilkhahn_in_pagenav ul {
margin: 0;
padding: 0;
}
#wilkhahn_in_pagenav li {
list-style: none;
}
#wilkhahn_in_pagenav li a {
float:left;
margin: 0;
padding:15px 10px;
width:203px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #6ea100, #417511);
background: -webkit-gradient(linear, left top, left bottom, from(#6ea100), to(#417511));
}
#wilkhahn_in_pagenav li.right a {
margin: 0;
width:204px;
border: none;
}
#wilkhahn_in_pagenav li a:hover {
background: -moz-linear-gradient(top, #417511, #2a5106);
background: -webkit-gradient(linear, left top, left bottom, from(#417511), to(#2a5106));
color:#FFF;
}

.on-variation, .on-variation ul {
margin: 0;
padding: 0;
   line-height: 150%;
}
.on-variation li {
margin: 0 10px 15px 0;
padding: 0;
width: 155px;
   float: left;
   text-align: center;
   list-style: none;
}
.on-variation li img {
width: 155px;
}
.on-variation h4 a {
color: #333;
text-decoration: none;
}
.on-variation h4 a:hover {
color: #568002;
text-decoration: underline;
}
.on-variation h4 span {
   font-size: 11px;
}
.wilkhahn_on h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.wilkhahn_on h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0.8em;
}
.wilkhahn_on h3 a {
color: #333;
text-decoration: none;
}
.wilkhahn_on h3 a:hover {
text-decoration: underline;
color: #669900;
}
.on-variation h3 {
font-size: 13px;
font-weight: bold;
color: #567e01;
margin-bottom: 0.8em;
}
.on-variation h3 span {
font-size: 11px;
}
.wilkhahn_on h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0.6em;
}

.wilkhahnRight .onFeatureL {
margin: 0 20px 0 0;
   width: 250px;
   float: left;
}
.wilkhahnRight .onFeatureR {
margin: 0;
   width: 385px;
   float: left;
}
.wilkhahn_on #on-backimage01, .wilkhahn_on #on-backimage02, .wilkhahn_on #on-backimage03 {
float: left;
width: 231px;
padding-left: 19px;
margin-left: -19px;
}
.wilkhahn_on .wilkhahnRight {
float: right;
width: 655px;
}
.wilkhahn_on #on-backimage01 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/on_backimage01.jpg) no-repeat left top;
   height: 685px;
}
.wilkhahn_on #on-backimage02 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/on_backimage02.jpg) no-repeat left top;
padding-top: 1300px;
}
.wilkhahn_on #on-backimage03 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/on_backimage03.jpg) no-repeat left top;
padding-top: 400px;
}
.wilkhahn_on #on-backimage04 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_wilkhahn02.jpg) no-repeat left top;
padding-top: 685px;
}
.present-wilkhahn {
margin: 0 0 30px 0;
   padding: 0 0 30px 0;
   width: 936px;
}
.present-wilkhahn ul {
margin: 0;
   padding: 0;
}
.present-wilkhahn ul li {
margin: 0 18px 25px 0;
   padding: 0;
   width: 300px;
   float: left;
}
.present-wilkhahn_2item {
margin: 0 0 30px 0;
   padding: 0 0 30px 0;
   width: 936px;
}
.present-wilkhahn_2item ul {
margin: 0;
   padding: 0;
}
.present-wilkhahn_2item ul li {
margin: 0 36px 25px 0;
   padding: 0;
   width: 450px;
   float: left;
}

#ontimestretch iframe {
width: 560px;
height: 315px;
}

#shellchairTopmenu {
margin: 1px 0 0 0;
padding: 0;
width: 1120px;
}
#shellchairTopmenu li a {
float:left;
margin: 0;
padding:15px 10px;
width:203px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #333, #666 50%, #333); /* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(0.5, #666), to(#333)); /* Safari,Google Chrome用 */
}
#shellchairTopmenu li.right a {
margin: 0;
width:204px;
border: none;
}
#shellchairTopmenu li a:hover {
color: #FF0000;
background: -moz-linear-gradient(top, #000, #333 50%, #000); /* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0.5, #333), to(#000)); /* Safari,Google Chrome用 */
}


/*-----------------------------*/
/*  ボビーワゴンページ   */
/*-----------------------------*/
.bobywagon h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.bobywagon h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0.8em;
}
.bobywagon h3 a {
color: #333;
text-decoration: none;
}
.bobywagon h3 a:hover {
text-decoration: underline;
color: #cc0000;
}
.bobywagon h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0.6em;
}

/* ボビーワゴン概要 */
.bobywagon #aboutBobywagon {
width: 1120px;
}
.bobywagon #aboutBobywagon:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .bobywagon #aboutBobywagon {
height: 1em;
overflow: visible;
}

/* トップメニュー　*/

#aboutBobywagon ul#topmenu {
margin: 1px 0 0 0;
   padding: 0;
   width: 1120px;
}
#aboutBobywagon ul#topmenu li a {
float:left;
margin: 0;
padding:15px 10px;
width:166px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #666, #333); /* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); /* Safari,Google Chrome用 */
}

#aboutBobywagon ul#topmenu li.right a {
margin: 0;
border: none;
width:165px;
}

#aboutBobywagon ul#topmenu li a:hover {
background: -moz-linear-gradient(top, #333, #000);　/* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));　/* Safari,Google Chrome用 */
color:#FFF;
}
#aboutBobywagon h1 {
margin: 40px 0 0 0;
padding: 0;
}
.bobywagon #introduction {
margin: 20px 0 25px 0;
padding: 0;
width: 1120px;
}
.bobywagon #introductionText {
margin: 0 20px 0 0;
width: 800px;
float: left;
}
.bobywagon #introductionImage {
margin: 0;
width: 300px;
float: left;
}

.bobywagon .productAreaL {
padding: 0;
width: 655px;
margin: 0;
}
.bobywagon .productAreaL .proText {
margin: 0;
padding: 0;
float: left;
}
.bobywagon .productAreaL .proPhoto {
margin: 0;
padding: 0;
width: 250px;
float: left;
}
.bobywagon .productAreaL ul {
margin: 0 0 15px 0;
width: 620px;
padding: 0;
clear: both;
}
.bobywagon .productAreaL li {
margin: 0 10px 10px 0;
padding: 0;
width: 116px;
float: left;
text-align: center;
}
.bobywagon .productArea {
width: 425px;
min-height: 220px;
margin-bottom: 25px;
}
.bobywagon .productArea .proText {
width: 280px;
margin: 0;
padding: 0;
float: left;
}
.bobywagon .productArea .proPhoto {
margin: 0;
padding: 0;
width: 145px;
float: left;
}
* html .bobywagon .productArea {
height: 220px;
}
.bobywagon .productArea p {
margin-bottom: 1em;
text-align: justify;
}
.bobywagon h3 span {
padding-left: 10px;
}
.bobywagon #feature {
margin: 0 0 30px 0;
padding: 0 0 30px 0;
}
.bobywagon #feature ul {
margin: 0 0 20px 0;
padding: 0;
}
.bobywagon #feature li {
margin: 0 30px 20px 0;
padding: 0;
width: 200px;
float: left;
list-style: none;
}

.bobywagon #backimage01, .bobywagon #backimage02, .bobywagon #backimage03 {
float: left;
width: 231px;
margin: 0;
padding: 0;
}
.bobywagon .bobywagonRight {
float: right;
width: 655px;
margin: 20px 0 0 0;
padding: 0;
}
.bobywagon .bobywagonRight a {
color: #333;
}
.bobywagon .bobywagonLeft {
float: right;
width: 440px;
margin: 20px 25px 0 0;
padding: 0;
}
.bobywagon #backimage01 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/bobywagon/backimage01.jpg) no-repeat left top;
   height: 400px;
}
.bobywagon #backimage03 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/bobywagon/backimage03.jpg) no-repeat left top;
padding-top: 500px;
}
.bobywagon #backimage04 {
background: #FFFFFF url(https://img13.shop-pro.jp/PA01071/807/etc/img_bg_wilkhahn02.jpg) no-repeat left top;
padding-top: 685px;
}


h1.wilkhahnH1Mds {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
h2.wilkhahnH2Mds {
    padding: 10px;
width: 100%;
    background: #6ea100;
    color: #FFF;
}
h2.wilkhahnH2Mds2 {
    margin: 0 0 10px 0 !important;
    color: #457910;
    font-size: 18px !important;
    font-weight: bold;
}
.w-ItemVariation li {
margin: 0 10px 15px 0;
padding: 0;
width: 155px;
   float: left;
   text-align: center;
   list-style: none;
}
.w-ItemVariation h4 a {
color: #333;
text-decoration: none;
}
.w-ItemVariation h4 a:hover {
color: #568002;
text-decoration: underline;
}
.w-ItemVariation h4 span {
   font-size: 11px;
}
.w-ItemVariation img {
width: 155px;
height: auto;
}
.wilkhahn_on h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.wilkhahn_on h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0.8em;
}
.wilkhahn_on h3 a {
color: #333;
text-decoration: none;
}
.wilkhahn_on h3 a:hover {
text-decoration: underline;
color: #669900;
}
.on-variation h3 {
font-size: 13px;
font-weight: bold;
color: #567e01;
margin-bottom: 0.8em;
}
.on-variation h3 span {
font-size: 11px;
}
.wilkhahn_on h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0.6em;
}

.wilkhahnRight .onFeatureL {
margin: 0 20px 0 0;
   width: 250px;
   float: left;
}
.wilkhahnRight .onFeatureR {
margin: 0;
   width: 385px;
   float: left;
}
#in-backimage01, #in-backimage02, #in-backimage03 {
float: left;
width: 231px;
padding-left: 19px;
margin-left: -19px;
}
.wilkhahn_on .wilkhahnRight {
float: right;
width: 655px;
}
#in-backimage01 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/in_backimage01.jpg) no-repeat left top;
   height: 685px;
}
#in-backimage02 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/wilkhahn/in_backimage02.jpg) no-repeat left top;
   height: 685px;
}

/*--- F50 - EMBODY ---*/
#mainVisualAreaSp {
display: none;
}

.hermanmillerWorkchair #embody_pagenav {
margin: 1px 0 30px 0;
   padding: 0 0 30px 0;
   width: 1120px;
}
.hermanmillerWorkchair #embody_pagenav ul {
margin: 0;
   padding: 0;
}
.hermanmillerWorkchair #embody_pagenav li {
   list-style: none;
}
.hermanmillerWorkchair #embody_pagenav li a {
float:left;
margin: 0;
padding:15px 10px;
width:203px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #660000, #CC0000);
background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#CC0000));
}
.hermanmillerWorkchair #embody_pagenav li.right a {
margin: 0;
width:204px;
border: none;
}
.hermanmillerWorkchair #embody_pagenav li a:hover {
background: -moz-linear-gradient(top, #330000, #660000);
background: -webkit-gradient(linear, left top, left bottom, from(#330000), to(#660000));
color:#FFF;
}

h1.HmwH1Mds {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
h2.HmwH2Mds {
    padding: 10px;
width: 100%;
    background: #CC0000;
    color: #FFF;
}
h2.HmwH2Mds2 {
    margin: 0 0 10px 0 !important;
    color: #CC0000;
    font-size: 18px !important;
    font-weight: bold;
}
.Hmw-ItemVariation li {
margin: 0 10px 15px 0;
padding: 0;
width: 155px;
   float: left;
   text-align: center;
   list-style: none;
}
.Hmw-ItemVariation h4 a {
color: #333;
text-decoration: none;
}
.Hmw-ItemVariation h4 a:hover {
color: #568002;
text-decoration: underline;
}
.Hmw-ItemVariation h4 span {
   font-size: 11px;
}
.wilkhahn_on h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.wilkhahn_on h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0.8em;
}
.wilkhahn_on h3 a {
color: #333;
text-decoration: none;
}
.wilkhahn_on h3 a:hover {
text-decoration: underline;
color: #669900;
}
.on-variation h3 {
font-size: 13px;
font-weight: bold;
color: #567e01;
margin-bottom: 0.8em;
}
.on-variation h3 span {
font-size: 11px;
}
.wilkhahn_on h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0.6em;
}

.HmwRight .embodyFeatureL {
margin: 0 20px 0 0;
   width: 250px;
   float: left;
}
.HmwRight .embodyFeatureR {
margin: 0;
   width: 385px;
   float: left;
}
#embody-backimage01, #embody-backimage02, #embody-backimage03 {
float: left;
width: 231px;
padding-left: 19px;
margin-left: -19px;
}
.HmwRight {
float: right;
width: 655px;
}
#embody-backimage01 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/hermanmiller/embody/backimage01.jpg) no-repeat left top;
   height: 650px;
}
#embody-backimage02 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/hermanmiller/embody/backimage02.jpg) no-repeat left top;
   height: 650px;
}
#embody-backimage03 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/feature/hermanmiller/embody/backimage03.jpg) no-repeat left top;
   height: 450px;
}
.hermanmillerWorkchair .HmwFunction, .hermanmillerWorkchair .HmwFunction ul {
margin: 0;
padding: 0;
}
.hermanmillerWorkchair .HmwFunction ul li {
margin: 0 14px 14px 0;
padding: 0;
width: 223px;
line-height: 180%;
float: left;
}

/*--- サイトマップ ---*/
.siteMap {
}
.siteMap h1 {
font-size: 16px;
font-weight: bold;
}
.siteMap .sitemapWide h2, .siteMap .sitemapL h2, .siteMap .sitemapR h2 {
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
}
.siteMap .sitemapWide ul, .siteMap .sitemapL ul, .siteMap .sitemapR ul {
margin: 0;
padding: 0;
}
.siteMap .sitemapWide ul li,  .siteMap .sitemapL ul li, .siteMap .sitemapR ul li {
margin: 0 0 10px 0;
padding: 0;
}
.siteMap .sitemapWide ul li a,  .siteMap .sitemapL ul li a, .siteMap .sitemapR ul li a {
padding: 0 0 0 10px;
background:url(https://8engine.co.jp/metrocssapporo-onlinestore/images/top0920/footer_arrow.png) no-repeat left center;
}
.siteMap .sitemapWide ul li span, .siteMap .sitemapL ul li span, .siteMap .sitemapR ul li span {
font-size: 13px;
font-weight: bold;
}
.siteMap .sitemapWide {
margin: 0;
width: 900px;
}
.sitemapL {
margin: 0 20px 0 0;
width: 450px;
float: left;
}
.sitemapR {
margin: 0;
width: 450px;
float: left;
}

.campaignFreeVer h1 {
margin: 0 0 20px 0;
font-size: 18px;
font-weight: bold;
}
.campaignFreeVer h2 {
background: #333;
padding: 15px;
margin: 0 0 20px 0;
color: #FFF;
width: 100%;
font-size: 16px;
font-weight: bold;
}
.campaignFreeVer h2.gray {
background: #333;
padding: 15px;
margin: 0 0 20px 0;
color: #FFF;
width: 100%;
font-size: 18px;
}
.present-FreeVer {
margin: 0 0 30px 0;
   padding: 0 0 30px 0;
   width: 1120px;
}
.present-FreeVer ul {
margin: 0;
   padding: 0;
}
.present-FreeVer ul li {
margin: 0 35px 25px 0;
   padding: 0;
   width: 350px;
   float: left;
}
.present-FreeVerL {
margin: 0 20px 30px 0;
   padding: 0 0 30px 0;
   width: 800px;
   float: left;
}
.present-FreeVerR {
margin: 0 0 0 0;
   padding: 0 0 30px 0;
   width: 300px;
   float: left;
}


#eamesshellchair-backimage01, #eamesshellchair-backimage02 {
float: left;
width: 231px;
padding-left: 19px;
margin-left: -19px;
}
#eamesshellchair-backimage01 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/campaign/201606_eamesshellchair/backimage01.jpg) no-repeat left top;
   height: 450px;
}
#eamesshellchair-backimage02 {
background: #FFFFFF url(https://8engine.co.jp/metrocssapporo-onlinestore/images/campaign/201606_eamesshellchair/backimage02.jpg) no-repeat left top;
   height: 450px;
}
.preFoot {
margin: 0;
  padding: 0;
}
.preFootR {
width:450px;
margin:0 16px 30px 0;
float:left;
}

/*  SETTINGS  */
.float_l {
float: left;
}
.float_r {
float: right;
}
.mgn_r0 {
margin-right: 0px !important;
}
.mgn0 {
margin: 0px !important;
}
.mgn_top5 {
margin-top: 5px !important;
}
.mgn_top15 {
margin-top: 15px !important;
}
.mgn_top30 {
margin-top: 30px !important;
}
.mgn_top50 {
margin-top: 50px !important;
}
.mgn_top100 {
margin-top: 100px !important;
}
.mgnRgt5 {
margin-right: 5px !important;
}
.mgn_btm5 {
margin-bottom: 5px !important;
}
.mgn_btm10 {
margin-bottom: 10px !important;
}
.mgn_btm15 {
margin-bottom: 15px !important;
}
.mgn_btm20 {
margin-bottom: 20px !important;
}
.mgn_btm30 {
margin-bottom: 30px !important;
}
.mgn_btm40 {
margin-bottom: 40px !important;
}
.mgn_btm50 {
margin-bottom: 50px !important;
}
.mgn_btm60 {
margin-bottom: 60px !important;
}
.mgn_btm100 {
margin-bottom: 100px !important;
}
.mgn_btm1em {
margin-bottom: 1em !important;
}
.fcWilkhahn_g {
color: #6ea100;
}
.wdh450 {
width: 450px;
}
.fs_11px {
font-size: 11px;
line-height: 15px;
}
.fs_14px {
font-size: 14px;
}
.fs_16px {
font-size: 16px;
}
.fs_18px {
font-size: 18px;
}
.fs_20px {
font-size: 20px !important;
}
.fs_24px {
font-size: 24px !important;
}
.fs_30px {
font-size: 30px !important;
}
.fs_36px {
font-size: 36px !important;
}
.fs_40px {
font-size: 40px !important;
}
.fs_45px {
font-size: 45px !important;
}
.fBold {
font-weight: bold;
}
.t_black {
color: #000;
}
.t_white {
color: #FFF;
}
.t_white2 {
color: #CCC;
}
.t_red {
color: #F10000;
}
.t_red2 {
color: #990000;
}
.t_pink {
color: #cb6066;
}
.t_blue {
color: #4bc5d4;
}
.t_blue2 {
color: #0065a1;
}
.t_blue3 {
color: #009fe6;
}
.t_blue4 {
color: skyblue;
}
.t_green {
color: #6ea100;
}
.t_green2 {
color: #439a00;
}
.t_pup {
color: #4f4b8b;
}
.bgClr_gray {
background-color: #efefef;
}
.alg_left {
text-align: left !important;
}
.clearBoth {
clear: both;
}

.fadeIn {
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
}
.list-mv07 {
opacity: 0;
transform: translate(0,60px); 
-webkit-transform: translate(0,60px); 
}
.mv07 {
opacity: 1.0;
transform: translate(0,0); 
-webkit-transform: translate(0,0);
}

table#paymentTable th {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
}
table#paymentTable th, table#paymentTable td {
padding: 5px;
border-right: 1px solid #FFFFFF;
}

table.shippingTable {
background: #EEEEEE;
table-layout: fixed;
width: 100%;
margin: 0 0 20px 0;
}
table.shippingTable th {
background: #333;
color: #FFF;
}
tr.mdlColumn td {
vertical-align: top;
}
tr.yenColumn td {
background: #DDDDDD;
}
table.shippingTable th, table.shippingTable td {
text-align: center;
padding: 3px 5px;
border-right: 1px solid #FFFFFF;
}

/*--------------------------------------------------------------
Responsive for max-width 800px
--------------------------------------------------------------*/
@media screen and (max-width: 50em) {
#header {
width: 100%;
background: #FFF;
}
#HeaderInner {
clear: both;
width: 90%;
margin: 0 auto 10px auto;
padding: 0 3px 0 3px;
}
#HeaderInner:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#mainContent {
clear: both;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 16px;
width: 90%;
}
#hd_left {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#hd_left img {
width: 55%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
#hd_right {
width: 90%;
margin: 0 auto;
padding: 0;
}
#search {
display: none;
}

/*  SEARCH  */
#search-sp {
height: 40px;
width: 90%;  
margin: 60px auto 0 auto;
padding: 0;
}
#search-sp form {
margin: 0px;
padding: 0px;
}
#search-sp input.input_keyword {
float: left;
margin: 0px;
padding: 2%;
width:65%;
border: none;
background: #efefef;
font-size: 16px;
-webkit-appearance: none;
border-radius: 0;
}
#search-sp input.button_search {
float: left;
width: 25%;
height: 34px;
margin: 0 0 0 5%;
padding: 2%;
color: #FFF;
background: #333;
-webkit-appearance: none;
border-radius: 0;
}

nav.hamb-menu-nav ul li ul.s-cate-list li {
  list-style-type: none;
  padding: 5px 0 10px 3px;
  margin: 0;
  width: 100%;
  transition: .4s all;
  border-bottom: none;
  letter-spacing : 1px;
}

ul.s-cate-list {
margin: 0 !important;
padding: 0 !important;
}
ul.s-cate-list  li a {
margin: 0 0 0 30px;
padding: 0;
border-bottom: none !important;
}
ul.s-cate-list  li a:last-child {
border: none !important;
}

#subMenu {
float:left;
width: 100%;
margin: 5% 0 5% 0;
}
#subMenu ul {
margin: 0px;
padding: 0px;
}
#subMenu li {
margin-right: 3%;
float:left;
font-size:12px;
font-weight: 800;
}
#subMenu li:last-child {
margin-right: 0;
float:left;
font-size:12px;
font-weight: 800;
}
#subMenu li a {
color: #999;
}
#subMenu li a:hover {
color: #333;
}

#globalMenu {
display: none;
}

/*　ハンバーガーボタン　*/
.hamb-menu {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamb-menu span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 4px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition   : 0.3s ease-in-out;
}
.hamb-menu span:nth-child(1) {
  top: 10px;
}
.hamb-menu span:nth-child(2) {
  top: 20px;
}
.hamb-menu span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamb-menu.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform   : rotate(-45deg);
}

.hamb-menu.active span:nth-child(2),
.hamb-menu.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform   : rotate(45deg);
}

nav.hamb-menu-nav {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.9);
  text-align: left;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  width: 100%;
  height: 100%;
  display: none;
  overflow: auto;
}

nav.hamb-menu-nav ul {
  margin: 0 auto;
  padding: 20px 0;
  width: 90%;
  z-index: 9999;
  overflow: auto;
}

nav.hamb-menu-nav ul li {
  list-style-type: none;
  padding: 10px 0;
  margin: 0;
  width: 100%;
  transition: .4s all;
  border-bottom: 1px dotted #999;
}
nav.hamb-menu-nav ul li img {
  width: 100%;
  height: auto;
}
nav.hamb-menu-nav ul.nav-bnr li, nav.hamb-menu-nav ul.nav-bnr li a {
  border: none !important;
}

nav.hamb-menu-nav ul li:first-child {
  padding-top: 20px;
}
nav.hamb-menu-nav ul li:last-child {
  padding-bottom: 10px;
}
nav.hamb-menu-nav ul li:hover{
  color :#ddd;
}

nav.hamb-menu-nav ul li a {
  display: block;
  color: #fff;
  padding: 10px 0;
  text-decoration :none;
  font-weight: 800;
}
nav.hamb-menu-nav ul li a span {
  font-weight: 400;
}

/* このクラスを、jQueryで付与・削除する */
nav.hamb-menu-nav.active {
  opacity: 1;
  display: block;
}
nav.hamb-menu-nav ul i {
    padding: 10px 10px 0 0;
}

nav.hamb-menu-nav .nav-open {
padding: 15px;
color: #fff;
font-size: 20px;
background: #2073c8;
position: relative;
cursor: pointer;
}
nav.hamb-menu-nav .nav-open::before {
content: "＋";
position: absolute;
right: 20px;
}
nav.hamb-menu-nav .nav-open.active::before {
content: "−";
}
.sp-menu-accordion {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.sp-menu-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 14px;
    padding: 1em 2em 1em 0;
    color: #FFF;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.sp-menu-accordion summary::-webkit-details-marker {
    display: none;
}

.sp-menu-accordion summary::before,
.sp-menu-accordion summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #FFF;
    content: '';
}

.sp-menu-accordion summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.sp-menu-accordion summary::after {
    transition: rotate .3s;
}

.sp-menu-accordion[open] summary::after {
    rotate: 90deg;
}

.sp-menu-accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 1em 1em;
    font-size: 14px;
    color: #FFF;
    transition: transform .5s, opacity .5s;
}
.sp-menu-accordion p a {
    color: #FFF !important;
}

.sp-menu-accordion[open] p {
    transform: none;
    opacity: 1;
}

li.cate-Mds {
	font-size: 14px;
	font-weight: 600;
}
li.cate-Mds span, .sp-menu-accordion summary span {
	font-size: 14px !important;
	font-weight: 400 !important;
}
li.cate-Mds-out, li.cate-Mds-out a {
	font-size: 14px !important;
	font-weight: 600 !important;
        color: skyblue !important;
}


#wrapTop #breadClumb {
clear: both;
width: 90%;
height: 35px;
padding: 0;
margin: 0 auto 10px auto;
}
#wrapTop_product #breadClumb {
clear: both;
width: 90%;
height: 35px;
padding: 0;
margin: 0 auto 10px auto;
}
#breadClumb ul {
float: left;
}
#breadClumb li {
float: left;
height: 28px;
padding: 10px 5px 0px 5px;
font-size: 80%;
}
#breadClumb li#bc_home {
background: url(none) !important;
}
#breadClumb li#bc_productName {
height: 26px;
padding-top: 10px;
font-size: 80%;
font-weight: bold;
}

/*--- FOOTER ---*/
#footerMenu {
margin: 0 auto;
width: 90%;
}
#footerMenu ul {
margin: 0;
padding: 0 4% 20px 0;
width: 48%;
float: left;
color: #CCC;
}
#footerMenu ul:nth-child(2n) {
margin: 0;
padding: 0 0 20px 0;
width: 48%;
float: left;
color: #CCC;
}
#footerMenu li {
margin: 0;
padding: 0;
width: 100%;
line-height: 200%;
list-style: none;
font-size: 13px;
}
#footerSnsMenu {
margin: 0 auto;
width:90%;
text-align: center !important;
}

/*  FREEPAGE- F2  */

.shopinfo .shopdata .shopdata-inner-left, .shopinfo .shopdata .shopdata-inner-right {
float: left;
width: 100%;
margin: 0 0 2% 0;
padding: 0;
}
.shopinfo .shopdata .shopdata-inner-left img {
margin: 0 0 15px 0;
width: 100%;
height: auto;
}
.brandBlocL {
margin: 0 0 0 0;
padding: 0;
width: 100%;
}
.brandBlocR {
margin: 0 0 0 0;
padding: 0;
width: 100%;
}

#mainContent h2 img {
width: 100%;
}
.wilkhahn #mainVisualArea {
width: 100%;
height: auto;
}
.harmanMiller p#mainVisualArea img {
width: 100% !important;
height: auto !important;
}
.wilkhahn #mainVisualArea #slider img {
width: 100% !important;
height: auto !important;
}
.wilkhahn #mainVisualArea .nivoSlider img {
width: 100% !important;
height: auto !important;
}
.wilkhahn_on #mainVisualArea {
margin: 10px 0 0 0;
padding: 0;
}
.wilkhahn_on #mainVisualArea img {
width: 100% !important;
height: auto !important;
}
.wilkhahn #aboutWilkhahn {
width: 100%;
}
.harmanMiller #aboutHarmanmiller h2, .wilkhahn #aboutWilkhahn h2 {
float: left;
margin-right: 15px;
margin-bottom: 0;
width: 30%;
}
.harmanMiller #aboutHarmanmiller h2 img, .wilkhahn #aboutWilkhahn h2 img {
width: 100%;
height: auto;
}
.harmanMiller #aboutHarmanmiller p, .wilkhahn #aboutWilkhahn p {
float: right;
width: 65%;
}
.harmanMiller #aboutHarmanmiller p {
width: 100%;
text-align: justify;
}
.wilkhahn #aboutWilkhahn p {
width: 100%;
}
div.about_factry .a_left {
width: 100%;
margin:0 0 10px 0;
padding: 20px;
border:1px dotted #333;
font-size:13px;
box-sizing: border-box;
}
div.about_factry .a_right {
width: 100%;
margin: 0 0 10px 0;
padding: 20px;
border:1px dotted #333;
font-size:13px;
box-sizing: border-box;
}
.productAreaLeft, .productAreaRight {
margin: 0 0 25px 0;
padding: 0;
width: 100%;
}
.productAreaLeft .proPhoto, .productAreaRight .proPhoto {
margin: 0 5% 0 0;
padding: 0;
width: 25%;
float: left;
}
.productAreaLeft .proPhoto img, .productAreaRight .proPhoto img {
width: 100%;
height: auto;
}
.productAreaLeft .proText, .productAreaRight .proText {
width: 70%;
margin: 0;
padding: 0;
float: left;
}
.wilkhahn #wilkhahnLeft {
display: none;
}
.harmanMiller #harmanmillerRight, .wilkhahn #wilkhahnRight {
width: 100%;
}
.harmanMiller #guaranteeDetail, .wilkhahn #guaranteeDetail {
padding: 20px;
border:1px solid #CCCCCC;
background: #EEEEEE;
box-sizing: border-box;
width: 100%;
}
.wilkhahn #guarantee {
width: 100%;
}
#wilkhahn_on_pagenav {
margin: 0;
padding: 0 0 30px 0;
width: 100%;
box-sizing: border-box;
clear: both;
}
#wilkhahn_on_pagenav ul {
width: 100% !important;
}
#wilkhahn_on_pagenav li {
float:left;
margin: 0 0.5% 0.5% 0;
padding:15px 0;
width: 33% !important;
text-align:center;
text-decoration:none;
border-right: none;
color:#FFF;
background: -moz-linear-gradient(top, #6ea100, #417511);
background: -webkit-gradient(linear, left top, left bottom, from(#6ea100), to(#417511));
}
#wilkhahn_on_pagenav li:nth-child(3n) {
margin: 0 0 0.5% 0;
padding:15px 0;
width: 33% !important;
}
#wilkhahn_on_pagenav li a {
margin: 0;
padding: 0;
text-align:center;
text-decoration:none;
border-right: none;
color:#FFF;
background: none;
width: 100% !important;
}
#wilkhahn_on_pagenav li.right {
margin: 0;
width: 33% !important;
border: none;
}
#wilkhahn_on_pagenav li.right a {
margin: 0;
width: 100% !important;
border: none;
}
#wilkhahn_in_pagenav {
margin: 1px 0 30px 0;
padding: 0 0 30px 0;
width: 1120px;
}
#wilkhahn_in_pagenav ul {
margin: 0;
padding: 0;
}
#wilkhahn_in_pagenav li {
list-style: none;
}
#wilkhahn_in_pagenav li a {
float:left;
margin: 0;
padding:15px 10px;
width:203px;
text-align:center;
text-decoration:none;
border-right: 1px solid #FFF;
color:#FFF;
background: -moz-linear-gradient(top, #6ea100, #417511);
background: -webkit-gradient(linear, left top, left bottom, from(#6ea100), to(#417511));
}
#wilkhahn_in_pagenav li.right a {
margin: 0;
width:204px;
border: none;
}
#wilkhahn_in_pagenav li a:hover {
background: -moz-linear-gradient(top, #417511, #2a5106);
background: -webkit-gradient(linear, left top, left bottom, from(#417511), to(#2a5106));
color:#FFF;
}
.wilkhahn_on #on-backimage01, .wilkhahn_on #on-backimage02, .wilkhahn_on #on-backimage03 {
display: none;
}


/*  FREEPAGE */
.bloc_FreeVerTop {
margin: 0 auto 120px auto;
padding: 30px 0 0 0;
line-height: 180%;
width: 100%;
clear: both;
}  
.bloc_FreeVer {
margin: 0 auto 120px auto;
padding: 0;
line-height: 180%;
width: 90%;
clear: both;
text-align: justify;
}
.bloc_FreeVer_NotMgn {
margin: 0 auto;
padding: 0;
line-height: 200%;
width: 90%;
clear: both;
text-align: justify;
font-size: 13px !important;
}
.bloc_FreeVer_NotMgn:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
.bloc_FreeVerTitle {
margin: 0 auto;
padding: 0;
line-height: 180%;
width: 100%;
}
.bloc_FreeVer_L350 {
margin: 0 4% 0 0;
padding: 0;
width: 30%;
float: left;
}
.bloc_FreeVer_L450 {
margin: 0 5% 0 0;
padding: 0;
width: 40%;
float: left;
}
.bloc_FreeVer_L500 {
margin: 0 4% 0 0;
padding: 0;
width: 48%;
float: left;
}
.bloc_FreeVer_L550 {
margin: 0 4% 0 0;
padding: 0;
width: 48%;
float: left;
}
.bloc_FreeVer_L560 {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.bloc_FreeVer_L620 {
margin: 0 5% 0 0;
padding: 0;
width: 55%;
float: left;
}
.bloc_FreeVer_L650 {
margin: 0 5% 0 0;
padding: 0;
width: 55%;
float: left;
}
.bloc_FreeVer_R450 {
width: 40%;
float: left;
}
.bloc_FreeVer_R450 img {
width: 100% !important;
height: auto !important;
}
.bloc_FreeVer_R480 {
width: 40%;
float: left;
}
.bloc_FreeVer_R500 {
width: 48%;
float: left;
}
.bloc_FreeVer_R550 {
width: 48%;
float: left;
}
.bloc_FreeVer_R560 {
width: 50%;
float: left;
}
.bloc_FreeVer_R650 {
width: 55%;
float: left;
}
.bloc_FreeVer_R750 {
width: 66%;
float: left;
}
}

/*--------------------------------------------------------------
Responsive for max-width 480px
--------------------------------------------------------------*/
@media screen and (max-width: 30em) {
#header {
width: 100%;
height: 70px;
background: #efefef;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
#HeaderInner {
clear: both;
width: 90%;
margin: 0 auto;
padding: 0;
}

/*  SEARCH  */
#search-sp {
height: 40px;
width: 90%;  
margin: 80px auto 0 auto;
padding: 0;
}
#search-sp form {
margin: 0px;
padding: 0px;
}
#search-sp input.input_keyword {
float: left;
margin: 0px;
padding: 2%;
width:65%;
border: none;
background: #efefef;
font-size: 16px;
-webkit-appearance: none;
border-radius: 0;
}
#search-sp input.button_search {
float: left;
width: 25%;
height: 34px;
margin: 0 0 0 5%;
padding: 2%;
color: #FFF;
background: #333;
-webkit-appearance: none;
border-radius: 0;
}

#mainVisualTop {
margin: 30px 0 0 0;
padding: 100px 0 0 0;
}
#mainContent {
clear: both;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 16px;
width: 90%;
}
#hd_left {
width: 100%;
margin: 0 auto;
padding: 0 0 70px 0;
text-align: center;
}
#hd_left img {
width: 55%;
height: auto;
margin: 0 auto;
padding: 0 0 15px 0;
text-align: center;
}
#hd_right {
width: 100%;
margin: 0 auto;
height: auto;
padding: 0;
}
#subMenu {
width: 100%;
height: 35px;
background: #333;
color: #FFF;
position: fixed;
top: 50px;
left: 0;
text-align: center;
}
#subMenu ul li {
margin: 2% 0;
width: 25%;
height: auto;
text-align: center;
box-sizing: border-box;
border-right:1px solid #CCC;
}
#subMenu ul li:last-child {
border-right:none;
}
#subMenu ul li a {
color: #FFF;
}
#subMenu ul li a:hover {
color: #CCC;
}
#footerLogo img {
width: 50%;
}
#footerMenu ul {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
width: 100%;
float: left;
color: #FFF;
}
#footerMenu li {
margin: 0;
padding: 0;
width: 100%;
line-height: 200%;
list-style: none;
font-size: 14px;
}
#footerMenu .spNon {
  display: none;
}
#footerMenu ul.spFooterMenu, #footerMenu ul.spFooterMenu li {
  width: 100%:
  color: #FFF !important;
}
#footerMenu ul.spFooterMenu li a {
  color: #FFF !important;
}
#footerShopAdd {
color: #FFF !important;
font-size: 14px;
margin: 0 0 20px 0 !important;
}
#footerShopAdd:last-child {
margin: 0 0 0 0;
}
#wrapTop #breadClumb {
display: inline-block;
margin: 110px 0 0 0;
padding: 110px 0 0 0;
}
.arrow{
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow-r::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
}