@charset "UTF-8";
a{
  opacity: 10;
   }
a {
  -webkit-tap-highlight-color: rgba(86,86,86,0.5);
}
.purge-body{
	background:url(https://lenoble.itembox.design/item/images/category/emma/images/emma_bk.webp);
	background-size: contain;
	}
.purge-color{
	margin: 0 10%;
	padding: 5% 0;
	background-color: rgba(255, 255, 255, .9);
	text-align: center;
}

  /* base
  ------------------------------ */
.pageBody{
width:100% ;
min-height: 100vh;
margin: auto;
text-align: center;
align-content: center;
position: relative;
}
* {box-sizing: border-box;}
.topic-main-eventhead-inner{
	display: block;
	width: 100%;
}
.contents_header{
	margin: 0;
	width: 100%;
	/*background-color: rgba(237, 233, 221, .5);*/
	padding: 0;
}
.block_parts01{
	width: 90%;
	margin: 5% auto;
	text-align: center;
	padding: 5%;
	/*border: solid 7px #f26c52;*/
	border: solid 7px #c13f3e;
	background-color: rgba(255, 248, 208, .5);
}
.block_text{
	width: 98%;
	margin: 5% 1%;
}
.mug_image{
	width: 30%;
	text-align: center;
	margin: 0 auto;
}
.block_parts02{
	width: 100%;
	margin:5% 0;
}
.content_button{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.content_outlink{
	width: 100%;
	margin: 5% 0 0;
	padding: 0;
	text-align: center;
}
.contents_header img{
	width: 100%;
	text-align: center;
	margin: auto;
}
.pickBrnd{
	width: 1200px;
	text-align: center;
	margin: auto;
}
.pickUp_Item img{
	width: 100%;
	margin: inherit;
}
.blueBk{
	background-color: #0e104e;
}
.blugreBk{
	background: #0d7180;
}
.greenBk{
	background-color: #67681c;
}
.redBk{
	background-color: #0e104e;
}
.red2Bk{
	background-color: #81262b;
}
.orangBk{
	background-color: #b14425;
}
.beigeBk{
	background: #fffcf1;
	width: 100%;
}
.contents_wrap{
	background: url() repeat;
}
.contents_wrap p {
	line-height: 2.0;
	letter-spacing: 0.1rem;
	font-size: 1.1rem;
	margin-top: 1rem;
}
.content_items{
	margin-top: 5rem;
}
.mb_2{margin-bottom:2rem;}
.about_img{
	width: 70%;
	margin: 0 auto;
}
/* font
------------------------------ */
@font-face {
font-family: "irohakakuC-Regular";
src: url("https://lenoble.itembox.design/item/images/font/irohakakuC-Regular.eot?") format('eot'),
url("https://lenoble.itembox.design/item/images/font/irohakakuC-Regular.woff") format('woff'),
url("https://lenoble.itembox.design/item/images/font/irohakakuC-Regular.otf") format('opentype');
}
.contents_wrap{font-family: 'Noto Sans JP', sans-serif;}
/* contents_layout
------------------------------ */
.flexbox{
    margin: 0;
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    justify-content: flex-start;
    flex-direction: row;
}
.flexBlock_01 {
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    justify-content: flex-start;
    flex-direction: column;
}
.contents{padding: 4rem 0 6rem;}
.contents_about {
  width: 100%;
  margin: 0 auto;
  padding: 5% 22% 0;
}
.flexbox{
	display: flex;
    margin: 0 auto;
	text-align: left;
}
.image01 {
    margin: 0 auto;
    width: 100%;
}
.item_image{
	width:50%;
    margin: 0 auto 5%;
	background:transparent;
	padding: 0    ;
}
.item_image__02{
	width:49.75%;
    margin: 0 auto 5%;
	background:transparent;
	padding: 0    ;
}
.image03{
	width:70%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.image01 img{
	width:100%;
}
.image02{
	width:100%;
}
.image02 img{
	width:100%;
}
.image03 img{
	width:100%;
}
.text01{
	width: 80%;
    margin: 0 auto;
}
.flexbox02{
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    justify-content: space-between;
    flex-direction: row;
}
.text02{
	width: 40%;
	margin-right: 5%;
}
.flexbox_btn{
	display: flex;
	width: 80%;
	margin: 0 auto;
}
.btn_box{
	width: 48%;
	margin: 0 1% 2%;
}
.multi_box{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	width: 1200px;
	margin: auto;
}
.multi_col{
	width: 27%;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	margin: 0 3% 8%;
	background: #fff;
	padding: 2% 1% 1%;
}
.multi_col img{
	width: 95%;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	margin: 0 3% 8%;
}

.multi_col_02{
	width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 3% 7%;
}
.multi_col_04{
	width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 2% 4%;
}
.popular_paratiis{
	width: 1200px;
	text-align: center;
	margin: auto;
}
.pc_img{display: block ;}
.sp_img{display: none ;}

/* contents_item
------------------------------ */
.contents_about2 p{
	font-family: "irohakakuC-Regular";
	text-align: center ;
	font-size: 3rem;
	color: #333;
	font-weight: bold;
	margin-top: 5%;
	letter-spacing: 1rem;
}
.delimiter{
	width: 1200px;
	text-align: center;
	margin: auto;
}

.green{
	color: #67681c;
}
.green:before{
	background: #67681c;
}
.green:after{
	background: #67681c;
}
.blugre{
	color: #0d7180;
}
.blugre:before{
	background: #0d7180;
}
.blugre:after{
	background: #0d7180;
}
.blue{
	color: #0e104e;
}
.blue:before{
	background: #0e104e;
}
.blue:after{
	background: #0e104e;
}
.red{
	color: #81262b;
}
.red:before{
	background: #81262b;
}
.red:after{
	background: #81262b;
}
.orange{
	color: #b14425;
}
.orange:before{
	background: #b14425;
}
.orange:after{
	background: #b14425;
}
h3.ttl {
    font-family: "irohakakuC-Regular";
    font-size: 4.5rem;
    text-align: center;
    color: #c13f3e;
    margin: 2% 0 4%;
    letter-spacing: 1rem;
    line-height: 7rem ;
    font-weight: bold;
}
.contents_about p.text_01 {
    font-family: "irohakakuC-Regular";
    margin: 0;
    font-size: 2.4rem;
    text-align: left;
    line-height: 3.7rem;
    color: #333;
    padding: 0 0 3%;
    letter-spacing: .2rem;
    font-weight: bold;
}
.text01 p.text_02 {
    font-family: "irohakakuC-Regular";
    margin: 0;
    font-size: 2.4rem;
    text-align: left;
    line-height: 3.7rem;
    color: #333;
    padding: 0 0 3%;
    letter-spacing: .2rem;
    font-weight: bold;
}
.footer h3{
	font-family: "irohakakuC-Regular";
	font-size: 2rem;
	text-align: left;
	color: #c13f3e;
	padding: 4rem 0 2rem;
}
/* price
------------------------------ */
/*sale price*/
.sale .price_box p{
	text-align: center;
	color: #FD5157;
	font-weight: bold;
}
.sale .retail_price{text-decoration: line-through;}
.sale .c_price::after{
	content: '';
	display: inline-block;
	width: 50px;/*画像の幅*/
	height: 19px;/*画像の高さ*/
	background-image: url(https://www.le-noble.com/topic/autoContent/saleIcon.jpg);
	background-size: contain;
	margin-left: 0.2rem;
}
.sale .discount{font-size: 1.2rem;}
/*normal price*/
.price_box{margin: 1.4rem 0;}
.price_box p{
	text-align: center;
	color: #333;
	font-weight: bold;
}
.c_price{
	font-size: 1rem;
	line-height: 1;
}
.c_price span{
	font-size: 1.5rem;
	font-weight: bold;
}
.retail_price{text-decoration: line-through;}
/*retail_price none*/
.retail_price-empty .retail_price{display: none;}
.soldout img,
.soldout a{filter: grayscale(100%);}


/* btn
------------------------------ */

.btn_auto{
	width: 1200px;
	text-align: center;
	margin: auto;
}

.button01{
	display:block ;
    width: 220px ;
    padding:7px 10px;
    margin-left:0 auto;
    margin-right:0 auto;
    text-align: center ;
    text-decoration: none ;
    background: #0e104e ;/*ボタン色*/
    color: #fff ;
    border-bottom: solid 4px #0e104e ;
    border-radius: 3px ;

}
.button01:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.childBtn2:before{
  content:'';
  height:100%;
  display:inline-block;
  vertical-align:middle;
}
.childBtn2{
  font-size: 0.8rem;
  margin: 1rem 2rem;
  color:#fff;
  border:none;
  position:relative;
  text-align: center;
  height:50px;
  padding:0.8rem 0rem;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
     }
.childBtn2:hover{
     }
.childBtn2:before,
.childBtn2:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #5b87b9;
  transition:400ms ease all;
     }
.childBtn2:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.childBtn2:hover:before,
.childBtn2:hover:after{
  width:100%;
  transition:800ms ease all;
}

.greenBt{
  background:#67681c;
}
.greenBt:hover{
  background:#fff;
  color:#67681c;
     }
.greenBt:before,
.greenBt:after{
  background: #67681c;
     }

.blugreBt{
  background:#0d7180;
}
.blugreBt:hover{
  background:#fff;
  color:#0d7180;
     }
.blugreBt:before,
.blugreBt:after{
  background: #0d7180;
     }

.blueBt{
  background:#0e104e;
}
.blueBt:hover{
  background:transparent;
  color:#0e104e;
     }
.blueBt:before,
.blueBt:after{
  background: #0e104e;
     }

.redBt{
  background:#81262b;
}
.redBt:hover{
  background:transparent;
  color:#81262b;
     }
.redBt:before,
.redBt:after{
  background: #81262b;
     }

.orangBt{
  background:#b14425;
}
.orangBt:hover{
  background:#fff;
  color:#b14425;
     }
.orangBt:before,
.orangBt:after{
  background: #b14425;
     }


.seriesBtn{  
  margin: 0 15rem;
  display:block ;
  padding: 1.6rem 1rem;
  font-size: 1.3rem;
  letter-spacing: .1rem;
  text-align: center;
  text-decoration: none;
    }

.blugreBtn{
  border: 1px solid #0d7180 ;
  color: #0d7180;
}
.blugreBtn:hover{
  color: #fff;
  background: #0d7180;
    }
.blueBtn{
  border: 1px solid #0e104e ;
  color: #0e104e;
}
.blueBtn:hover{
  color: #fff;
  background: #0e104e;
    }
.greenBtn{
  border: 1px solid #67681c ;
  color: #67681c;
}
.greenBtn:hover{
  color: #fff;
  background: #67681c;
    }
.redBtn{
  border: 1px solid #0e104e ;
  color: #0e104e;
}
.redBtn:hover{
  color: #fff;
  background: #0e104e;
    }
.orangBtn{
  border: 1px solid #b14425 ;
  color: #b14425;
}
.orangBtn:hover{
  color: #fff;
  background: #b14425;
    }


/* other------------------------------ */
.dont_show{font-weight: bold;}
.pc_display{display:block;}
.sp_display{display:none;}
.mt3{margin-top: 3rem ;}
.center_font{
	text-align: center;
	font-size: 1.4rem;
}
.br_pc{display: block;}
.br_sp{display: none;}



/* --------------------------------
* モール
* -------------------------------- */
@media screen and (max-width: 840px) {
	.about_img{width: 80%;}
	.contents_wrap p{
		font-size: .9rem;
	}
.purge-body{
	background:url(https://lenoble.itembox.design/item/images/category/emma/images/emma_spbk.webp);
	background-size: contain;
	}
.purge-color{
	margin: -5% 3%;
	padding: 5% 0;
	background-color: rgba(255, 255, 255, .8);
	text-align: center;
}
	
	.contents_about p{
		font-size: 1.2rem ;
	}
	.contents_about2 p{
		font-size: 1.1rem ;
	}
	h4.ttl{
		font-size: 1.2rem;
		margin-top: 0;
	}
	
	.flexbox,
	.flexbox02 {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.image01,
	.image02{
    	margin:2rem 0 0;
	}
.image03{
	width:96%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

	.text01,
	.text02{
		width: 80%;
    	margin: 0 auto;
		margin-top: 2rem;
	}
	.order1 { order: 1; }
	.order2 { order: 2; }
h3.ttl{
	font-family: "irohakakuC-Regular";
    font-size: 2rem;
    text-align: center;
    color: #6b99cd;
    line-height: 1.8 ;
}
h4.headline{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin-top: 5rem;
    margin-bottom: 4rem;
    font-size: 3rem;
    display: flex;
    align-items: center;
	  }	  
h4.headline:after{
	content: "";
	flex-grow:1;
	margin-left: 1rem;
	height: 1px;
	background: #111;
	display: block;
	  }	  
h4.Recom{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin-top: 5rem;
    margin-bottom: 4rem;
	padding-left: 2rem;
    font-size: 2rem;
    display: flex;
	text-align: center;
    align-items: center;
	  }	  
h4.Recom:after{
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #111;
	display: block;
	  }	  
h4.Recom:before{
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #111;
	display: block;
	  }	  
.delimiter{
	width: 100%;
	text-align: center;
	margin: auto;
}
.childBtn2:before{
  content:'';
  height:100%;
  display:inline-block;
  vertical-align:middle;
}
.childBtn2{
  font-size: 0.8rem;
  margin: 1rem 2rem;
  color:#fff;
  border:none;
  position:relative;
  text-align: center;
  height:50px;
  padding:0.8rem 0rem;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
     }
.childBtn2:hover{
     }
.childBtn2:before,
.childBtn2:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  transition:400ms ease all;
     }
.childBtn2:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.childBtn2:hover:before,
.childBtn2:hover:after{
  width:100%;
  transition:800ms ease all;
}
	
.greenBt{
  background:#67681c;
}
.greenBt:hover{
  background:#fff;
  color:#67681c;
     }
.greenBt:before,
.greenBt:after{
  background: #67681c;
     }

.redBt{
  background:#81262b;
}
.redBt:hover{
  background:#fff;
  color:#81262b;
     }
.redBt:before,
.redBt:after{
  background: #81262b;
     }

.orangBt{
  background:#b14425;
}
.orangBt:hover{
  background:#fff;
  color:#b14425;
     }
.orangBt:before,
.orangBt:after{
  background: #b14425;
     }

	
.seriesBtn{  
  margin: 0 15rem;
  display:block ;
  padding: 1.6rem 1rem;
  font-size: 1.3rem;
  letter-spacing: .1rem;
  text-align: center;
  text-decoration: none;
    }

.greenBtn{
  border: 1px solid #67681c ;
  color: #67681c;
}
.greenBtn:hover{
  color: #fff;
  background: #67681c;
    }
.redBtn{
  border: 1px solid #81262b ;
  color: #81262b;
}
.redBtn:hover{
  color: #fff;
  background: #81262b;
    }
.orangBtn{
  border: 1px solid #b14425 ;
  color: #b14425;
}
.orangBtn:hover{
  color: #fff;
  background: #b14425;
    }

	
.multi_col_04{
	width: 45%;
	margin: 0 2% 10%;
}
.retail_price{
display: none;
}
}



  /* --------------------------------
  * SP
  * -------------------------------- */
@media screen and (max-width:639px) {
/* base */
.purge-body{
}
.about_img{width:100%;}
    
.contents_about p {
    font-size: 1.8rem ;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 3.2rem;
    color: #555;
}
.contents_about2 p {
    font-size: 2rem ;
    font-weight: bold;
    letter-spacing: .5rem;
    line-height: 4rem;
}
.contents_about2 {
    width: 100%;
    margin: 0 auto;
    padding: 7% 0 5%;
}
.contents_about {
    width: 100%;
    margin: 0 auto;
    padding: 2% 10% 5%;
  }
.content_button{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.contents_header{
    width: 100%;
    padding:0 0 5%;
    margin: 0 auto;
}
.block_parts01 {
    width: 98%;
    margin: 5% auto;
    text-align: center;
    padding: 5% 3%;
    border: solid 3px #c13f3e;
}
.contents_header img{
    width: 100%;
    text-align: center;
    margin: auto;
}
.content_under{
    margin: 0;
    padding: 0
}
.content_outlink{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.content_items2 img{
	width: 100%;
}
 .text01 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 6%;
}
.flexbox{
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    justify-content: space-between;
    flex-direction: row;
}
.flexbox02{
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    justify-content: space-between;
    flex-direction: column;
}
.mug_image {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 5% 0 8%;
}
.image01{
    width: 100%;
    margin: 0 auto;
}
.image02{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1%;
}
.item_image {
    width: 50%;
    margin: 0 auto;
    background: transparent;
    padding: 0 1%;
}
.item_image__02{
	width:100%;
    margin: 0 auto 5%;
	background:transparent;
	padding: 0    ;
}
.contents_about p.text_01 {
  font-family: "irohakakuC-Regular";
  margin: 0;
  font-size: 1.6rem;
  text-align: left;
  line-height: 2.6rem;
  color: #333;
  padding: 0 0 3%;
  letter-spacing: .2rem;
}
.text01 p.text_02 {
  font-family: "irohakakuC-Regular";
  margin: 0;
  font-size: 1.6rem;
  text-align: left;
  line-height: 2.6rem;
  color: #333;
  padding: 0 0 3%;
  letter-spacing: .2rem;
}
    
.popular_paratiis{
  width: 100%;
}
.multi_box{
  width: 100%;
}
h3.ttl{
	font-family: "irohakakuC-Regular";
    font-size: 2.5rem;
    text-align: center;
    color: #f26c52;
    margin-bottom: 4%;
    line-height: 4rem ;
	font-weight: bold;
}
h4.headline{
    margin:2rem 0 2rem .5rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size:2rem;
    line-height: 1.7rem;
    text-align: left;
    align-items:flex-end;
}	  
h4.headline:after{
    content: "";
    flex-grow:1;
    height: 1px;
    background: #111;
    display: block;
}	  
h4.Recom{
    color: #0e104e;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin-top: 2rem;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    text-align: center;
    align-items: center;
}	  
h4.Recom:after{
    content: "";
    flex-grow:1;
    margin:0 1rem;
    height: 1px;
    background: #0e104e;
    display: block;
}	  
h4.Recom:before{
    content: "";
    flex-grow:1;
    margin:0 1rem 0 -1rem;
    height: 1px;
    background: #0e104e;
    display: block;
}	  
.delimiter{
    width:100%;
    margin: auto;
    display: block;
}
.content_items{
    width:100%;
    text-align: center;
    margin: auto;
    display: block;
}	  


.order1 { order: 1; }
.order2 { order: 2; }
.multi_box {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 2% 0;
}
.multi_col,
.multi_col_04{
width: 38%;
}
.flexbox02{flex-wrap: wrap;}
.item_left_02{margin-top: 2rem;}
.contents_wrap h3 span{font-size: 1.6rem;}
.footer h3{
font-size: 1.0rem;
padding: 2rem 0;
}
.item_ttl{
width: 100%;
padding: 1rem 0 1.4rem;;
}
.item_ttl p{
font-size: 1.3rem;
line-height: 1.2;
}
.item_ttl_name{
font-size: .9rem;
line-height: 1.6;
margin: 2rem;
text-align:  center;
}
.retail_price{
font-size: .8rem;
}
.price_box {margin: 6% 0;}
.c_price{font-size: 1.0rem ;}
.c_price span{font-size: 1.2rem;}
.discount {font-size: 1.0rem;}


.dont_show{display: none;}
.br_pc{display: none;}
.br_sp{display: block;}
.pc_img{display: none ;}
.sp_img{
display: block ;
width: 100%;	  
}
}