.stitle{
border-left:3px #4b4239 solid;
margin:0px;
padding:3px 0px 3px 6px;
font-size:18px;
color:#4b4239;
font-family: Georgia, "Times New Roman", Times, serif;
}

.syohin{
margin:0px 0px 10px 0px;
font-size:12px;
color:#000000;
font-family: '¥á¥¤¥ê¥ª', 'Meiryo','£Í£Ó ¥´¥·¥Ã¥¯','Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', Geneva, Arial, sans-serif;
width:120px;
}

.syohinphoto{
margin:10px 10px 5px 0px;
padding:0px;
border:4px #e0dbc8 solid;
height:150px;
width:140px;
text-align: center;
}

a img {
 opacity: 1.0;
 transition: .3s;
}
a:hover img {opacity: 0.5;}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 130px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}


.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #FFCFC1;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #FFCFC1;
}

.says p {
  margin: 0;
  padding: 0;
}



.balloon6 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon6 .faceicon {
  float: left;
  margin-right: -90px;
  width: 130px;
}

.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}


.balloon6 .chatting {
  width: 100%;
}
.says1 {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #D3E8EA;
}

.says1:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #D3E8EA;
}
