@charset "UTF-8";
@import url("sanitize.css"); 
@import url("icono.css");  
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho"); 





html{font-size: 62.5%;}

body {
	color: #101010;
    font-size:1rem;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
	line-height: 1.6em;
	width:100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
	}

a{color:#101010;}
p a{color:#897112;text-decoration: underline;}
a:hover{color: #897112;text-decoration: none;}

img {max-width:100%}
/*iframe*/
#z_side,#z_sideR,#Left{height:1000px;}
#z_side,#z_sideR{width:100%;}

	.Dpc{display:block;}
	.Dsp{display:none;}
	.Dtb{display:block;}
	.Ntb{display:none;}
	.Npc{display:none;}
	.Nsp{display:block;}
	
	#z_side{width:220px;}
	
/* 1120px以下 */
@media screen and (max-width: 1120px) {
	.Dpc{display:none!important;}
	.Dsp{display:block;}
	.Npc{display:block;}
	.Nsp{display:none;}
	
	
}
/* 640px以下 */
@media screen and (max-width: 640px) {
	.Dpc{display:none!important;}
	.Dtb{display:none!important;}
	.Ntb{display:block;}
}

/*
あか　#B93A32
き　#D8AE47
みどり　#006E51
あお　#001D57
ちゃ　#9E4624
紫　#B76BA3
はいいろ　#838487
べーじゅ　#AF9483
ぴんく　#AD5D5D
*/

em{color:#B93A32;
font-style: normal; 
}

	
#warp {
	background: #fff;
}



#content a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.sxM{
	color:#455989!important;
}

.sxF{
	color:#A14F5E!important;
}


.N_pri, .L_pri{ 
    color: #bf0000;
    font-family: 'Century Gothic', Futura, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
}


/*汎用*/
.mb0{margin-bottom:0px!important;}
.mt04{margin-top:0.4rem!important;}
.mt08{margin-top:0.8rem!important;}
.mb04{margin-bottom:0.4rem!important;}
.mb2,.block_outer{margin-bottom:2rem!important;}
.mb4{margin-bottom:4rem!important;}

.bdU{
padding-bottom:6rem;
border-bottom: 1px solid #D2D2D2;
}

.bdN{border:none!important;}

.txtC ,ul.txtC li{text-align:center!important;}
.txtL ,ul.txtL li{text-align:left!important;}
.txtR ,ul.txtR li{text-align:right!important;}
.fL{float:left;}
.fR{float:right;}

.bd1{border:1px solid #D2D2D2;}
.bgW{background:#FFF;}

.article:after, .LsT li:after ,.DsT:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
}


.WHT,.aWHT a{color:#FFF;}
.aWHT a:hover{color:rgba(255,255,255,0.4);}

.sIcon{
	transform: scale(0.6)!important;
}


/*基本装飾*/
section{
margin-bottom:6rem;
}

p + form table{margin-top:4rem;}

#main h2,#main h4,.Fmin{
/*	font-family: 'Century Gothic', Futura, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;*/
	font-family: "Sawarabi Mincho";
	margin-bottom: 1rem;
}
h1,#main h3,#main h4 span,#main h5, h6,.Fgoth,.I_pri{
    font-family: 'Century Gothic', Futura, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
    }

#main h2,#main h3,#main h4,#main h5{
	margin-bottom: 2em;
}


#main h2{
	font-weight:normal;
}

#main h2 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size:1.6rem;
  line-height:3rem;
  margin-top:2rem;
}
#main h2:before, #main h2:after {
  background: #101010;
  content: "";
  flex-grow: 1;
  height: 1px;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}
#main h2:before {
  margin-right: 2em;
}
#main h2:after {
  margin-left: 2em;
}

#main h5{
	font-size:1.2rem;
	background:#F7F7F7;
    font-weight: normal;
    padding:0.5em 0.8em;
}


#main h5.cau,#main h5.numN{background:#B93A32;color:#FFF;}

#main h5.num{
	background:#F0F0F0;
}

#main h5.num span, #main h5.numN span, #main h5.cauN span{
	background:#C0B283;
	color:#FFF;
    padding:0.5rem 1rem;
    margin-right:0.5rem;
    font-weight: bold;
}
#main h5.numN span{
	background:#910006!important;
    padding:0.5rem 1.2rem;
}

#main h5.cauN{
	background:#B93A32!important;
	color:#FFF;
	line-height:2rem;}

#main h5.cauN span{
	background:#910006!important;
	font-style: italic; 
    padding:0.3rem 1rem;
    margin-left:-0.75rem;
}

#main h6{
	font-size:1.2rem;
    font-weight: bold;
    margin-bottom:1rem;
}

/*リンク*/
a.lnk{
	text-align:center;
    display: block;
    margin: 2rem auto 0 auto;
    padding: 0.5rem;
    width: 70%;
    border: 1px solid #5A5A5A;
    color: #5A5A5A;
}

li a.lnk,
li a.lnk2{
    width: 100%;
    margin: 0;
    padding: 1rem;
}

a.lnk:hover,
a.lnk2:hover{
background-color: #c0b283;
border-color:#A99D74!important;
color:#FFF;
}
a.lnk2{
	text-align:center;
    display: block;
    padding: 0.5rem;
background-color: #F0F0F0;
    color: #333;
}

a.btn,
a.btnO,
a.btn2,
div.btn2{
	text-align:center;
    display: block;
    padding: 0.8rem;
    color: #FFF!important;
    text-decoration:none!important;
}
a.btn,
a.btnSon,
a.btnO{
    background: #910006;
    color: #FFF!important;
}
a.btn2, div.btn2,a.btnSoff{
    background: #DDD;
    color: #333!important;}

a.btn:hover,
a.btnO:hover{
background-color: #BA2128!important;
}

a.btn2:hover{
background-color: #EEE!important;
}

a.btnSon,a.btnSoff{
    padding:0.2em 0.4rem;
}

.optbox{
    border: 1px solid #897112;
    color:#897112!important;
    }

a.btnO{
width:440px;
margin:0 auto;
}

.article{
    line-height: 1.8rem;
}
.article:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
}


.article{line-height:1.8rem; text-align:center;}
.article p{text-align:left;}
.article a{color: #897112 !important;text-decoration:underline; padding:0 0.3rem;}
.article a:hover{text-decoration:none;}
.article img.fL{margin:0 30px 0 0; float:left; padding-bottom:0.5rem;}
.article img.fR{margin:0 0 0 30px; float:right; padding-bottom:0.5rem;}
.article p + p {margin-top:1rem;}



/*背景横いっぱいカラー*/
.fluid-box{
 width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F7F7F7;
    padding: 40px 0 0 0;
    margin-bottom:6rem;
}
.fluid-box-inner{
 margin: 0 auto;
 max-width:1120px;
}


/*page*/
#pageT a{
	background:#000;
}

#pageT a:hover{
opacity: 0.8;
}

#pageT a{
	width:40px;
	height:36px;
	text-align:center;
	position: fixed;
	bottom: 0px;
	right: 20px;
	z-index:99;
}


/*PageNav*/
#pageN{
	width:100%;
	height:3rem;
	text-align:center;
	position: fixed;
	bottom: 0;
	right: 0;
	background:#000;
	opacity:0.92;
	z-index:98;
	border-top:1px solid rgba(255,255,255,0.4);
}

@media screen and (max-width: 640px) {
#pageN{font-size:0.7rem;}
}

#pageN ul{
	max-width:1120px;
	margin:0 auto;
	display: flex;
	-webkit-justify-content:center; /* Safari */
	justify-content: center;
	flex-wrap: wrap;
}

#pageN img{
display:none;
}

#pageN li{
text-align:center;
line-height: 3rem; 
border-right:1px solid rgba(255,255,255,0.4);
}

#pageN li:last-child{
border:none;
}

#pageN li a{
	color:#FFF;
	display:block;
	background:#000;
}


/*Lst*/

.LsI , .LsIw{
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.LsI::after, .LsIw::after{
  content:"";
  display: block;
  width:30%;
}

.LsI li,.LsIw li{
	width:25%;
	padding: 0 1rem;
	margin: 0 0 2rem 0;
	line-height:1.4;
}
.LsIw li{
font-size:0.8rem;
}

.LsIw .L_img{
border:1px solid #E7E7E7;
}

.col2 li{
width: 50% !important;
}

.col3 li{
width: 33.3333% !important;
}

.col5 li{
	width:20%;
}
.col6 li{
	width:16.6666%;
}

.col8 li{
	width:12.5%;
}

.col3b li,
.col4b li,
.col6b li{
	padding: 0 2px;
	margin-bottom:4px;
}
	
/*fは強制・PCのみfp*/
.col2f li{width: 50%;}
.col3f li{width: 33.3333%;}
.col4f li{width:25%;}
.col5f li{width:20%;}
.col6f li{width:16.6666%;}
.col7f li{width:14.285714%;}


#main .LsN,#main .LsN3{
	display: flex;
	-webkit-justify-content:space-between; /* Safari */
	justify-content: space-between;
	flex-wrap: wrap;
	
}

#main .LsN li,#main .LsN3 li{
	width:48% ;
	text-align: center;
	line-height:1.2;
	text-align: left;
	padding: 0 0 0.4rem 0;
	color:#FFF;
	margin-bottom:1.4rem;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1)
}

.N_txt{
	font-size:0.8rem;
	padding:0 0.5rem;
	margin-bottom:0.6rem;
	line-height:1.2rem;
}

.N_box{
    float: left;
    text-align:center;
    background: #c0b283;
    color: #FFF;
    font-size: 1.6rem;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 30%;
    line-height:2rem;
    padding:0 0.4rem;
    font-weight: bold;
}
.N_pri2,.N_pri3{
    color: #666;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    line-height:2rem;
    padding-right:0.8rem;
}
.N_pri{
clear: both; 
    font-size: 2.4rem;
    padding-right:0.4rem;
    width:100%;
    text-align:right;
    padding-right:0.8rem;
}

.N_pri span{
    font-size: 1rem;
}


.N_pri3{
clear: both;
    width:100%;
    text-align:right;
}
.N_box a,.N_pri3 a,.N_pri2 a,.N_pri a,.L_pri a{
    color: inherit;
}

.LsI li img, .LsIw li img, .LsN li img{
	max-width: 100%;
	height: auto;
}

.LsI .L_img,.LsIw .L_img{text-align:center!important;}
 
.LsN li img{
	margin-bottom:0.4rem;
}

.LsI a, .LsIw a{
display:block;
margin-bottom:0.2em
}

.LsI span,.LsIw span{
font-size:0.8rem;
opacity:0.7;
display:block;
padding-top:0.3rem;
}

.L_img{
position: relative;
margin-bottom:10px;
}


.L_img img{
  }

.L_cat{
position: absolute;
left: 0px;
bottom: 0px;
/*border-top: 1px solid white;
border-right: 1px solid white;*/
padding: 0.2em 0.5em 0 0.5rem;
color: white;
font-size: 1rem;
text-align: center;
background-color:#C5B574;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;  
opacity:0.84;
}



.lvF{background: #B84E5E!important;}
.lvM{background: #455989!important;}
.lvU{background: #1e4c30;}
.L_txt{
display: flex;
justify-content:
center;align-items: center;
font-size:1.6rem;
  color: #999;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: -1px -1px 1px #DDD, 1px 1px 1px #fff;
}


.D_txt{
 font-family: 'Century Gothic', Futura;
display: flex;
justify-content:center;
align-items: center;
  letter-spacing: 2px;
  text-align: center;
font-size:2rem;
}

.D_txt a{
display:block;
}

.D_txt span{
font-size:0.6rem;
padding-top:1rem;
}

.LsN + .LsI{margin-top:2rem;}


#secL .L_pri{
    color: #101010;
    font-size:1.1rem;

}
#secL .L_cat{
background-color:#bf0000;
    font-size:0.8rem;
}

.sl .L_pri{
    color: #bf0000!important;
    }


@media screen and (max-width: 896px) {
.L_cat{font-size: 0.7rem;}
.col2 .L_cat,.col32 .L_cat,.col42 .L_cat{font-size: 0.9rem;}
}

.L_rnk{
    position: absolute;
    background: #D2D2D2;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding: 0.1em 0.5rem;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-botomright: 8px;
    font-family: 'Century Gothic', Futura, 'メイリオ';
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    line-height: 1.2;
    font-style: italic;
    opacity:0.95;
}
.colR li:first-child .L_rnk{background: #c0a420;}
.colR li:nth-of-type(2) .L_rnk{background:#828282;}
.colR li:nth-of-type(3) .L_rnk{background:#945E41;}
.rnk0 li:first-child .L_rnk,
.rnk0 li:nth-of-type(2) .L_rnk,
.rnk0 li:nth-of-type(3) .L_rnk{background: #D2D2D2!important;}

.L_pri{
	font-size: 1.4rem;
    text-align:right;
    width:98%;
}


/*偏りリスト*/
.DsT2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.DsT2 dd{
  flex-basis: 9.4%;
    margin:0.3rem;
  text-align: center;
  border-radius: 4px; 
    color:#FFF;
    background:#c0b283;
    line-height:2.8rem;
}
.DsT2 dd a{
    color:#FFF;
    display:block;
}
.DsT2 dd:hover{
    background:#DED0A1;
}
.DsT2 dd.noList{
    background:#E7E7E7;
}


/*商品詳細*/

.I_pri{
font-size:1.8rem;
}
.I_pri span{
margin-left:0.8rem;
font-size:1rem;
}

.I_pri2{
margin-bottom:0.5rem;

}
.I_pri2 span{
margin-left:0.8rem;
background:#B85050;
color:#FFF;
padding:0 0.8rem;
}

/*block*/
.bgLG{background:#F7F7F7;}

.calender {
margin-bottom:0.8rem;
line-height:20px;
background:#FFF;
}
.calender th,
.calender td{text-align:center;border:2px solid #F7F7F7;}
.calender th{width:25.71px;font-weight:normal;}
.calender td.off{
    border-radius: 5px;
    color: #EB000F;
    text-align: center;
    background-color: #FFE2E4;
    }


.optbox{
	font-size:1rem;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	white-space:nowrap; 
}

.optbox a,.noline a{
	text-decoration:none
	}
.optg{
	border:1px solid #897112;
	color:#897112;
}
.optw{
	border:1px solid #BBB;
	color:#BBB;
}

.optw a{
	color:#BBB;
}

.optw:hover,.optw a:hover{
	border-color:#897112;
	color:#897112;
}

/*ページナビ*/
#page_navi{
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul#page_navi li {
   display: inline;
   }

ul#page_navi li.on {
    border: 1px solid #c0b283; /* Gray */
    background: #c0b283;
    color:#FFF;
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    margin:0 0.4em;
}

ul#page_navi li a {
    border: 1px solid #ddd; /* Gray */
    color: #c0b283;
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    margin:0 0.4em;
}