
.logoBlock{padding: 40px 10px;  text-align: center; margin-bottom: 100px; border-bottom: 5px solid #EA551D ;}	

#brewing h1{text-align: center;font-size: 30px;margin-bottom: 40px; font-weight: bold;}
#brewing h1 span{display: block; font-size: 16px; border-top: 1px solid #000; padding-top: 5px;}
#brewing h2{font-size: 20px;margin-bottom: 40px; font-weight: bold; border-left: 5px solid  #EF3C07; padding-left: 15px;} 
#brewing .container{max-width: 1200px; width: 100%; margin: auto;} 
#howto .step{margin-bottom: 50px;}
#howto .step .row{display: flex; justify-content: space-between; flex-wrap: wrap}
#howto .step .row .item {width: 30%; margin-bottom: 30px;}
#howto .step .row .item figure{position: relative; margin-bottom: 15px; font-size: 16px;}
#howto .step .row .item figure figcaption{position: absolute; top: 0; left: 0; background-color: #EF3C07; color: #fff; font-size: 20px;padding: 6px 15px;}
#howto .step .row .item .en{padding-top: 15px; border-top: 1px dotted #000; margin-top: 15px;}

#howto .movie .inner{max-width: 800px; margin: auto;}

#howto .movie .enTit{margin-bottom: 10px; color: #fff; font-weight: bold; background-color:  #EF3C07; border-radius: 3px ; width: 150px; text-align: center; padding: 5px 15px;}
#howto .movie .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	margin-bottom: 40px;
}
#howto .movie .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.temperature{margin-bottom: 80px; text-align: center; background-color: #f9eaea; padding: 20px; line-height: 1.5; font-size: 16px;}
.temperature span{color: hsla(359,100%,45%,1.00)}
.temperature b{font-size: 120%;}
.temperature p:first-of-type{margin-bottom: 10px;padding-bottom: 10px; display: inline-block; border-bottom: dotted 1px #000;}

@media only screen and (max-width: 1000px){
h1 {width: auto !important; }
	#howto.container{padding: 10px;}

}
@media only screen and (max-width: 767px){
	#howto .step .row .item {width: 100%; }

}
