/*
 共通
 headtitle 最上部黒帯
 上部バナー
 メガメニュー
 問い合わせ先表示 & nslider
 infoArea
 メイン部大枠
 検索
 サイドバー
 ニュースエリア
 goqsystem
 取り扱いブランド
 フッター
 革ごとに選ぶ
 footer-category
 カテゴリ
*/




/* ------------------------------ */
/* 共通　*/
/* ------------------------------ */
  .hiddenArea{
    display: none;
  }
  .clearfix:after{
    display: block;
    content: '';
    clear: both;
  }
  body,
  div#pagebody{
    min-width: 980px;
  }
  img{
    max-width: 100%;
  }
/* ------------------------------ */
/* headtitle 最上部黒帯　*/
/* ------------------------------ */

.headtitle {
	background-color:#000;
	padding:12px 0px;
	font-size:12px;
	color:#FFF;
  width: 100%;
  min-width: 980px;
  padding: 0;
  line-height: 40px;
}

.headtitle p {
  width:980px;
  margin:0 auto;
  text-align: left;
}

/* 右上カートアイコン */
.icon_cart{
  vertical-align: bottom;
  height: 40px;
  float: right;
  margin-right: 20px;
}

/* ------------------------------ */
/* 上部バナー */
/* ------------------------------ */
.headtitle-infoArea{
  width: 980px;
  margin: 15px auto;
}
.headtitle-infoArea p:after{
  display: block;
  content: '';
  clear: both;
}
.headtitle-infoArea img{
  width: 100%;
}
.headtitle-infoArea p a{
  display: block;
  float: left;
}
.headtitle-infoArea p a.hiddenArea{
  display: none;
}
.headtitle-infoArea .col1 a{
  width: 100%;
  padding: 0;
}
.headtitle-infoArea .col2 a{
  width: 49.5%;
}
.headtitle-infoArea .col2 a{
  margin-right: 1%;
}
.headtitle-infoArea .col3 a{
  width: 33%;
  margin-right: 0.5%;
}
.headtitle-infoArea .col4 a{
  width: 24.25%;
  margin-right: 1%;
}
.headtitle-infoArea .col2 a:last-of-type,
.headtitle-infoArea .col3 a:last-of-type,
.headtitle-infoArea .col4 a:last-of-type{
  margin-right: 0;
}

/* ------------------------------ */
/* メガメニュー */
/* ------------------------------ */

.gNav,.mainMenu,.subMenu,.menuItem{
  list-style: none;
  padding: 0;
  margin: 0;
}
.gNav{
  width: 960px;
  margin: 0 auto;
  font-family: Hiragino Kaku Gothic ProN, Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.gNav_line{
  position: relative;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.gNav a{
  text-decoration: none;
}

/* mainMenu メインメニュー　*/
.mainMenu_wrap{
  float: left;
  width: 38%;
  margin-right: 1%;
}
.mainMenu_wrap:nth-of-type(2){
  width: 20%;
}
.mainMenu_wrap:first-of-type{
  margin-left: 1%;
}
.mainMenu{
  float: left;
  width: 33.3%;
}
.gNav_logo{
  /* vertical-align: middle;*/
  width: 176px;
  margin-top: 30px;
}

/* menuTitle メインタイトル */
.menuTitle{
  position: relative;
  display: block;
  width: 100%;
  height: 90px;
  line-height: 90px;
  color: #0c0000;
  overflow: hidden;
  text-align: center;
}
.menuTitle:hover{
  color: #FA7164;
}

/* subMenu サブメニュー */
.subMenu_bg{
  position: absolute;
  top: 90px;
  left: 0;
  display: none;
  width: 100%;
  background: #FFF;
  z-index: 99;
  padding: 15px 0;
}
.subMenu_wrap{
  max-width: 960px;
  margin: 0 auto;
}
.menuTitle:hover + div.subMenu_bg,
div.subMenu_bg:hover{
  display: block;
  -webkit-animation: fadein .3s linear 0s 1;
}
.subMenu{
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding: 15px 0;
}
.subMenu_bg.subMenu_col5 .subMenu{
  width: 20%;
}
.subMenu_bg.subMenu_col4 .subMenu{
  width: 25%;
}
.subMenu_bg.subMenu_col3 .subMenu{
  width: 33.3%;
}
.subMenu_bg.subMenu_col2 .subMenu{
  width: 50%;
}
.subMenu_bg.subMenu_col1 .subMenu{
  width: 100%;
}
.submenu_icons {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
/* menuItem メニューアイテム */
.menuItem{
  margin: 0 15px;
  text-align: left;
  text-indent: 25px;
}
.subMenu_col3 .menuItem img {
  margin: 0 auto 15px;
  display: block;
}
.menuItem a{
  display: block;
  width: 100%;
  line-height: 40px;
  color: #333;
  border-bottom: 1px solid transparent;
  transition: all .2s ease-in;
}
.menuItem:first-of-type{
  text-indent: 0;
}
.menuItem.subttl{
  font-weight: bold;
  text-indent: 0;
}
.menuItem:first-of-type a:hover{
  opacity: 1;
}
.menuItem:first-of-type a:hover:not(.gNav_brand_lead){
  color: #FA6F63;
}
.menuItem:not(:first-of-type) a,
.gNav_brand_lead{
  font-size: 85%;
}
.menuItem:not(:first-of-type) a:hover{
  border-bottom-color: red;
}

/* menuAnimation アニメーション*/
@-webkit-keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

/* arrow 矢印 */
.menuTitle.menuTitle_arrow{
  position: relative;
}
.menuTitle.menuTitle_arrow:before{
  position: absolute;
  top: 70%;
  right: 45%;
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent #0c0000 #0c0000 transparent;
  transform-origin: right top;
  transform: rotate(45deg);
}
.menuTitle.menuTitle_arrow:hover:before{
  border-color: transparent #FA7164 #FA7164 transparent;
}



/* ------------------------------ */
/* 問い合わせ先表示 & nslider */
/* ------------------------------ */

.shop {
  position: relative;
	width:980px;
	margin:0 auto;
	zoom:1;
}

.shop dl{
  display:inline-block;
  position: absolute;
  top: 0;
  right: 20px;
  width:250px;
  margin-left: 0;
  margin-top:20px;
	font-size:12px;
	text-align:right;
	}

.shop dt{
	float:left;
	font-weight:bold;
	padding-bottom:5px;
	}

.shop dd{
	padding-bottom:5px;
	}

/* nslider */
.topSlideArea{
  float: left;
}



.shop .topbnr{
  position: absolute;
  top: 20px;
  left: 0px;
  /*display: none;*/
}


/* ------------------------------ */
/* infoArea */
/* ------------------------------ */

.info {
	width:980px;
	height:60px;
	margin:10px auto;
}

.info h1 {
	float:left;
}

.info li{
  padding: 0;
  margin: 0;
  width: 8%;
  padding-left: 1%;
  text-align: center;
}
.info li:first-of-type{
  width: 18%;
}
.center {
	width:100%;
	margin:0 auto;
	padding-top:15px;
}

.center li {
	float:right;
	font-size:12px;
	padding:0 10px;
	border-left:1px solid #333;
}

.info .center li:first-child {
	padding-right:0;
}

.info .center li:last-child {
	padding-left:0;
	border-left:none;
}

.info .center li a {
	text-decoration:none;
	color:#333;
}

.info .center li a:hover{
	border-bottom:1px solid #333333;
	padding-bottom:3px;
	}


/* ------------------------------ */
/* メイン部大枠 */
/* ------------------------------ */
#container{
  width:980px;
  overflow:hidden;
  zoom:1;
  margin:0 auto;
  }


/* ------------------------------ */
/* 検索 */
/* ------------------------------ */
.search {
	height:60px;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
}

.text_box {
  width: 140px;
	height:23px;
  line-height:23px;
  margin-top:17px;
  margin-left: 5px;
	border:1px solid #ccc;
	font-size:12px;
	text-indent:10px;
  vertical-align: top;
}

.searchBtn {
	margin-right: 5px;
	margin-top:17px;
}



/* ------------------------------ */
/* サイドバー */
/* ------------------------------ */

#side{
	width:190px;/* 20180201 220pxから変更 */
	float:left;
	display:inline;
	margin-top:20px;
	}

.sideinner{
	width: 100%;
	margin-bottom:15px;
	border:1px solid #cccccc;
	box-sizing:border-box;
	border-radius: 3px;
	}

.sideinner p{
	display:block;
	padding:10px 0px;
	color:#FFF;
	background-color:#333333;
	font-size:15px;
	padding:10px;
  margin: 0;
	border-radius: 3px 3px 0 0;
	}


.sideinner p a{
	color:#ffffff;
	text-decoration:none;
	}

.menu label {
  font-weight:bold;
	font-size:15px;
	background-image: url(https://image.rakuten.co.jp/pas-de-deux/cabinet/ot/point.gif);
	background-repeat: no-repeat;
	background-position:5% 50%;
	padding:10px 10px 10px 30px;
	display:block;
	cursor:pointer;
  }

.sideinner li{
	font-size:13px;
	padding:10px 0px 10px 30px;
	background-image: url(https://image.rakuten.co.jp/pas-de-deux/cabinet/ot/arrow.gif);
	background-repeat: no-repeat;
	background-position:5% 50%;
	}



.sideinner a{
	text-decoration: none;
	color:#333333;
	}

.sideinner a:hover{
	border-bottom:1px solid #ff0000;
	padding-bottom:3px;
	}


#main{
	width:740px;
	float:left;
	display:inline;
	margin-top:20px;
	}




/* ------------------------------ */
/* ニュースエリア */
/* ------------------------------ */
.news {
  width:100%;
  margin-top:15px;
  border:1px solid #ccc;
  box-sizing:border-box;
}

.news h3{
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 10px;
}

.news .news-contents {
  overflow: hidden;
  padding: 5px 0 0;
}

dl.news-box {
  font-size: 75%;
  color: #333;
  padding:15px 0 15px 20px;
  border-bottom:1px solid #B9B9B9;
}

dl.news-box a{
  text-decoration: none;
  color: #2675c1;
  font-size:13px;
}





/* ------------------------------ */
/* goq_system レビュー ランキング */
/* ------------------------------ */
.content{
	width:100%;
	overflow:hidden;
	zoom:1;
	margin-top:15px;
	border: 1px solid #cccccc;
	padding:10px;
	box-sizing:border-box;
	}

#goq_review,
#goq_rank{
  width:740px;
  overflow:hidden;
  zoom:1;
  background-color:#FFF;
}




/* ------------------------------ */
/* 取り扱いブランド */
/* ------------------------------ */
.brand1{
	width:740px;
	margin-top:15px;
	}

.brand1 h3{
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	padding: 10px 0px;
	}

.brand1 table{
	width:740px;
	}

.brand1 td{
	width:186px;
	padding:10px;
	}



/* ------------------------------ */
/* フッター */
/* ------------------------------ */
#footwrap{
  width: 980px;
	margin:0px auto;
	font-size:12px;
	overflow:hidden;
	zoom:1;
	}

#footwrap h3{
	border-bottom:1px solid #cccccc;
	font-size:16px;
	padding:10px 0px;
	}



.footwrap_c{
	width:100%;
	max-width:980px;
	display:flex;
	justify-content: center;
	padding:0;
	list-style:none;
	}

.wrap_c_inner{
	padding:8px;
	line-height:2.3;
	min-width:300px;
	}

.wrap_c_inner a{
	color:#333333;
	border-bottom:1px solid #cccccc;
	padding-bottom:5px;
	text-decoration:none;
	}

.wrap_c_inner a:hover{
	border-bottom:1px solid #333333;
	padding-bottom:5px;
	}

.wrap_c_inner table td.a1{
    width:150px;
}

.wrap_c_inner table td.b1{
    width:400px;
}



#footnav {
	width:100%;
  min-width: 980px;
	background-color:#000000;
	height:40px;
}



/* ------------------------------ */
/* 革ごとに選ぶ */
/* ------------------------------ */

#kawacategory{
	width:100%;
  max-width: 980px;
	}

#kawacategory h3{
	margin-bottom:20px;
	}

.subcategory_list {
display:none !important;
}

a.subcategory_list {
display: block !important;
text-decoration: none;
height: auto; /* 店舗ごとに任意 */
/* width: 300px; 店舗ごとに任意 20180201削除 */
margin-top: 0px; /* 店舗ごとに任意 */
padding-top: 5px; /* 店舗ごとに任意 */
line-height:40px; /* 店舗ごとに任意 */
text-align: center; /* 店舗ごとに任意 */
}


a.subcategory_list:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/*革事に選ぶ*/



#footnav_inner{
	width:980px;
	margin:0 auto;
	}


#footnav_inner ul{
	display:table;
    table-layout:fixed;
    width:980px;
	padding-top:10px;
	}


#footnav_inner ul li{
	display:table-cell;
    vertical-align:middle;
    text-align:center;
	border-left:1px solid white;
	border-right:1px solid white;
	}

#footnav_inner ul li+li{
	border-left:0px;
	border-right:1px solid white;
	}


#footnav_inner ul li a{
	color:#ffffff;
	font-size:11px;
	text-decoration: none;
	padding:1px;
	}

#footnav_inner ul li a:hover{
	border-bottom:1px solid #ffffff;
	padding-bottom:5px;
	}

#copyright{
	width:100%;
  min-width: 980px;
	background-color:#000000;
	height:40px;
	padding-top:10px;
	}

#copyright p{
	color:#ffffff;
	font-size:12px;
	text-align:center;
	}
/*footer*/


/* ------------------------------ */
/* footer-category */
/* ------------------------------ */

  #typecate > table{
    width: 980px;
    margin-top: 1rem;
  }
  #typecate > table > table{
    width: 33%;
  }
  #typecate th{
    width: 90px;
    vertical-align: top;
    text-align: center;
  }
  #typecate td{
    box-sizing: border-box;
    vertical-align: top;
  }
  #typecate li{
    position: relative;
    padding-left: 2rem;
    line-height: 2;
    list-style: none;
  }
  #typecate li:before,
  #typecate li:after{
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    background-color: #777;
  }
  #typecate li:before{
    height: 100%;
    top: 0;
    left: 0;
  }
  #typecate li:after{
    height: 50%;
    top: 25%;
    left: 0;
    transform:rotate(90deg) translate(-50%,-50%);
  }
  #typecate li:first-of-type:before{
    top: 50%;
    height:50%;
  }
  #typecate li:first-of-type:after{
    height: 100%;
    top: 0;
    transform:rotate(90deg) translate(-50%,0);
  }
  #typecate li:last-of-type:before{
    top: 0%;
    height:50%;
  }

  #typecate img{
    width: 40px;
  }
  #typecate a:link,
  #typecate a:visited,
  #typecate a:hover,
  #typecate a:active{
    text-decoration: none;
    color: #000;
  }


/* ------------------------------ */
/* カテゴリ 20181206 追加*/
/* ------------------------------ */
a.subcategory_list:link {
  color: #222;
  border: 1px solid #CCC;
  margin-bottom: 8px;
}
a.subcategory_list:link,
a.subcategory_list:visited,
a.subcategory_list:hover,
a.subcategory_list:active{
  border: 1px solid #CCC;
}
a.subcategory_list:hover{
  background-color: #EEE;
}
td.sdtext{
  background: none!important;
  border: none!important;
}
/* カテゴリ見出し 20190806追加 */
.category_uppertext h3{
  margin: 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
}

/* ------------------------------------------------------------------
/* 商品ページ用
/* ------------------------------------------------------------------ */
/* サブ画像サイズ固定 */
.rakutenLimitedId_ImageMain1-3:nth-of-type(1) img {
  max-width: 250px;
  width: 250px;
}



/* ------------------------------------------------------------------
/* item_lp 商品ページ用(20191227より)
/* ------------------------------------------------------------------ */
/* item_lp 大枠 */
.item_lp_wrap li,.item_lp_wrap ul{
  list-style: none;
}
.description aside ul.item_lp_wrap{
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.item_lp_wrap img{
  display: inline-block;
  width: 100%;
  max-width: 960px;
}

/* item_lp 通常見出し */
.item_lp_wrap span{
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 25px;
  line-height: 2;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
/* item_lp 特殊見出し */
.item_lp_wrap span.catch-text{
  text-align: center;
  border-bottom: 1px solid #222;
    margin-bottom: 20px;
    font-size: 30px;
}

/* item_lp 説明文 */
section#itemDetail-wrap .description .item_lp_wrap p{
  font-size: 15px;
  line-height: 2;
  margin-top: 0;
}

/* item_lp 画像に見出しを重ねる */
.item_lp_wrap .img_overlay{
  position: relative;
  overflow:hidden;
}
.item_lp_wrap .img_overlay span{
  box-sizing:border-box;
  position: absolute;
  left: 0;
  top: 20px;
  padding-left: 1rem;
  margin: 0;
  text-align: left;
  background: rgba( 255, 255, 255 , 0.3);
  white-space: normal;
}
.item_lp_wrap u{
    /* 見出し改行(スマホ用)*/
    display: none;
}
/* /画像に見出しを重ねる */

/* 楽天用*/
.item_lp_wrap p {
  margin: 20px 0 84px;
  font-size: 15px;
}
/* /楽天用*/

/* ------------------------------------------------------------------
/* //item_lp 商品ページ用(20191227より)
/* ------------------------------------------------------------------ */






/* ------------------------------ */
/* 素材について */
/* ------------------------------ */
iframe[src*=iframe\/leather\/]{ height:1500px; }/* Default */
iframe[src$=leather\/tn\.html]{ height:1800px; }/* 栃木ヌメ */
iframe[src$=leather\/am\.html]{ height:900px; }/* アルキメデス */
iframe[src$=leather\/pb\.html]{ height:1600px; }/* プエブロ */
iframe[src$=leather\/iz\.html]{ height:1600px; }/* イビザ */
iframe[src$=leather\/k\.html]{ height:1600px; }/* キップワックス */