@charset "UTF-8";
html {
  min-height: 100%;
  position: relative;
}
body{
    font-size:16px;/* 16px*/
    line-height: 2;
  margin-bottom: 200px;
}

#z_brd{width:940px; margin:0 -20px;}
#z_head{margin-bottom:0;height:180px;}
#z_cat, #z_catM, #z_catF{width:940px; margin:0 -20px;}
#z_under{height:1040px; width:100%;}

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

.listH a{
color:#FFF;
padding-left:2em;
}

/*a 金+ライン*/
.products a,#pan a,article a{
color:#897112;
text-decoration:underline;
}
.products a:hover,#pan a:hover,article a:hover{
color:#c0b283;
text-decoration:none;
}


#main h2 {
  font-size:2rem;
 }

#main h3 {
    font-size: 2rem;
    line-height: 1rem;
    font-style:Italic;
}

#main h3 span{
    font-size:1.2rem;
    font-weight: normal;
    padding-left: 2rem;
    margin: 0 0 0 2rem;
    border-left: 2px solid #3C3C3C;
    line-height: 2rem;
    vertical-align: middle;
    color:#3C3C3C;
}


#main h4 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5rem;
    text-align:center;
}

#main h4 span{
    font-size:1rem;
    line-height: 2rem;
    margin-bottom:1rem;
    vertical-align: middle;
    color:#3C3C3C;
    display:block;
	font-weight:normal;
}


#main section.sxM h3, #main section#sxM h3, #main h3.sxM{
	color:#455989;
}

#main section.sxF h3, #main section#sxF h3, #main h3.sxF{
	color:#A14F5E;
}

/*パンくず*/
#pan{margin-bottom:1rem;}


.article{
margin-top:30px;
}

.col2fp li{width:50%!important;}
.col3fp li{width:33.3333%!important;}
.col4fp li{width:25%!important;}
.col5fp li{width:20%!important;}
.col6fp li{width:16.6666%!important;}

ul.colN1 li:first-child{display:none!important;}
ul.colN2 li:nth-child(-n+2){display:none!important;}
ul.colN3 li:nth-child(-n+3){display:none!important;}
ul.colN4 li:nth-child(-n+4){display:none!important;}


.col6b p{
display:none;
}

#main .LsN3 li{
	width:32%!important;
}

.N_txt{
	font-size:0.9rem;
}


.N_pri span{
    font-size: 1.4rem;
    line-height:2.4rem;    
}

.Rank10 li:last-child{
display:none;
}

#ReI ul li:nth-child(n + 27) {
display:none;
}

.DsT2 dd{
  flex-basis: 8%;
    margin:0.3rem;
}

/*フォーム*/
.btnarea ul{
  display: -webkit-flex;
  display: flex;
    justify-content: space-between;
  width:100%;
  text-align:center;
  margin:2rem 0;
}

.btnarea ul.col1{
    justify-content: center;
}

.btnarea li{
    width:48%
}

.btnarea a{margin:2rem 0;}

.boxSS{width:5rem}
.boxS{width:10rem}
.boxM{width:15rem}
.boxL{width:20rem}

input,textarea,select{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:0.3rem;
line-height:1.2rem;
border:1px solid #AAA;
}

/*header*/
header{
	background:#111;
	color:#FFF;
	font-size:1rem;
	margin-bottom:0px;
	font-size: 13px;
}

header #nav{
	width:1120px;
	margin:0 auto;
}

header{
width:100%;
height:68px;
/*★HEAD固定 L245も
    position: fixed;
    top: 0;
  left:0;
    z-index: 99;*/
    }

.listH {
float:right;
    position: relative;
    z-index: 1;
}

.listH li{
  display: inline-block;
  line-height:68px;
}

header .listH a.on,#hover_menu{
display:block;
color:#FFF;
  padding:0 1rem;
}

header .listH a.on:hover{
background:#222;
color:#FFF;
}

/*★カートの数字*/
.cNum {display:none;}

.menuH{
	line-height:1.6rem;
	float:left;
	text-align:left;
	width:10rem;
}

#hover_menu {
    position: relative;
    cursor: pointer;
}

.hover_menu_area {
    cursor: default;
    display: none;
    background: #fff;
    color:#333;
    border-left: 1px solid #e2e2e2;
    width: 24rem;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 10000;
    padding: 1rem 0 1rem 1rem;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
}

.hover_menu_area a{
color:#333;
}
.hover_menu_area a:hover{
color:#333;
text-decoration:underline;
}

#hover_menu:hover .hover_menu_area{
	display: block;
}


#nav2, #nav3{
	font-size: 13px;
	background:#F7F7F7;
	height:40px;
	line-height:40px;
	color:#999;
	overflow:hidden;
/*★HEAD固定
	margin-top:71px;
*/
}
#nav3{
	background:#FBFBFB;
}
	
#nav2 div{
	width:1120px;
	margin:0 auto;
}
#nav3 section{
	width:1120px;
	margin:0 auto;
}
#pankuzu{
	float:left;
	width:800px;
	}
.navM{
	float:right;
    font-family: 'Century Gothic', Futura, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
    background:#CCC;
    color:#FFF;
	font-size: 20px;
    }
.navM a{
	color:#FFF;
	display:block;
    padding:0 0.5rem;
    }
.navM a:hover{background:#333;}

.listH2c {
	text-align:center;
    margin-top: 5px;
}
.listH2c li{
  display: inline-block;
  text-align: center;
    padding: 0 7px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #E2E2E2;
    letter-spacing: 0.2px;
    padding-right: 1.4em;
    line-height:30px;
}

.listH2c li:last-child{
border:none;
}

#pan{
    line-height:42px;
}

/*なかみ*/
#content{
	margin:40px auto 0 auto;
	width:1120px;
}

#content2{
	display: -webkit-flex;
	display: flex;
	flex-direction:row-reverse;
}

#main{
width:900px;
}

.w1120{
width:1120px!important;
}

#side{
width:180px;
margin-right:40px;
font-size: 0.9rem;
display:block;
}

#side h2{
font-size:1rem;
}

#tit{
	line-height:10px;
	margin-right:10px;
}
.tit{
	line-height:10px;
}
.bnPC5{
	-webkit-flex: 1;
	flex: 1;
	text-align:right
}
.tit span{
font-size:90%;
color:#c0b283;
}

#bn{
margin-top:10px;
}

#bn a:hover{color:#F9E694;}
#bn img{
width:400px;
}


/*side*/
#side section{
margin-bottom:25px;
}

#side .LsN{
	text-align:center;
	background-color: #EFEFEF;
	padding: 3px 3px 5px 3px;
	font-size:0.8rem;
	line-height:1rem;
	color:#FFF;
}

#side .L_img{
margin-bottom:3px;
}

#side .L_cat{
color:#DB2639;
}

#side .LsN div{
	background-color: #EFEFEF;
}

.LsB li a{
display:block;
}

.LsB li {
margin-bottom:0;
padding: 0 0 5px 5px ;
margin-bottom:10px;
border-bottom:1px solid #CCC;
font-size:1.2em;
line-height:1.2em;
}

.LsB li:last-child{
border:none;
}

.LsB li span{
font-size:0.8em;
color:#999;
}


#side li.txtC{
	text-align:center;
	padding:3px !important;
}
#side li.txtC a{
	color:#999;
	display:block;
}
#side li.txtC a:hover{
	color:#000;
}


.Acc {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
}

.Acc a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    line-height: 1;
}

#side label {
    display: block;
    margin: 0 0 2px 0;
    padding :0.8rem 0.6rem;;
    line-height: 1;
    color :#fff;
    background :#000;
    cursor :pointer;
}
#side label:hover {
    background :#CEC08A;
}

#side input {
    display: none;
}

.Acc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Acc li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#Acc_bar10:checked ~ #links10 li,
#Acc_bar30:checked ~ #links30 li,
#Acc_bar40:checked ~ #links40 li,
#Acc_bar50:checked ~ #links50 li,
#Acc_bar70:checked ~ #links70 li,
#Acc_bar81:checked ~ #links81 li,
#Acc_bar90:checked ~ #links90 li,
#Acc_bar96:checked ~ #links96 li,
#Acc_bar99:checked ~ #links99 li {
    max-height: 46px;
    opacity: 1;
}


/*Footer*/
footer{
background: #F0F0F0;
font-size:0.8rem;
padding: 1.4rem 0 0 0;
    position: absolute; /*　変更*/
    bottom: 0;
    width: 100%;
}

footer section{padding-bottom:1.4rem; margin:0;}

footer #f1120{
	margin:0 auto;
	max-width:1120px;
	text-align:center;
}
footer a {
color:#777;
}
footer a:hover {
color:#888;
text-decoration:underline;
}

.menuF {
    float:left;
  width:20%;
}


.listF li{
  display: inline-block;
  text-align: center;
    padding: 0 7px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #E2E2E2;
    letter-spacing: 0.2px;
    padding-right: 1.4em;
}

.listF li:last-child{
border:none;
}

/*検索*/
dl.kword dt{
line-height:40px;
}
dl.kword dt,dl.kword dd{
    display: table-cell;
    vertical-align: middle;
}

.kword a{color:#d0b180;
background:#FFF;
border-radius: 4px; 
	padding:4px 0.7rem;
	margin-right:1em;
	line-height:1rem;
}
.kword a:hover{color:#FFF;background:#c0b283;}


/*LsI*/
.col21 li{width:50%;}
.col31 li{width:33.3333%;}
.col32 li{width:33.3333%;}
.col52 li{width:20%;}
.col62 li{width:16.6666%;}
.col64 li{width:16.6666%;}
.col3b li{width:33.3333%;}
.col4b li{width:25%;}
.col6b li{width:16.6666%;}
.col6,.col8{font-size:76%;}


/*商品詳細*/

.flex{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
}
#secP{
width:500px;
margin-right:40px;
}

#secS{
width:580px;
}


#secS dl{
margin-top:1.6rem;
margin-bottom:1.6rem;
padding:1rem;
background:#F7F7F7;
line-height:2.4rem;
}

#secS dt{
    clear: both;
    width: 100px;
    float: left;
}


#secS dt span {
    float: right;
}
#secS dd {
    padding-left: 111px;
}

#secS dd span {
font-size:0.9rem;
}

h1{
font-size:1.8rem;
line-height:2.4rem;
margin-bottom:1.6rem;
font-weight:normal;
}


.spec,.spec2,.tform{
	border: #BBB 1px solid;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	}

.spec th,.spec td,
.spec2 th,.spec2 td,
.tform th,.tform td
{
	border: #dcdcdc 1px solid;
	padding:0.6rem;
	vertical-align: center;
}

.spec th,
.spec2 th,
.tform th{
	background: #f0f0f0;
	display: table-cell;
	vertical-align: middle;
	font-weight:normal;
}

.tform td{
font-size:0.9rem;
line-height:1.2rem;
	padding:10px;
}

.products article a{
padding:0 0.3rem;
}

/*商品詳細-スライダー*/
.swiper-slide{margin-bottom:10px;}
.swiper-pagination-thumb{
    width: 90px;
    height: 90px;
    background-size: 88px!important;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #eee;
    margin: 5px;
    cursor: pointer;
}

.swiper-pagination-thumb-active{
    background-size: 88px!important;
    border: 1px solid #d0b180;
    background:none;
}

/*guide*/
.menuC3{
  display: flex;
  justify-content: space-between;
}

.menuC3 div{
  width:30%;
}
.menuC3 li{line-height:1.8em;
}