.comment_line{
    line-height: 1.5;
    margin-bottom: 10px;
}
cancel.item .product .productImg.modal-content{
    right: 0px;
    top: 0px;
    display: none;
    width: 400px;
    position: absolute;
    background-color: #fff;
    padding: 20px;
    background-color: #fffcf6;
    z-index: 100;	
	height: 100%;
    overflow: scroll;
}
.stcomment{
	padding: 10px;
    background: #F4EFE4;
	margin-top: 10px;
}
.aboutRepeat {
    position: relative;
}
.aboutRepeat .tooltip {
    display: none;
    position: absolute;
    top: 20px;
    left: -95px;
    width: 210px;
    /* height: 93px; */
}
 .aboutRepeat .tooltip .balloon1 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 13px;
    line-height: 1.5;
    background: #cb3363;
    color: #fff;
    text-align: left;
    z-index: 9999;
}

 .aboutRepeat .tooltip .balloon1:before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #cb3363;
}
.checkbox{
	position: relative;
}
.checkbox input[type=checkbox] {
    display: none;
}
#leftnavSearch {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 0 10px;
}

.txtbox{
	width: 100%;
    height: 30px;
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 10px;
}
.checkbox  input[type=checkbox] + label {
    padding: 0 0 0 20px;
  }
.checkbox  input[type=checkbox] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -20px;
    background: #FFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ccc;
  }
.checkbox  input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 74%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
.checkbox  input[type=checkbox]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 3px solid #CA3262;
    border-bottom: 3px solid #CA3262;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pback{
	background-color:#FFF2F2;
}
.blur {
-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.visible{
	display:inline!important;
}
.lock .blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.leftreview{
  border: solid 1px #f1ede2;
  padding: 20px;
}
.cartBtn {
    padding: 10px;
    background-color: #c83564;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
    border: solid 1px #c93464;
}
.cartBtn:hover{
	background-color:#fff; 
	border:solid 1px #c93464;
	color:#c93464;	
}
.status {

}
.invisi {
}
.yomu {
}
.tojiru {
	display: none;
}
.aketoji a.yomu {
	display: none;
}
.aketoji a.tojiru,.aketoji a.tojiru2 {
	display: block!important;
}
.modal-content {
    position: absolute;
    display: none;
    width: 400px;
	height: 100%;
	overflow: auto;
    padding: 20px;
    background: #f6f2e5;
}
.modal-overlay {
    z-index: 10001;
    display: none;
    position: fixed;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color:#000000;
	opacity: 0.6;
}
.modal-wrap {
    z-index:10002;
    display:none;
    position:fixed;
    top:0;
    right:-2000px;
    width:100%;
    height:100%;
    overflow:auto;
	padding-top: 80px;
	padding-bottom: 40px;

}
.modal-open {
}

.modal-open:hover {
}
.modal-close {
    background-color: #adadad;
    color: #fff;
    padding: 0;
    /* border-radius: 50%; */
    text-align: center;
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 1.2;
    cursor: pointer;
    font-weight: bold;
    position: fixed;
    top: -0px;
    right: 400px;
    z-index: -100000;
    -webkit-overflow-scrolling: auto!important;
}
.modal-content2 {
    position: absolute;
    display: none;
    width: 400px;
    padding: 20px;
    background: #fff;
	border-radius:6px; 
}

.modal-wrap2 {
    z-index:10002;
    display:none;
    position:fixed;
    top:50px;
    width:100%;
    height:100%;
}
.modal-wrap3 {
    z-index:10002;
    display:none;
    position:fixed;
    top:0;
    right:-2000px;
    width:100%;
    height:100%;
    overflow:auto;
	padding-top: 80px;
	padding-bottom: 40px;

}
.modal-close2 {
    background-color: #adadad;
    color: #fff;
    padding: 0;
    /* border-radius: 50%; */
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 29px;
    line-height: 1.2;
    cursor: pointer;
    font-weight: bold;
    position: fixed;
    top: -25px;
    right: -20px;
    z-index: 100;
    -webkit-overflow-scrolling: auto!important;
}
.modal-close3 {
    background-color: #adadad;
    color: #fff;
    padding: 0;
    /* border-radius: 50%; */
    text-align: center;
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 1.2;
    cursor: pointer;
    font-weight: bold;
    position: fixed;
    top: -0px;
    right: 400px;
    z-index: -100000;
    -webkit-overflow-scrolling: auto!important;
}
/* ＠2015/05/10 ブランド名2行・商品名4行まで表示、修正 START＠ */
 .item .info{
  display: block;
  margin:0 auto 5px auto;
  min-height: 20px;
  text-align: left;
  width: 100%;
}
/* ＠2015/05/10 ブランド名2行・商品名4行まで表示、修正 END＠ */

 .item .info .mark{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 4px 2px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    background: #F8B044;
}
 .item .info .mark2{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 3px 3px;
    color: #c93464;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    border: solid 1px #c93464;
}
 .item .info .mark3{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 3px 3px;
    color: #410A8F;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    border: solid 1px #410A8F;
}
.item .info .mark4 {
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 4px 3px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    background: #626262;
	width:100%;
}
.item .info .mark5{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 4px 3px;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    background: #eee;
	width:100%;
}
 .item .info .mark6{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 3px 2px;
    color: #297fd9;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    border: solid 1px #297fd9;
}
 .item .info .mark7{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 3px 2px;
    color: #5f4ccd;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    border: solid 1px #5f4ccd;
}
 .item .info .mark8{
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 4px 2px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    background: #888;
}
.yokutyaku{
	padding:2px 5px;
	font-size: 12px;
	background-color: #3C8BBD;
	color:#fff;
	font-weight: bold;
}

li{
	list-style:none;
}
.slider,.thumbslider,.thumb {
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized,.thumbslider.slick-initialized,.thumb.slick-initialized {
  opacity: 1;
}
.pankuzu {
	margin-top:10px!important;
	margin-bottom: 10px!important;
}
h2.tit{
	padding-left: 15px;
    border-left: solid 6px #c93464;
}

h3.h3tit{
	padding-bottom: 10px;
	border-bottom:solid 2px #ccc;
}
.titbdr{
	color: #636363;
}
.item .yoridoriBtn{
    font-size: 14px;
    color: #fff;
    margin: 10px;
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #f66800;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;	
	 border:solid 1px #f66800;
}
.item .yoridoriBtn:hover{
	background-color:#fff; 
	color:#f66800;
}
.item .sumiBtn{
    font-size: 14px;
    color: #fff;
    margin: 10px;
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;	
	 border:solid 1px #333;
}
 .item .cartBtn{
    font-size: 14px;
    color: #fff;
    margin: 10px;
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #c93464;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;	
	 border:solid 1px #c93464;
}
.item .cartBtn:hover{
	background-color:#fff; 
	border:solid 1px #c93464;
	color:#c93464;
}
.Abril{
	font-family: 'Abril Fatface', cursive;
}
.Dancing{
	font-family: 'Dancing Script', cursive;
}
.Pacifico{
font-family: 'Pacifico', cursive;
}
.Oswald{
font-family: 'Oswald', sans-serif;
	
}
.Cinzel{
font-family: 'Cinzel', serif;	
}
.Poiret{
	font-family: 'Poiret One', cursive;
}
.Great{
font-family: 'Great Vibes', cursive;	
}
.newbrand > div{
	float: left;
	width: 32%;
	margin-right:2%; 
	margin-bottom: 20px;
	font-size: 12px;
}
.newbrand > div:nth-child(3n){
	margin-right:0; 	
}
.brandList{

}
.brandList .listHead{
  position: relative;
  margin:0 0 10px 0;
  padding: 15px 0 0 0;

}
.brandList h2{
  font-size: 18px;
}
.brandList .listLink{
  position: absolute;
  top:12px;
  right: 0;
  width:130px;
  height: 26px;
}
.brandList .listLink a{
  display: block;
  width:130px;
  height: 26px;
  color: #78705B;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
}
.brandList .listLink a span{
  display: inline-block;
  padding: 0 0 0 10px;
}
.brandList .brandTab li{
  float: left;
  width:72px;
  height: 45px;
}
.brandList .brandTab li a{
  display: block;
  width:72px;
  height: 45px;
  color:#78705B;
  text-align: center;
  font-weight: bold;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;
}
.brandList .brandTabEn li{
  float: left;
  margin:0 4px 0 0;
  width:132px;
  height: 36px;
}
.brandList .brandTabEn li a{
  display: block;
  width:132px;
  height: 36px;
  color:#78705B;
  text-align: center;
  font-weight: bold;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;
}
.brandList .brandTab li.hover a,
.brandList .brandTabEn li.hover a{
  color:#fff;
  background:#78705C;
}
.brandList .brandTab li.active a,
.brandList .brandTabEn li.active a{
  color:#fff;
  background:#78705C;
}
.brandList .brandTab li a span,
.brandList .brandTabEn li a span{
  display: block;
  padding: 10px 0;
}
.brandList .brandMain{
  padding: 20px 0px 1px 0px;
  border-top:1px solid #78705C;
}
.brandList .brandMain .subList{
  margin:0 0 30px 0;
}
.brandList .brandMain .subList li{
  float: left;
  margin:0 15px 0 0;
  padding: 0 15px 0 0;
  background: url(/image/brand/list_sub_separate.gif) right center no-repeat;
}
.brandList .brandMain .subList li:last-child{
  background: none;
}
.brandList .brandMain .subList li a{
  display: inline-block;
  padding: 0 15px 0 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color:#78705A;
  text-decoration: underline;
}
.brandList .brandMain .subList li a:hover{
  color:#C83563;
}
.brandList .brandMain .listSection{
  margin:0 0 30px 0;
}
.brandList .brandMain .listSection .sectionTtl{
  margin:0 0 8px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #78705C;
}
.brandList .brandMain .listSection .sectionTtl span{
  display: block;
  padding: 0 0 0 7px;
  font-size: 16px;
  font-weight: bold;
  height: 17px;
  border-left: 3px solid #E089A0;
}
.brandList .brandMain .listSection .listCol{
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  background: url(/image/brand/list_btm_line.gif) 0 bottom repeat-x;
  overflow: hidden;
  width:100%;
}
.brandList .brandMain .listSection .listCol .col{
  margin: 2px 5px 0 0;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: bold;
  letter-spacing:0.5px;
  overflow:hidden;
  zoom:1;
}
.brandList .brandMain .listSection .listCol .col span{
  font-weight:normal;
  font-size:12px;
}

.brandList .brandMain .listSection .listCol .col_pic{
  float: left;
  margin: 0 10px 0 0;
  width:80px;
}

.brandList .brandMain .listSection .listCol .col_favorite{
  float: right;
  margin: 0 0 0 20px;
}

.brandList .brandMain .listSection .listCol .col a{
  color: #78705B;
  text-decoration: underline;
}
.brandList .brandMain .listSection .listCol .col a:hover{
  color:#C83563;
}
.brandList .brandMain .listSection .noList{
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.4em;
}

/* ************************************************************************
* 
* ブランド詳細
*
************************************************************************ */

/* -------------- ブランドタイトル -------------- */

.brandTtl{
  margin:0 0 20px 0;
  padding: 25px 0 23px 0;
  background: url(/image/brand/bg_h2_ttl.gif) 0 0 no-repeat;
  border-bottom: 1px solid #D2CBBE;
}
.brandTtl h2{
  padding-top: 2px;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  background: none;
}
.brandList li{
	list-style:none;
}
.news{
    padding: 5px 10px;
	border:solid 1px #ccc;
}
.news div{
	float: left;
	width: 90%;
}
.news div a{
    color: #747474;
    display: block;
    border-bottom: dotted 1px #ccc;
	position: relative;
    padding: 5px 0;	
}
.staffcomment{
	border:solid 3px #c83564;
	padding:20px;
}
.news div a:last-child{
    border-bottom: none;
}
.news div a i{
	position: absolute;
    right: 0;
    top: 10px;
}
.addFavorite_false {
    position: absolute;
    display: block;
    top: -20px;
    right: 0px;
}
#detail .addFavorite_false {
    top: 4px;	
}
.ninki .item{
	height:410px;
	margin-bottom: 0;
	border-left: none;
	border-top: none;
	border-right: 1px solid #c0c0c0;
	border-bottom: none;
	position: relative;
}

.kuchikomigaibtn{
    background-color: #f9f5ec;
    border: solid 1px #e0d8c4;
    padding: 5px;
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
}
.kuchikomigaibtn:hover{
	background-color:#fff; 
}
.kuchikomibtn{
    background-color: #ffecfa;
    border: solid 1px #ffafe8;
    padding: 5px;
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
}
.kuchikomibtn:hover{
	background-color:#fff; 
}
.detcartbtn{
    padding: 10px;
    background-color: #c83564;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: right;
    width: 100%;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
	border:solid 1px #c93464;
}
.detcartbtn:hover{
	background-color:#fff; 
	border:solid 1px #c93464;
	color:#c93464;	
}
.keppinbtn{
    padding: 10px;
    background-color: #b7ae9d;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: right;
    width: 100%;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;
	border:solid 1px #b7ae9d;
}
.keppinbtn:hover{
	background-color:#fff; 
	border:solid 1px #b7ae9d;
	color:#b7ae9d;	
}
.kanbaibtn{
    padding: 10px;
    background-color: #2A2A2A;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: right;
    width: 100%;
}
.yoridoribtn{
    padding: 10px;
        background-color: #f66800;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: right;
    width: 100%;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  transition: background-color .5s;
	border:solid 1px #f66800;
}
.yoridoribtn:hover{
	background-color:#fff; 
	border:solid 1px #f66800;
	color:#f66800;	
}
.btnab{
	position: absolute;
    bottom: 10px;
    width: 80%;
    left: 21px;
    cursor: pointer;	
}
.slider .keppinbtn,.slider .yoridoribtn,.slider .detcartbtn {
    font-size: 12px;
}
.heart {
    width: 120px;
    height: 120px;
    background-image: url(/sp/image/common/heart.png);
    background-repeat: no-repeat;
    background-size: 2900%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
}
.kuchikomi_taisho .rela .heart {
    position: absolute;
    right: -10px;
    top: 12px;
	width: 80px;
	height: 80px;
}
.ranking .product .addFavorite_false {
    top: 3px;
    right: 20px;
    z-index: 2;
}
.product .addFavorite_false {
    top: -5px;
    right: -5px;
    z-index: 2;
}
.product .heart {
    width: 60px;
    height: 60px;
}
.arrowab{
    position: absolute;
    right: 15px;
    top: 15px;
}
.arrowab2{
    position: absolute;
    right: 15px;
    top: 8px;
}
.flip {
    animation: flip 1000ms steps(28);
    -webkit-animation: flip 1000ms steps(28);
    -moz-animation: flip 1000ms steps(28);
}
.on {
    background-position: right;
}
.nextBtn{
    padding: 10px;
    background-color: #c83564;
    color: #fff!important;
    display: block;
    text-align: center;
    font-size: 12px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
    border: solid 1px #c93464;
}
.nextBtn:hover{
	background-color:#fff;
	color:#c93464!important;
}
.siribtn{
	background: #fff;
	color:#999076!important;
	padding: 10px;
	font-size: 12px;
	border:solid 1px #999076;
	position: relative;
	display: block;
	width: 50%;
	text-align: center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	cursor: pointer;
}
.siribtn:hover{
	background-color:#999076;
	color:#fff!important;
}
.siribtn i{
	position:absolute;
	right:10px;
	top:16px;
}
.siribtn.modoru i{
	position:absolute;
	left:10px;
	right:272px;	
	top:24px;
}
.brandshokai .siribtn{
	width: 100%;
	padding: 10px;	
}

.brandshokai .siribtn i{
	top:17px;
}
.siribtn.p10 i{
	top:17px;
}

.okini{
	display: block;
	width:100%;
	background-color:#fbe1e3;
	color:#e87787;
	border:solid 1px #e87787;
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	cursor: pointer;
}
.okinion{
	display: block;
	width:100%;
	background-color:#e87787;
	color:#fff;
	border:solid 1px #e87787;
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	cursor: pointer;
}
.okini:hover{
	background-color:#e87787;
	color:#fff;
}
 .item .productImg .label{
  position: absolute;
  display: block;
  top:0;
  left:0;
  width:54px;
  height: 54px;
  text-align: left;
  background: url(/image/keyword/ranking_bg_label.png) 0 0 no-repeat;
}
.ranking .item .productImg .label{
    width: 70px;
    height: 70px;
	background-size: 70px;
}
 .item .productImg .label .offTxt{
  display: inline-block;
  padding: 4px 15px 0 3px;
  color:#fff;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
}
.ranking .item .productImg .label .offTxt{
 font-size: 16px;
}
.top5Item .product li .productImg .label{
  position: absolute;
  display: block;
  top:0;
  left:0;
  width:54px;
  height: 54px;
  text-align: left;
  background: url(/image/keyword/ranking_bg_label.png) 0 0 no-repeat;
}

.top5Item .product li .productImg .offTxt{
  display: inline-block;
  padding: 4px 15px 0 3px;
  color:#fff;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
}

/* ???????????? tab ???????????? */
label.panel-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    color: #857c5a;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    border: solid 1px #857c5a;
    font-weight: bold;
}

label.panel-label {
}

label.panel-label:hover {
  color: #c83564;
}

#panels {
  background-color: white;
  font-size: 14px;
}

#panels .container {
  margin: 0 auto;
}

#panels .container #acMenu dd a {
  padding: 16px 0;
  display: block;
  border-top: dotted 3px #e0e0e0;
}

#panels .container #acMenu dd a i {
  line-height: 2;
}

#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}

#panels section main {
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    display: none;
    overflow-y: hidden;
}

#panel-1-ctrl:checked~#panels #panel-1 main {
    max-height: initial;
    opacity: 1;
    padding: 20px 0px;
    display: block;
    border-bottom: solid 2px #ece7d1;
}

#panel-2-ctrl:checked~#panels #panel-2 main {
    max-height: initial;
    opacity: 1;
    padding: 20px 0px;
    display: block;
    border-bottom: solid 2px #ece7d1;
}

#panel-3-ctrl:checked~#panels #panel-3 main {
    max-height: initial;
    opacity: 1;
    padding: 20px 0px;
    display: block;
    border-bottom: solid 2px #ece7d1;
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
    margin-top: -1px;
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1+li {}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label {
    background-color: #ece7d1;
    color: #000;
    padding-top: 10px;
}

#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
	    margin-top: -1px;
}

#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label {
    background-color: #ece7d1;
    color: #000;
    padding-top: 10px;
}

#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
	    margin-top: -1px;
}
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label {
    background-color: #ece7d1;
    color: #000;
    padding-top: 10px;
}
#panels {
  background-color: white;
}

#panels .container {
  margin: 0 auto;
}

#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}

#panels section main {
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}

ul#tabs-list li {
  text-align: center;
  font-size: 14px;
  width: 33%;
  position: relative;
}

ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}


ul#tabs-list li label.panel-label {
  position: relative;
  padding: 10px 0;
}

main {
  margin: 0 auto;
}

.panel-radios {
  display: none;
}

main p {
  line-height: 1.8;
}
ul#tabs-list {
    display: -webkit-box;
    list-style: none;
    text-align: center;
    margin: 40px 0 0 0;
    padding: 0;
}
/**パンくず**/
.pankuzu span{
	float:left;
	list-style: none;
	font-size: 11px;
}


#top .itemsli img{
	text-align:center;
	margin: auto;
}
.popkeyword li{
	font-size: 13px;
	border-bottom: solid 2px #f1e8d6;
	list-style: none;
}
.popkeyword a{
	display:block;
	padding: 5px 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;	
}
.popkeyword a:hover{
	    background: #ECE2D0;
}
.hova{
	display:block;
	padding: 5px 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
}
.kyujosyo li{
	list-style:none;
}
.kyujosyo a {
padding: 3px 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    font-size: 13px;
    display: block;
}
.hova2{
	padding: 5px 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.ranklist li:hover,.kyujosyo a:hover,.hova a:hover,.hova2 a:hover{
	    background: #ECE2D0;
}
.popbrandbox li{
    text-align: center;
    line-height: 1.3;
    list-style: none;
    float: left;
    margin-left: 12px;
    font-size: 12px;
    width: 140px;
}
.popbrandbox li:first-child{
margin-left: 0;
}

.toptit{
	font-size:20px;
}
 h2.toptit {
	font-size:24px;
}
.ranklist {
    float: left;
    position: absolute;
    top: -12px;
    right: 60px;
    line-height: 1.4;
}
.rkuchi,.rnayami,.rbrand,.r2_2,.r2_3,.r2_4,.r2_5,.r2_6,.r3_2,.r3_3,.r3_4,.r3_5,.r3_6,.r4_2,.r4_3,.r4_4,.r4_5,.r4_6{
	//display:none;
}
.rnayami h3{
	    padding: 10px;
    background-color: #f9f9f9;
    text-align: center;
    margin-bottom: 40px;
}
.rkuchi.ranking .item{
	float: none;
    width: 100%;
    display: block;
    border-right: none;
    border-bottom: 1px solid #c0c0c0;
    position: relative;
    padding: 30px 0;
    height: auto;
	margin-bottom: 0;
}
.rkuchi.ranking .staffreview .item{
    border-bottom: none;
}
.rkuchi.ranking .item .rank1,.rkuchi.ranking .item .rank2,.rkuchi.ranking .item .rank3,.rkuchi.ranking .item .ranko{
	float: left;
	width: 10%;
	text-align: center;
    margin-top: 75px;	
}
.rkuchi.ranking .item .productImg{
	float:left;
	width: 20%;
}
.rkuchi.ranking .item .productName {
	font-size: 18px;
}
.ranklist li{
float: left;
    color: #8b7c4a;
    list-style: none;
    margin-left: 30px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
.ranklist2 li.active,.ranklist3 li.active,.ranklist4 li.active{
color: #1B1B1B;
	cursor: auto;
}

.ranklist2 li,.ranklist3 li,.ranklist4 li {
    float: left;
    color: #8b7c4a;
    list-style: none;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
    cursor: pointer;
    padding: 0 25px 0px 25px;
    border-right: solid 1px #000;
}
.ranklist2 li:hover,.ranklist3 li:hover,.ranklist4 li:hover {
	    color: #c83564;
}

.ranklist2 li:first-child,.ranklist3 li:first-child,.ranklist4 li:first-child {
	padding-left: 0;
}
.ranklist2 li:last-child,.ranklist3 li:last-child,.ranklist4 li:last-child {
	border-right: 0;
}
.ranktit{
	border-bottom: solid 2px #d6caa4;
	width: 1000px;
	margin: auto;
}
.ranklist li.active {
border-bottom:solid 3px #736127;
}

.ranking .kibouprice{
	font-size:12px;
}
.ranking .price{
  font-size: 20px;
  color: #c93464;
}
.r1b{
    background-color: #fdf5dc;
    margin-bottom: 20px;
    padding: 10px;
}
.r2b{
    background-color: #efefef;
    margin-bottom: 20px;
    padding: 10px;
}
.r3b{
    background-color: #fff7f2;
    margin-bottom: 20px;
    padding: 10px;
}
.rob{
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding: 10px;
}
.rankContents .brandInfo {
    border: 3px solid #E8E2D4;
    padding: 20px 15px 15px 15px;
    margin-bottom: 16px;
}
.rankContents h3.brandName {
    margin: 10px 0px 6px 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.rankContents .brandInfo ul li .product > a {
    float: left;
	
}
.rankContents .brandInfo ul li dl {
    margin-left: 335px;
}
.rankContents .brandInfo ul li dt {
    font-weight: bold;
    font-size: 15px;
    margin: 2px 0 8px 0;
}
.rankContents .brandInfo .btnArea {
    border-top: 1px dotted #d2cbbe;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
.rankContents .brandInfo .btnArea .specialLink {
    display: block;
    float: right;
    width: 194px;
    height: 34px;
    color: #78705B;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    background: url(/image/top/bg_brand_list_link.gif) 0 0 no-repeat;
}
.rankContents h4 {
    font-size: 18px;
    color: #636363;
    margin: 25px 0 0 0;
}
.rankContents .top5Item {
    padding: 20px 0 0 0;
    border-top: 1px solid #E8E2D4;
}
.rankContents .top5Item ul li {
    float: left;
    margin: 0 2.5% 0 0;
    width: 18%;
    text-align: center;
	list-style: none;
}
.rankContents .top5Item ul li:last-child {
    margin:  0;	
}
.rankContents .top5Item ul li .price {
    display: block;
    font-size: 12px;
}
.rankContents .brandInfo ul li div p {
    float: right;
    line-height: 34px;
    margin-right: 15px;
    margin-top: 5px;	
}
.rankContents .top5Item ul li .info {
    display: block;
    font-size: 10px;
    line-height: 1.3em;
}
.rankContents .top5Item ul li .productImg {
    display: block;
    margin: 0 0 5px 0;
    /* border: 1px solid #E2E2E2; */
    overflow: hidden;
	width: 100%;
}
.rankContents .top5Item ul li .productImg img {
    margin: -1px;
    width: 120px;
}
.star{
	color:#e0b300;
}
.osusume{
	width: 100%;
	padding: 20px;
	background-color:#F9F4EF; 
}
.osusume .box{
	float:left;
	margin-right: 25px;
}
.osusume .box:last-child{
	margin-right: 0px;
}
.osusume .box a{
	display: block;
	background-color: #fff;
	border:solid 1px #ccc;
	padding: 10px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	width: 180px;
}
.osusume .box a:hover{
	background-color: #c93464;
	color:#fff;
}
.osusume .box .abhot{
    position: absolute;
    left: -15px;
    top: -13px;
    background-color: #c93464;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1.3;
    width: 40px;
    height: 40px;
    padding: 14px 0;
}
.osusume .box .abhot2 {
    position: absolute;
    left: -15px;
    top: -13px;
    background-color: #c93464;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1.3;
    width: 40px;
    height: 40px;
    padding: 7px 0;
}
/* クチコミ大賞 */
.kuchikomi_taisho{

	padding: 30px 0 0;
	width:100%;
	margin: 50px auto;
	position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9e5ec+0,ffffff+100 */
background: #f9e5ec; /* Old browsers */
background: -moz-linear-gradient(top, #f9e5ec 0%, #ffffff 30%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9e5ec 0%,#ffffff 30%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9e5ec 0%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e5ec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.kuchikomi_taisho .taisyotit{
margin-bottom: 30px;
    font-size: 30px;
    padding-left: 60px;
    padding-top: 10px;
    background-image: url(/image/common/crown1.png);
    background-repeat: no-repeat;
}
.kuchikomi_taisho .box{
    padding: 0 20px;
    background: #daa3b1;
    color: #fff;
    float: left;
    margin-right: 10px;
}
.kuchikomi_taisho .categoryName{
    margin: 8px auto 8px auto;
    position: relative;
    display: block;
    padding: 5px 8px;
    width: 184px;
    height: 30px;
    font-size: 13px;
    line-height: 1.1em;
    text-align: center;
    color: #DE8099;
}
.kuchikomi_taisho .cart{
    background-color: #c93464;
    padding: 8px 20px;
    text-align: center;
    margin-top: 10px;
    display: block;
    color: #fff;
    border-radius: 6px;
}
.kuchikomi_taisho .categoryName:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 23px;
    background: url(/image/common/cat_link_frame_l.gif) 0 center no-repeat;
}
.kuchikomi_taisho .categoryName:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 23px;
    background: url(/image/common/cat_link_frame_r.gif) right center no-repeat;
}
.kuchikomi_taisho .ab{
	position: absolute;
    top: -56px;
    left: 10px;
	
}
.kuchikomi_taisho .ab2{
	position: absolute;
    top: 20px;
    left: 340px;
	
}
.kuchikomi_taisho .ab3{
	position: absolute;
    top: 100px;
    right: 40px;
	font-size: 20px;
}
/* 見出し */

h3.ttl {
  position: relative;
  padding: 8px 0 7px 11px;
  color:#fff;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  background: #78705C url(/image/common/bg_h3_ttl.gif) 0 0 no-repeat;
  border-bottom: 1px solid #554F42;
}
h3.ttl .option{
  position: absolute;
  top:9px;
  right: 12px;
  color:#fff;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: normal;
}

/* カテゴリー名 */
.product .categoryName{
  margin:0 auto 8px auto;
  position: relative;
  display:block;
  padding: 0 8px;
  width:140px;
  height: 23px;
  font-size: 10px;
  line-height: 1.1em;
  text-align: center;
  color:#DE8099;
}
.product .categoryName span{
  display:table-cell;
  vertical-align: middle;
  width:120px;
  height: 23px;
}
.product .categoryName:before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:4px;
  height: 23px;
  background: url(/image/common/cat_link_frame_l.gif) 0 center no-repeat;
}
.product .categoryName:after{
  content: '';
  position: absolute;
  top:0;
  right:0;
  width:4px;
  height: 23px;
  background: url(/image/common/cat_link_frame_r.gif) right center no-repeat;
}
.product a.categoryName:hover{
  color:#fff;
  background: #DE8099;
}
.product a.categoryName:hover:before{
  background: #DE8099;
}
.product a.categoryName:hover:after{
  background: #DE8099;
}

.newpro .item{
	border:dotted 1px #ccc;
}

.newpro .item .productImg img{
	width: 100%;
	height: 100%;
}
.newpro .item a{
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  display: block;
  padding: 10px;	
  height: 300px;
}
.newpro .item a:hover{
	    background: #ECE2D0;
}
.newpro .item .product .productName{
display: block;
     margin: 0;
    padding: 0 0px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3em;
}
#slideContainer{
  position:relative;
  width:750px;
  height: 288px;
  overflow: hidden;
}
.ranking .rank1{
	font-size:60px;
	color:#bdb86f;
    line-height: 0.7;
    margin-bottom: 20px;		
}
.ranking .rank2{
	font-size:60px;
	color:#b1b1b1;
    line-height: 0.7;
    margin-bottom: 20px;
}
.ranking .rank3{
	font-size:60px;
	color:#d3bcad;
    line-height: 0.7;
    margin-bottom: 20px;
}
.ranking .ranko{
	font-size:60px;
	color:#c1c1c1;
    line-height: 0.7;
    margin-bottom: 20px;
}
.ranking{
}
.ranking .item{
  float: left;
  width: 200px;
  height: 450px;
margin-bottom: 35px;
border-right: 1px solid #c0c0c0;
position: relative;
}
.ranknav{
background-color: #4E4E4E;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    display: block;
    font-size: 12px;
    text-align: center;
    height: 20px;
    margin: auto;
    padding: 0px 0 0px;
}
.ranking .item a.product{
    display: block;
    padding: 9px;
    padding-bottom: 0;
    width: 200px;
    height: 450px;
    text-align: center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}


.ranking .item a{}

.ranking .item:nth-child(5n){
    border-right:none;
}
.ranking .item a.product:hover{
  background: #ECE2D0;
}
.ranking .item .brandName{
  padding: 0 5px;
  font-weight:normal;
  font-size:10px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  margin-bottom: 5px;
}

.ranking .item .productName{
  padding: 0 5px;
  font-weight:normal;
  font-size:10px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}

.ranking .item a.starpt{
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
  font-size: 12px;
}
.ranking .item a.starpt:hover,.ranking .item .productName:hover,.ranking .item .brandName:hover{
  background: #ECE2D0;
}
.ranking .item a.product .productName{
  padding: 0;
  font-weight:normal;
  font-size:10px;
}
.r3_1
.ninki .item{
  float: left;
  width: 180px;
  height: 410px;
margin-bottom: 35px;
border-right: 1px solid #c0c0c0;
}

.ninki .item a.product{
    display: block;
    padding: 21px;
    padding-bottom: 0;
    width: 180px;
    height: 410px;
    text-align: center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.ninki .item a.product:hover{
  background: #ECE2D0;
}
.ninki .item a.product .productName{
  padding: 0;
  font-weight:normal;
  font-size:10px;
}
.topiab{
	position: absolute;
    top: 195px;
	left: 0;
}
.topic{
	background-color: #ffc0d1;
	display: block;
	height: 459px;
}
.column{
	float: left;
	margin-right: 20px;
	width: 160px;
}
.column img{
	width: 160px;
	height: 160px;	
}
.topic a.more{
	background-color:#c93464;
	width: 160px;
	height: 160px;	
	float: left;
	color:#fff;
	text-align: center;
	padding: 67px 0;
	
}
.tokushu{
	background-color:#f4f4f4;
	padding: 60px 0;
}
.staffreview {
	padding: 40px 0 60px;
	background-color: #F9F4EF;
}
.staffreview .item a{
	    //display: block;
	padding: 10px;
	  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
}

.staffreview .item a:hover{
 	background: #ECE2D0;
}

.ranking .slick-dots{
	bottom: 20px;
}
.ranking .staffreview {
	background-color: #fff;	
	padding-bottom: 0;
}
.ranking .staffreview .item{
	height: auto;
	border-right:none; 
}
.staffreview .review{
	width:480px;
	background-color: #f1e8d6;
}
.staffreview h3{
	float:left;
}
.staffreview .revtit{
	background-color:#a49475;
	color:#fff;
	padding:10px 20px;
}
.staffreview .revtit2{
	padding-bottom: 10px;
	border-bottom: solid 1px #a49475;
	margin-bottom: 20px;
}
.revcom img{
	width:35%;
	border-radius: 50%;
}
/* ブランド名 */
.product .brandName{
  display: block;
  color: #333;
  font-size: 10px;
  line-height: 1.6em;
}
.product a.brandName:hover{
  color: #fff;
  background: #333;
}

/* 商品名 */
.product .productName{
  display: block;
  margin:0 0 8px 0;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3em;
}
.product a.productName:hover{
  color:#CE2C61;
  text-decoration: underline;
}

/* 商品画像 */
.product .productImg{
  position: relative;
  display: block;
  margin:0 0 8px 0;
}
.ranking .product .productImg img{
	opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.ranking .product .productImg img:hover{
	opacity: 0.6;
}
/* 商品リード */
.product .productTxt{
  display: block;
  margin:0 0 8px 0;
  font-size: 11px;
  line-height: 1.4em;
}

/* -------------- 新着コスメ   -------------- */

.newItem{
  margin:0 0 20px 0;
}
.newItem .mainTtl h2{
  padding-top: 2px;
  font-size: 18px;
  font-weight: bold;
}
#slideContainer{
  position:relative;
  width:750px;
  height: 288px;
  overflow: hidden;
}
#slideItem{
  position: absolute;
  z-index: 5;
}
#slideItem .item{
  float: left;
  padding:0 3px;
  width: 138px;
  height: 288px;
}

#slideItem .item a.product{
  display: block;
  padding: 9px;
  padding-bottom: 0;
  width: 140px;
  height: 285px;
  text-align: center;
  border: 1px dotted #D7D7D7;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
#slideItem .item a.product:hover{
  background: #ECE2D0;
}
#slideItem .item a.product .productName{
  padding: 0;
  font-weight:normal;
  font-size:10px;
}
#overlayL{
  position: absolute;
  top:0;
  left:0;
  width:66px;
  height: 288px;
  z-index: 9;
}
#overlayR{
  position: absolute;
  top:0;
  right:0;
  width:66px;
  height: 288px;
  z-index: 9;
}
#slidePrev{
  position: absolute;
  top:50%;
  left:0;
  margin-top:-30px;
  width: 24px;
  z-index: 10;
}
#slideNext{
  position: absolute;
  top:50%;
  right:0;
  margin-top:-30px;
  width: 24px;
  z-index: 10;
}


.h1box{
	background-color:#f1e8d6;
	display: block;
}
#top_head{
	margin: auto;
	padding: auto;
}
#footer{
	background-color:#b19a82;
	display: block;
	padding: 30px 0;
	color:#fff;
	margin-top: 40px;
}
#footer a{
	color:#fff;
}
#footer a.ftbtn{
	text-decoration: none;
}
.bdt{
    border-top: 1px solid #E2E2E2;
}
.ftbtn{
	padding:10px;
	text-align: center;
	display: block;
	color:#fff;
	border:solid 1px #fff;
	font-size: 12px;
	position: relative;
	line-height: 1.8;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.ftbtn:hover{
	background-color:#fff;
	color:#b19a82!important;
}

.ftbtn i{
	position: absolute;
	top:15px;
	right:15px;
}
h1{
width: 1000px;
font-size: 10px;
  margin: auto;
  padding: auto;
font-weight: normal;
}

.searchTxt{
	margin-top: 5px;
    position: relative;
    background-color: #fff;
    border: 2px solid #7b7052;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 20px;
}
.search{
	position:relative;
}
.search button{
    background: none;
    border: none;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 11px;
    color: #7b7052;
    cursor: pointer;
}
#txtSearch{
border: none;
    width: 265px;
    height: 30px;	
}
.logbtn{
    background-color: #c93464;
    color: #fff;
    padding: 2px 16px;
    border-radius: 20px;
    font-size: 14px;
    width: 90px;
    text-align: center;
    display: block;
    margin-top: 4px;
}
.crown1{
    background-image: url(/sp/image/common/rank1.png);
    background-position: center 5px;
    padding: 23px 30px 33px 30px;
    background-repeat: no-repeat;
    float: left;
    color: #fff;
    margin-left: 26px;
    margin-right: 80px;
}
.wrapper{
	margin: auto;
    width: 1000px!important;
}
ul.menu1 li{
    float: left;
    list-style: none;
    margin-top: 20px;
    font-size: 13px;
	font-weight: bold;
    margin-left: 15px;
	position: relative;
}
ul.menu1 li .nmbr {
    position: absolute;
    background-color: #c83564;
    color: #fff;
    border-radius: 50%;
    right: 0;
    top: 0;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 2;
    text-align: center;
}
ul.menu1 li .mymenu{
display: none;
    position: absolute;
    top: 55px;
    padding:10px;
    background-color: #f1e8d6;
    z-index: 10;
    width: 346px;
}
ul.menu1 li .mymenu ul li{
	float:none;
	margin: 0;
	border-bottom: solid 1px #fff;	
}
ul.menu1 li .mymenu ul li:last-child{
	border-bottom:none;	
}
ul.menu1 li .mymenu ul li a{
	display: block;
	padding: 10px;
	color:#7b7052;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	text-align: left;
}
ul.menu1 li .mymenu ul li a .nmbr{
    top: 11px;
    font-size: 14px;
    width: 20px;
    height: 20px;
}

ul.menu1 li .mymenu ul li a:hover{
	background-color:#7b7052;
	color:#fff;
}

ul.menu1 li .mymenu:before{
    content: "";
    position: absolute;
    top: -15px;
    left: 12%;
    width: 0px;
    margin-left: -15px;
    border: 6px solid transparent;
    border-bottom: 15px solid #f1e8d6;
}
ul.menu1 li a{
	color:#ad9c7b;
	display: block;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
}
ul.menu1 li a:hover{
	color:#c83564;
}

ul.menu1 li i{
	font-size: 30px;
}

#top_menu{
	border-top:solid 4px #f1e8d6;
	border-bottom:solid 2px #d3d2d2;
    margin-top: 10px;
	position: relative;
}
/**ヘッダーメニュー**/
.menu2 li .menu .bcol1.right{
	    border-left: none;
}
.menu2 li .menu .right{
	    border-left: solid 1px #f1e8d6;
	
}
.menu2 li .menu .right a{
	    display: block;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;		
}
.menu2 li .menu .right a:hover{
	background: #7b7052;
	color: #fff;
}
.skincare_kiso {
    position: absolute;
    top: 60px;
    width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color: #fffdf8;
    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;
}
.bodycare {
    position: absolute;
    top: 60px;
	width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color: #fffdf8;
    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;	
}
.haircare {
    position: absolute;
    top: 60px;
	width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color:#fffdf8;
    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;	
}
.sonota {
    position: absolute;
    top: 60px;
	width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color: #fffdf8;
	
    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;		
}
.sale {
    position: absolute;
    top: 60px;
	width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color: #fffdf8;

    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;	
}
.brandlist {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100vw;
    z-index: 10;
    background-color: #fff;
	border: solid 1px #f1e8d6;
	background-color: #fffdf8;
    padding: 20px;
	font-size: 14px;
	display: none;
}
.brandlist .wrapper2 {
    width: 800px;
    margin: auto;
}
.makeup {
    position: absolute;
    top: 60px;
	width: 100vw;
    z-index: 10;
    background-color: #fff;
	border-top: solid 1px #f1e8d6;
    border-bottom: solid 1px #f1e8d6;
	background-color: #fffdf8;

    padding: 20px;
	font-size: 14px;
	display: none;
	left: 0;	
}
.sectionTtl{
    border-bottom: solid 1px #78705B;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.salebox{
    float: left;
    width: 50%;
    /* margin-right: 1%; */
    /* margin-bottom: 10px; */
    text-align: left;
}
.salebox a{
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
    display: block;
    padding: 10px;
    height: 117px;
}
 .salebox a:hover{
	background-color:#78705B; 
	color:#fff;
}
.salebox img{
	float: left;
	width:20%;	
}
.salebox p{
	float: right;
	width:78%;	
}
.salebox:nth-child(2n){
	margin-right: 0;
}
.binitial li a{
	display: block;
	background-color:#f1e8d6; 
	text-align: center!important;
-webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
}
.binitial li{
	margin-top: 10px;
}
.binitial li:first-child{
	margin-top: 0px;	
}
.binitial li a:hover{
	background-color:#78705B; 
	color:#fff;
}
.bcol1{
	height: 300px;
    width: 320px;
    overflow-y: scroll;
    white-space: nowrap;
}
.menu h2{
	font-size:16px;
	margin-bottom: 10px;
}
.menu h3{
	font-size:13px;
	margin-bottom: 10px;	
}
.menu ul a,.menu ul ul a{
	display: block;
-webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
	font-size: 13px;
}
.menu ul a:hover,.menu ul ul a:hover{
	background-color:#7b7052;
	color:#fff;
}
.menu ul ul {
	padding-top:10px; 
}
.menu ul ul:first-child {
	padding-top:0px; 
}
.menu ul ul ul{
	padding-left:10px; 
	padding-top:0px; 
}
.menu li {
    list-style: none;
    text-align: left;
    font-weight: normal;
    line-height: 1.8;
}
.menu h2,.menu h3{
    text-align: left;
    line-height: 1.8;
}
ul.menu2 {
	margin: auto;
    width: 1000px;
}

ul.menu2 > li{
    float: left;
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    text-align: center;
    line-height: 1.3;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
    width: 83px;
}
ul.menu2 > li:nth-child(-n + 7),ul.menu2 > li > a:nth-child(-n + 7) {
	    width: 92px;
	font-size: 12px;
}
ul.menu2 > li.wp50,ul.menu2 > li.wp50 > a{
	width: 50px!important;
	font-size: 11px;
}
ul.menu2 > li.wp60,ul.menu2 > li.wp60 > a{
	width: 60px!important;
	font-size: 11px;
}
ul.menu2 > li.wp70,ul.menu2 > li.wp70 > a{
	width: 70px!important;
	font-size: 11px;
}
ul.menu2 > li.wp80,ul.menu2 > li.wp80 > a{
	width: 80px!important;
	font-size: 11px;
}

ul.menu2 > li > a:hover{
	background-color: #7b7052;
	color:#fff;
}
ul.menu2 > li:first-child{
    margin-left: 0;	
}
ul.menu2 > li > a {
    padding: 10px 8px;
    display: table-cell;
    vertical-align: middle;
	height: 60px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
	width: 83px;
}
ul.menu2 > li.last {
	width: 87px;
}
ul.menu2 > li.last > a {
	width: 87px;
	border-left:solid 2px #f1e8d6; 
}

ul.menu2 > li i{
	font-size: 20px;
	color:#c93464;
}

.crown2{
    background-image: url(/sp/image/common/rank2.png);
    background-position: center 5px;
    padding: 23px 30px 33px 30px;
    background-repeat: no-repeat;
    float: left;
    color: #fff;
    margin-left: 26px;
    margin-right: 80px;
}
.crown3{
    background-image: url(/sp/image/common/rank3.png);
    background-position: center 5px;
    padding: 23px 30px 33px 30px;
    background-repeat: no-repeat;
    float: left;
    color: #fff;
    margin-left: 26px;
    margin-right: 80px;
}
a .pgrink{
	border-top:solid 2px #b4ab91;
	border-bottom:solid 2px #b4ab91;
	color:#b4ab91;
	padding: 20px;
	width:50%;
	float: left;
	position: relative;
}
a .pgrink:last-child{
	border-left:solid 2px #b4ab91;
	border-right:solid 2px #b4ab91;
}
.pgab{    position: absolute;
    top: 21px;
    right: 20px;}
.crown{
    padding: 8px 0px 0px 0px;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border-radius: 50%;
    text-align: center;
    /* line-height: 2; */
    width: 65px;
    height: 65px;
    font-size: 30px;
    float: left;
    color: #fff;
    margin-left: 26px;
    margin-right: 89px;
    margin-top: 4px;
	
}
.nokori{
	font-size: 10px;
    color: #730303;
    background-color: #ffdada;
    padding: 3px;
    margin-left: 5px;
}
.rank_icon{
	position: absolute;
    top: 20px;
    right: 5%;
}
.rank_ab{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}
.rank_back{
    background-image: url(/sp/image/ranking/rank_back.jpg);
    background-size: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 23px 0 17px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
}
.select_rank{
	width: 100%;
    padding: 20px;
    margin: 5% 0 0;
    font-size: 24px;
    border-radius: 10px;
	background-color:#fff; 
}
.ab_rank{
position: absolute;
    top: 43px;
    right: 20px;	
}

.fa {
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.dotted{
	    border-bottom: dotted 1px #b9b9b9;
}
.icon_bg {
    background-color: #ce4871;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    float: left;
    text-align: center;
    padding: 12px 0;
	margin-right: 10px;
}
.normal_hannari{
  font-family: "Hannari";
}
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

h3.form {
  background-color: #f1f0f0;
  padding: 5px 5% 5px 5%;
}

.guide_ul {}

.guide_ul li {
  position: relative;
}

.guide_ul i {
  position: absolute;
  top: 30px;
  right: 20px;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
}

.guide_li.act i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.qa_tit {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: solid 2px #635d4d;
}

.qa_point {
  line-height: 1.5;
  padding: 20px;
  background-color: #fff6e4;
  border: solid 2px #c83564;
  border-radius: 10px;
  margin-bottom: 20px;
}

a.kakunin {
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #c83564;
  color: #fff;
  display: block;
  margin: 20px 5%;
  position: relative;
}

a.kakunin i {
  position: absolute;
  right: 20px;
  top: 28px;
}

a.back {
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #979797;
  color: #fff;
  display: block;
  margin: 20px 5%;
  position: relative;
}

.pld {
  position: absolute;
  top: 15px;
  right: 20px;
}

input[type="radio"] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 12px;
  vertical-align: middle;
  border: solid 2px #ccc;
  padding: 5px;
  color: #ccc;
}

a.back i {
  position: absolute;
  right: 20px;
  top: 28px;
}

.guide_li {
  border-top: solid 2px #cacaca;
  padding: 20px;
  font-size: 28px;
}

.guide_li.act {
  border-top: solid 2px #c83564;
  background-color: #fff0f5;
  color: #c83564;
}

.guide_li:last-child {
  border-bottom: solid 2px #cacaca;
}

.guide_ul ul {
  display: none;
}

.guide_ul ul li {
  margin-left: 20px;
  border-top: dotted 2px #ccc;
  padding: 20px 30px 20px 20px;
  list-style: none;
  line-height: 1.5;
}

.heart {
  width: 120px;
  height: 120px;
  background-image: url('/sp/image/common/heart.png');
  background-repeat: no-repeat;
  background-size: 2900%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.rela .heart {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 9;
}

.recorela .heart {
  position: absolute;
  top: -10px;
  left: 130px;
  z-index: 2;
}

.on {
  background-position: right;
}

.va {
  vertical-align: bottom;
}

.flip {
  animation: flip 1000ms steps(28);
  -webkit-animation: flip 1000ms steps(28);
  -moz-animation: flip 1000ms steps(28);
}

@keyframes flip {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}

@-webkit-keyframes flip {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}

@-moz-keyframes flip {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}


main {
  margin: 0 auto;
}

.panel-radios {
  display: none;
}

main p {
  line-height: 1.8;
}

a .bb {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: solid 2px #c5bfb0;
}

.bb {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: solid 2px #c5bfb0;
  color: #000;
  display: block;
  height: 100%;
}

.bb:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.icobutton {
    font-size: 3.7em;
    position: relative;
    margin: 0;
    padding: 0;
    color: #c0c1c3;
    border: 0;
    background: none;
    overflow: visible;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
}
*:focus {
  outline: none;
}
.up_day {
  text-align: center;
  color: #c83564;
  border: solid 3px #c83564;
  border-radius: 50%;
  padding-top: 15px;
  width: 80px;
  height: 80px;
  line-height: 1.2;
  margin-right: 20px;
  position: absolute;
  font-size: 20px;
  top: 15px;
  right: 0px;
}

.rela {
  position: relative;
}


/* ???????????? ?|?b?v?A?b?v???????????? */

.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w18 {
  width: 18%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}
.w48 {
  width: 48%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w58 {
  width: 58%;
}
.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}
.w68 {
  width: 68%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w78 {
  width: 78%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}

.w100 {
  width: 100%!important;
}

.bdb {
  border-bottom: solid 2px #c5bfb0;
}


/* ???????????? ???? ???????????? */

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

div, form, input, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, hr {
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
  color: #7b7052;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
}
a:hover {
  color: #ccc8be;
}
 .item .product .productImg img{
  width:100%;
  height: auto;
 
}
.productImg img{

  opacity: 1;
-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;	 
}
.productImg img:hover{
  opacity: 0.6;
}
img {
  vertical-align: top;
  border: none;
}

body {
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 1.8;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background: #fff;
  position: relative;
  word-wrap: break-word;
  white-space: normal;
}
select {
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;		/* 標準のスタイルを無効にする */ 
    border: solid 1px #ccc;
}
::-ms-expand {		/* select要素のデザインを無効にする（IE用） */
	display: none;
}
.btn {
  background-color: #f7f2e6;
  color: #8b8471;
  border: solid 3px #8b8471;
  border-radius: 10px;
  padding: 27px 20px;
  text-decoration: none;
  margin: 0 5% 30px;
  width: 90%;
  display: block;
  line-height: 1;
  font-weight: bold;
}
.sakujoBtn {
    /* padding: 10px; */
    /* background-color: #7A7A7A; */
    /* color: #fff; */
    display: block;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    text-decoration: underline;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
    /* border: solid 1px #7A7A7A; */
	cursor: pointer;
}
.sakujoBtn2 {
    padding: 10px;
    background-color: #7A7A7A;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    /* text-decoration: underline; */
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    transition: background-color .2s;
    border: solid 1px #7A7A7A;
}
.sakujoallBtn{
    padding: 5px;
    background-color: #fff;
    color: #7A7A7A;
	display: block;
    text-align: center;
	font-size: 12px;
    border-radius: 5px;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
	border:solid 2px #7A7A7A;
}
.sakujoBtn:hover{
	opacity: 0.6;
}
.sakujoBtn2:hover{
	color: #fff;
}
.btn_mini{
	background-color: #f7f2e6;
    color: #8b8471;
    border: solid 3px #8b8471;
    border-radius: 10px;
    padding: 10px 20px;
    text-decoration: none;
    /* margin: 0 5% 30px; */
    /* width: 90%; */
    display: block;
    line-height: 1;
    font-weight: bold;
	text-align: center;
	font-size: 19px;
}
.bbtn {
color: #857c5a;
    /* border: solid 3px #857c5a; */
    /* border-radius: 50%; */
    text-decoration: none;
    margin: auto;
    /* width: 70px; */
    /* display: block; */
    line-height: 1;
    /* font-weight: bold; */
    /* text-align: center; */
    /* padding: 10px 0px 0px 0px; */
    /* position: relative; */
    /* height: 70px; */
    font-size: 25px;
}
.bbtn.ab{
	position:absolute;
	top:-50px;
	right:0;
}
.brand_listname{
	width: 70%;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 1;
}
.bbtn.pred {

}

.bbtn i {}

table.jun {
  width: 100%;
  border-collapse: collapse;
}

table.jun tr {
  border-top: solid 2px #b4ab91;
  border-bottom: solid 2px #b4ab91;
}

table.jun td {
  padding: 20px;
  width: 33%;
  text-align: center;
  border-right: solid 2px #b4ab91;
  color: #b4ab91;
  font-weight: bold;
  font-size: 30px;
}

table.jun td:last-child {
  border-right: none;
}

#about_brand {
  border-bottom: solid 2px #8b8471;
}

.more_btn {
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-color: #c83564;
  width: 100%;
  height: 238px;
  display: block;
  padding-top: 100px;
  font-weight: bold;
}

.yel {
  color: #ffe957;
}
.yel2 {
  color: #fdfb74;
}
.black {
  color: #000000;
}

.pred {
  color: #c83564;
}
.pred2{
	color:#ff86ae;
}
.pred3{
	color:#DE8199;
}
.gray{
	color:#747474;
}
.red {
  color: #D30D11;
}
.red2 {
  color: #e65255;
}
.red1 {
  color: #e8888a;
}
.brown {
  color: #796f47;
}

.white {
  color: #fff;
}
.retspe3{letter-spacing: 3px;}
.under {
  text-decoration: underline;
}
.m0 {
  margin: 0px!important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}
.ml80{
  margin-left: 80px;	
}
.ml110{
  margin-left: 110px;	
}
.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.mr90{
  margin-right: 90px;	
}
.mr110{
  margin-right: 110px;	
}
.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mauto {
  margin-left: auto;
  margin-right: auto;
}

.jsy {
  text-align: justify;
}
.jsy2 {
  text-align: justify;
}
.ps5 {
  padding-left: 5%;
  padding-right: 5%;
}
.ms5 {
  margin-left: 5%;
  margin-right: 5%;
}

.mls5 {
  margin-left: 5%;
}

.mrs5 {
  margin-right: 5%;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}


/* ??2015/04/01 ?C?????X?g ??12 ??? START?? */

.mb45 {
  margin-bottom: 45px;
}


/* ??2015/04/04 START?? */

.mb55 {
  margin-bottom: 55px;
}


/* ??2015/04/04 END?? */

.mb70 {
  margin-bottom: 70px;
}

.mb120 {
  margin-bottom: 120px;
}


/* ??2015/04/01 ?C?????X?g ??12 ??? END?? */

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml45 {
  margin-left: 45px;
}

.w190 {
  width: 190px;
  text-align: center;
}


/* ??2015/04/04 END?? */

.w320 {
  width: 320px;
  text-align: center;
}

.wp50 {
  width: 50%;
}

.wp80 {
  width: 80%;
}

.wp95 {
  width: 95%;
}

.wp100 {
  width: 100%;
}

.center {
  text-align: center;
}

.alignLeft {
  text-align: left !important;
}

.alignRight {
  text-align: right;
}

.left {
  float: left!important;
}

.right {
  float: right!important;
}
.fs10 {
  font-size: 10px;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}


/* ??2015/04/07 START?? */

.fs16 {
  font-size: 16px;
}


/* ??2015/04/07 END?? */

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs34 {
  font-size: 34px;
}

.fs37 {
  font-size: 37px;
}

.fs40 {
  font-size: 40px!important;
}

.fs60 {
  font-size: 60px!important;
}

.fs72 {
  font-size: 72px!important;
}

.bold {
  font-weight: bold;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.lh05 {
  line-height: 0.5;
}
.lh1 {
  line-height: 1;
}

.lh13 {
  line-height: 1.3;	
}
.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh18 {
  line-height: 1.8;
}

.lh2 {
  line-height: 2;
}
.lh25 {
  line-height: 2.5;
}
.wf-hannari {
  font-family: "Hannari";
  margin-top: 60px;
}

.wf-hannari.off {
  margin-top: 0px;
}

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


.accordionArea dl dd {
  padding: 20px;
  display: none;
}

div.brandInitialList {
  height: 82px;
  background: #FFFFFF;
  text-align: center;
}

.ttl05 {
  font-weight: bold;
  color: #fff;
  background: #78705C;
  font-size: 26px;
  line-height: 50px;
  padding-left: 20px;
}

.sub-menu .accordionArea dl dd ul li {
  display: table;
  font-size: 22px;
  width: 100%;
  border-bottom: dotted 2px #b1ad9f;
}

.sub-menu .accordionArea dl dd ul li dd li {
  border-top: dotted 2px #b1ad9f;
  border-bottom: none;
}

.sub-menu .accordionArea dl dd ul li dd li:last-child {
  border-bottom: none;
}

.sub-menu .accordionArea dl dd ul li a {
  display: block;
  padding-top: 20px;
  height: 74px;
  width: 100%;
  vertical-align: middle;
  line-height: 1.2;
}

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

.no_pro {
  background-color: #e2ded0;
}

.sub-menu .accordionArea dl dd ul li span {
  font-size: 16px;
}

.sub-menu .accordionArea dl dd ul li span.right {
  font-size: 30px;
}

div.brandInitialList a {
  display: inline-block;
  margin: 15px 0;
  padding: 10px 40px;
  line-height: 1.3em;
  border-right: 2px solid gray;
  color: #7c7153;
}

div.brandInitialList a:last-child {
  border-right: none;
}

div.brandInitialList {
  height: 82px;
  background: #FFFFFF;
  text-align: center;
  margin: 15px 0px;
}

.accordionArea dt>span {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
  vertical-align: middle;
  position: absolute;
  top: 30px;
  right: 5px;
}

.accordionArea dt.active>span {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  vertical-align: middle;
  position: absolute;
  top: 30px;
  right: 5px;
}

.accordionArea dt.active>span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#new_header .accordionArea p {
  font-size: 24px;
  text-align: left;
}

.bra_up {
  color: #c83564;
}

.item_icon {
  line-height: 1.8;
  font-size: 17px;
}

span.new {
  background-color: #c83564;
  color: #fff;
  padding: 4px 5px;
  margin-right: 3px;
}

span.new2 {
  background-color: #c83564;
  color: #fff;
  padding: 2px 8px;
  margin-right: 3px;
  border-radius: 15px;
}

span.sale {
  background-color: #c83564;
  color: #fff;
  padding: 4px 5px;
  margin-right: 3px;
}

span.ec {
  background-color: #297fd9;
  color: #fff;
  padding: 4px 5px;
  margin-right: 3px;
}

span.nyuka {
  background-color: #5f4ccd;
  color: #fff;
  padding: 4px 5px;
  margin-right: 3px;
}

span.ninki {
  background-color: #ff9c00;
  color: #fff;
  padding: 4px 5px;
  margin-right: 3px;
}

#acMenu dt {
  font-size: 26px;
  font-weight: bold;
  color: #7b7052;
  display: block;
  width: 100%;
  border-top: #c5bfb0 1px solid;
  cursor: pointer;
  padding: 20px 8% 20px 5%;
  position: relative;
}

#acMenu dt span {
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
}

.dropdown_toggle span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#acMenu.last {
  border-bottom: #c5bfb0 1px solid;
}

#acMenu dd {
  padding: 0px 20px 20px 40px;
  width: 100%;
  display: none;
}

#acMenu dd .f2 {
  display: none;
}

.pro_name {
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
.pro_category{
 color:#555555;
 font-size: 16px;
}

/* Slider */
.thumb  .slick-current{
    border: solid 1px #ccc;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {

}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}



/* Slider */

.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}


/* Icons */

@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}


/* Arrows */

.slick-arrow, .slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 5;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 60px;
    line-height: 1;
    opacity: .75;
    font-weight: 600;
    color: #b5b5b5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.itemsli{
    margin-bottom: 30px;
    border-bottom: solid 1px #ccc;
	height: 480px;	
}
.itemsli4 .prev-arrow,.slick-prev {
  left: -50px;
}
.prev-arrow,.slick-prev {
  left: 30px;
}
[dir='rtl'] .slick-prev {
  right: 30px;
  left: auto;
}

.slick-prev:before {
  content: '<';
}

[dir='rtl'] .slick-prev:before {
  content: '>';
}

.next-arrow,.slick-next {
  right: 30px;
}
.itemsli4 .next-arrow,.slick-next {
  right: -50px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 30px;
}

.slick-next:before {
  content: '>';
}

[dir='rtl'] .slick-next:before {
  content: '<';
}


/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '.';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* loading */

span.loading, span.loading:before, span.loading:after {
  display: inline-block;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(radial, 4 center, 0, 4 center, 4, from(#fb878e), color-stop(0.5, #fb878e), color-stop(0.9, transparent), to(transparent)), -webkit-gradient(radial, center 4, 0, center 4, 4, from(#fb878e), color-stop(0.5, #fb878e), color-stop(0.9, transparent), to(transparent)), -webkit-gradient(radial, 47 center, 0, 47 center, 4, from(#fb878e), color-stop(0.5, #fb878e), color-stop(0.9, transparent), to(transparent)), -webkit-gradient(radial, center 47, 0, center 47, 4, from(#fb878e), color-stop(0.5, #fb878e), color-stop(0.9, transparent), to(transparent));
  background-image: -webkit-radial-gradient(10% 50%, 10px 10px, #fb878e, #fb878e 95%, #fb878e 95%, transparent), -webkit-radial-gradient(50% 10%, 10px 10px, #fb878e, #fb878e 95%, #fb878e 95%, transparent), -webkit-radial-gradient(90% 50%, 10px 10px, #fb878e, #fb878e 95%, #fb878e 95%, transparent), -webkit-radial-gradient(50% 90%, 10px 10px, #fb878e, #fb878e 95%, #fb878e 95%, transparent);
  background-image: radial-gradient(10px 10px at 10% 50%, #fb878e, #fb878e 95%, transparent), radial-gradient(10px 10px at 50% 10%, #fb878e, #fb878e 95%, transparent), radial-gradient(10px 10px at 90% 50%, #fb878e, #fb878e 95%, transparent), radial-gradient(10px 10px at 50% 90%, #fb878e, #fb878e 95%, transparent);
}

#loadingAnim {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

span.loading {
  position: absolute;
  top: 40%;
  right: 35%;
  margin: 0 10px;
  -webkit-animation: loading_animation 4.1s linear infinite;
  animation: loading_animation 4.1s linear infinite;
}

span.loading:before, span.loading:after {
  position: absolute;
  content: " ";
  z-index: -1;
  left: 0;
  top: 0;
  margin: 0;
}

span.loading:before {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

span.loading:after {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

@-webkit-keyframes loading_animation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loading_animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.rireki{
	display: none;
	position: relative;
	z-index: 10000;
}
.rireki ul{
    position: absolute;
    width: 700px;
    z-index: 10000;
    top: 80px;
    left: 300px;
	border:solid 1px #f1e8d6;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
}
.rireki ul li{
	background: #fff!important;	
    width: 100%;
	padding: 0!important;
	list-style: none;
}
.rireki ul li a{
    width: 100%;
    padding: 5px 10px!important;   
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
}
.rireki ul li a:hover,.keyword ul li a:hover,.sakidashi ul li a:hover{
	background-color:#f1e8d6; 
}
.keyword{
	display: none;
	position: relative;
	z-index: 10000;
}
.keyword ul {
    position: absolute;
    width: 700px;
    z-index: 10000;
    top: 80px;
    left: 300px;
	border:solid 1px #f1e8d6;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);	
}

.keyword ul li{
	background: #fff!important;
	width: 100%;
	padding: 0!important;
    list-style: none;
}

.keyword ul li a{
    width: 100%;
    padding: 5px 10px!important;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}



.sakidashi{
	position: relative;
    z-index: 10000;
}
.sakidashi ul {
    display: none;
    position: absolute;
    top: 80px;
    z-index: 3330000;
    background-color: #fff;
    width: 301px;
    border: solid 1px #f1e8d6;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
}
.sakidashi ul li{
	background: #fff!important;
    width: 100%;
}
.sakidashi ul li:last-child,.sakidashi ul li:first-child{
margin-bottom: 0px;
}
.sakidashi ul li a{
    width: 100%;
    padding:10px!important;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;	
}

.popbrandbox a img{
  border: solid 1px #ccc;
}
.mainImgArea{
  margin-bottom:40px;
  width: 710px;
  text-align: center;
  margin: auto;
}
.mainImgArea table {
    margin: auto;
}
#pagetop{
  display: none;
  position: fixed;
  bottom:10px;
  right:30px;
  z-index: 999;
  opacity: 0;
}

/*入力エラー用*/
input.inputError:focus{
  background:#F4EFE4;
}
input.inputError{
  background:#F7E5EA;
}
textarea.inputError:focus{
  background:#F4EFE4;
}
textarea.inputError{
  background:#F7E5EA;
}

.positionCenter{
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}

.loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.saleicon{
  background-color: #c93464;
  color: #fff;
  font-size: 10px;
  padding: 1px 4px;
  margin-right: 5px;
}

.couponbtn{
    padding: 5px;
    background-color: #fff;
    color: #c83564;
    text-align: center;
    float: left;
    width: 65%;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
	border:solid 1px #c83564;
	margin: 7px 70px 0px 0px;
	line-height: 20px;
}
.couponbtn:hover{
	background-color:#c83564; 
	border:solid 1px #c83564;
	color:#fff;	
}