/*-----------------------------------------------------------------





-----------------------------------------------------------------*/
#item-contents{
	/*display: none;*/
}




section {
    margin: 0;
}

#description {
    padding: 0;
}


#item-contents h4{
	background: none;
	color: #000;
	padding: 0;
	margin: 0;
}


#item-contents .cartbtn {
    display: inline-block;
    padding: 4% 8%;
    background: #ba3c29;
    color: #fff;
    text-decoration: none;
    width: 90%;
    margin: 3em 5%;
    text-align: center;
}



#item-contents .img img{
	width: 100%;
}

#item-contents h3{
	color: #552400;
	text-align: center;
	padding: 0 0 1.5em;
	font-size: 24px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}

#item-contents p{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 2;
}


#item-contents .inner{
	width: 100%;
	padding: 0 1em;
	margin: 0
	
}


#item-contents .main-img{
	margin: 0 0 2em;
	
}


#item-contents .media{
	margin: 2em 0 0;
	padding: 2em 0 0 ;
	border-top: 1px solid #ccc;
	
}


#item-contents .media .media-box{
	margin: 30px 0 0;
	
}


#item-contents .media .media-box p{
	font-size: 18px;
	margin: 0 0 30px;
	background: url(https://puddinglaboratory.jp/images/item/0092/sp/i-tv.png) no-repeat 0 50%;
	padding: 10px 0 10px 2.5em;
	
}


#item-contents .media .media-box.last p{
	text-align: center;
	margin: 0 ;
	background: none;
	padding: 10px 0 ;
	
}


#item-contents .intro {
	margin: 30px 0 0 ;
	
}


#item-contents .intro .intro-main{
	margin: 0 0 30px;
	padding:0;
	background: url(https://puddinglaboratory.jp/images/item/0092/sp/bg01.png) no-repeat center bottom;
	background-size: cover;
}


#item-contents .intro h2{
	padding:20px 0 0 ;
	text-align: center;
	font-size: 30px;
	
	
}



#item-contents .intro .intro-main p{
	padding: 300px 1em 2em;
	line-height: 2;
	
}


#item-contents .intro .intro-inner{
	background: url(https://puddinglaboratory.jp/images/item/0092/sp/bg02.png) no-repeat right 100px;
    padding: 0 0 50px;
	background-size: cover;
}


#item-contents .intro .intro-inner .txt{
	padding: 40px 40% 0 1em;
    letter-spacing: -1px;


}


#item-contents .about-pudding{
	background: #FABD00;
	padding: 70px 0 0;
	
}

#item-contents .about-pudding-inner{
	padding: 0 2em;
	
}


#item-contents .about-pudding .shop-logo{
	text-align: center;
	padding: 0 0 50px;

}

#item-contents .about-pudding h3{
	line-height: 2;
	padding-bottom: 0.5em;
	
}


#item-contents .about-pudding h3 span{
	display:inline-block;
	margin: 0 0 0.2em;
	border-bottom: 2px dotted #552400;
	
	
}


#item-contents .about-pudding h3 span.small{
	font-size: 0.8em;
	
}

#item-contents .about-pudding p span{
	font-weight: bold;
	font-size: 16px;
	
}

#item-contents .about-pudding p em{
	font-weight: bold;
	font-size: 24px;
	
}


#item-contents .about-pudding ul{
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0 0;
	
}

#item-contents .about-pudding ul li{
	width: 50%;
	
}

#item-contents .about-pudding ul li:first-child{
	width: 100%;
	
}

#item-contents .voice{
	background: #FABD00 ;
	padding: 70px 2em 0;
	
}


#item-contents .voice-outer{

  background:url(https://puddinglaboratory.jp/images/item/0092/sp/bg03.png) no-repeat bottom ;
 padding: 0 0 60px;
}




#item-contents .voice .icon{
	margin: 0 0 15px;
	text-align: center;

}


#item-contents .voice ul li{
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
	
	
}


#item-contents .voice ul li:nth-child(even){
	display: flex;
	justify-content: space-between;
	flex-direction : row-reverse;
	margin: 0 0 60px;
	
	
}


#item-contents .voice ul li .img{
	width: 32%;
	
}

#item-contents .voice ul li .img span{
	font-size: 10px;
	font-weight: bold;
	
}



#item-contents .voice ul li .txt{
	width: 60%;
	font-size: 12px;
	
}


#item-contents .voice ul li .txt h4{
	background: none;
	font-size: 16px;
	text-decoration: underline;
	padding: 0;
	color: #000;
	letter-spacing: -2px;
	
	
}

#item-contents .voice ul li .txt p{
	font-size: 12px;
	
}

#item-contents .reason{
	
}

#item-contents .reason .reason-main{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/reason-main.png) no-repeat center top;
 	padding: 380px 0 0;
	background-size: contain;
	
}

#item-contents .reason .reason-main h3{
	line-height: 2;	 
}

#item-contents .reason .reason-main .icon{
	text-align: center;
	padding: 0 0 30px;	
}


#item-contents .reason .reason-main p{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
}

#item-contents .reason .reason-main p span{
	text-align: center;
	font-size: 30px;
}


#item-contents .point{
	padding: 30px 0;
	border-top: 4px solid #FABD00;
	
}

#item-contents .point h3{
	color:#FABD00;
	font-size: 18px;	
}

#item-contents .point h3 span{
	font-size: 30px;
	display: block;
}

#item-contents .point-box {
	margin: 0 0 40px;
}



#item-contents .point-box p span{
	font-weight: bold;
}
	

#item-contents .point-box h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point01.png) no-repeat 0 0;
	padding: 0 0 25px 2.1em;
}


#item-contents .point-box.point1{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point01-bg.png) no-repeat center bottom;
	padding: 0 0 250px;
	background-size:contain; 
}

#item-contents .point-box.point1 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point01.png) no-repeat 0 0;
	padding: 25px 0 25px 2.1em;
}


#item-contents .picky{
	margin: 30px 0 0;
	
}

#item-contents .picky h3{
	color: #fff !important;
	padding: 1.5em 0 1.5em 1em;
	text-align: left;
}


#item-contents .picky h3 span{
	font-size: 12px;

}



#item-contents .picky .milk-img{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/kodawari-milk.png) no-repeat 0 0;
	background-size:cover; 
	
}


#item-contents .picky .panel{
	display: none;
}




#item-contents .picky .egg-img{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/kodawari-egg.png) no-repeat 0 0;
	background-size:cover; 
	
}


#item-contents .picky-box {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding: 20px 30px;
	margin: 0 0 30px;
}


#item-contents .readmore {
	border: 1px solid #000;
	padding: 10px 30px;
	text-align: center;
	margin: 30px 0 0;
}




#item-contents .point-box.point2{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point02-bg.png) no-repeat center bottom;
	padding: 0 0 200px;
	background-size:contain; 
}

#item-contents .point-box.point2 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point02.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}



#item-contents .point-box.point3{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point03-bg.png) no-repeat center bottom;
	padding: 0 0 300px;
	background-size:contain;
}

#item-contents .point-box.point3 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point03.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}



#item-contents .point-box.point4{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point04-bg.png) no-repeat center bottom;
	padding: 0 0 170px;
	background-size:contain;
}


#item-contents .point-box.point4 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point04.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}



#item-contents .point-box.point5{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point05-bg.png) no-repeat center bottom;
	padding: 0 0 230px;
	background-size:contain;
}


#item-contents .point-box.point5 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point05.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}



#item-contents .point-box.point6{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point06-bg.png) no-repeat center bottom;
	padding: 0 0 150px;
	background-size:contain;
}


#item-contents .point-box.point6 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point06.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}


#item-contents .point-box.point7{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/point07-bg.png) no-repeat center bottom;
	padding: 0 0 200px;
	margin: 0;
	background-size:contain;
}

#item-contents .point-box.point7 h4{
	color: #000;
	font-size: 18px;
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-point07.png) no-repeat 0 0;
	padding: 0 0 25px 3.5em;
}



#item-contents .expiration .expiration-main{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/expiration-main.png) no-repeat center top;
 padding: 300px 0 0;
	background-size:contain;
	
}

#item-contents .expiration .expiration-main h3{
	line-height: 2;	 
}

#item-contents .expiration .expiration-main .icon{
	text-align: center;
	padding: 0 0 30px;	
}


#item-contents .expiration .expiration-main p{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
}

#item-contents .expiration .expiration-main p span{
	text-align: center;
	font-size: 30px;
}


#item-contents .expiration-box {
    padding: 30px 0;
    border-top: 4px solid #FABD00;
	border-bottom: 4px solid #eee;
}




#item-contents .expiration-box .loupe-box{
	position: relative;
	background-color: rgba(0,0,0,0.2);
    padding: 10px;
   
}

#item-contents .expiration-box .btn-loupe{
	position:absolute;
	width: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30%;
}





#item-contents .expiration-box p span {
	font-weight: bold;
    
}

#item-contents .expiration-box .img {
	padding: 1em 0;
	text-align: center;
    
}


#item-contents .expiration-box .expiration-check {
	padding: 1em 0 0 ;
    
}

#item-contents .expiration-box .expiration-check ul {
	padding: 1em 0 0 ;
    
}


#item-contents .expiration-box .expiration-check ul li {
	background:rgba(250,189, 0,0.1);
	margin: 0 0 10px;
	padding: 1em;
	
}

#item-contents .expiration-box .expiration-check ul li p{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/i-check.png) no-repeat 0 10px;
	padding: 0 0 0 2em;

}

#item-contents .expiration-box .expiration-check .icon{
	text-align: center;
	

}

#item-contents .expiration-box .expiration-check .result{
	text-align: center;
	font-size: 20px;
	
}

#item-contents .expiration-box .expiration-check .result span{
	font-size: 26px;
	color: #FABD00;
	
}

#item-contents .item-detail{
	padding: 60px 0 0 ;
	
}

#item-contents .item-detail .item-detail-main .icon{
	text-align: center;
	margin: 0 0 30px;
	
}


#item-contents .item-detail .item-detail-main h3{
	line-height: 2;	 
}


#item-contents .item-detail .item-detail-main p{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
}

#item-contents .item-detail .item-detail-box{
	margin: 0 0 40px;
	
}


#item-contents .item-detail .item-detail-main p span{
	text-align: center;
	font-size: 30px;
}

#item-contents .item-detail .item-detail-box .item-main{
	text-align: center;	
}

#item-contents .item-detail .item-detail-box .item-main img{
	width: 100%;
	
}

#item-contents .item-detail .item-detail-box .item-name{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;

}

#item-contents .item-detail .item-detail-box .item-name .img{
	width: 40%;
	padding: 0 2em;
}

#item-contents .item-detail .item-detail-box .item-name .txt{
	width: 60%;
}


#item-contents .item-detail .item-name .txt h4{
	background: none;
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #000;
	
}

#item-contents .item-detail .item-name .txt span{
	font-size: 10px;
	color: #FABD00;
}

#item-contents .item-detail .item-name .txt p{
	font-size: 12px;
	
}

#item-contents .item-detail .chart-img{
	text-align: center;
	margin: 1em 0 0 ;

}




#item-contents .gift{
	padding: 0 0 50px;
	border-bottom: 4px solid #FABD00;
	
}

#item-contents .gift .gift-main{
	padding: 70px 0 40px;
	background: #FABD00;
}



#item-contents .gift .gift-main h3{
	line-height: 2;
	color: #fff;
}


#item-contents .gift .gift-main h3 span{
	font-size: 40px;
}



#item-contents .gift .gift-main .icon{
	text-align: center;
	padding: 0 0 30px;	
}


#item-contents .gift .gift-main p{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
}

#item-contents .gift .gift-main p span{
	text-align: center;
	font-size: 30px;
}


#item-contents .gift .gift-main ul{
	width: 80%;
	margin: 0 auto;
}


#item-contents .gift .gift-main ul li{
	font-size: 18px;
	display: flex;
	align-items: baseline;
	
}

#item-contents .gift .gift-main ul li span{
	font-size: 24px;
	color:#fff;
	display: inline-block;
	padding: 0 0.5em 0 0; 
}

#item-contents .gift .noshi{
	display: flex;
	justify-content: space-between;
	margin: 50px 0 0 ;
}


#item-contents .gift .noshi .img{
	width: 40%;	
}

#item-contents .gift .noshi .txt{
	width: 55%;	
}


#item-contents .gift .noshi h4{
	background: none;
	color: #000;
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px;
	line-height: 1.5;
}

#item-contents .gift .noshi p{
	line-height: 1.5;
}


#item-contents .birthday-card{
	padding: 50px 0 0 ;

}

#item-contents .birthday-card p{
	text-align: center;
	font-size: 16px;

}


#item-contents .wrapping{
	padding: 50px 0 0 ;

}

#item-contents .wrapping-main{
	background:url(https://puddinglaboratory.jp/images/item/0092/sp/deli-bg.png) no-repeat center bottom;
 	padding: 0 0 250px;
	background-size: contain;
}



#item-contents .wrapping .wrapping-main h4{
	background: none;
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 2;
}




#item-contents .wrapping .wrapping-main h4{
	background: none;
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 2;
}


#item-contents .wrapping .wrapping-main p{
	padding: 0 1em;
}


#item-contents .wrapping .wrapping-main p{
	padding: 0 1em;
}

#item-contents .wrapping ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 0 ;
}


#item-contents .wrapping ul li .img{
	width: 30%;	
	padding: 0 1em;
}

#item-contents .wrapping ul li .txt{
	width: 70%;
	padding: 0 1em;
}


#item-contents .guide-book {
	border-top: 4px solid #FABD00;
	border-bottom: 4px solid #eee;
    padding: 50px 0;
    margin: 50px 0;
}



#item-contents .guide-book h4{
	text-align: center;
	padding: 0 0 20px;
}


#item-contents .deli-main{
	padding: 0 1em;
}



















































