/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0;
}
 
.meinh2{
    text-align:center;
  	font-size: 18px;
	line-height: 20px;
	padding: .5em 0;
    color:#333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.osirase{
  position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
}
.osirase:before {
  content: "";
  position: absolute;
  background: #e3bab3;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
/*バナーの所*/
.banar{
  width:100%;
  display:flex;
  justify-content:center;
      flex-direction:column;

}
.banar-img1{
  padding:0;
  margin-bottom:20px;
}
.banar-body{
  padding:0;
}
.banar-img2{
  margin:0 0 8px;
}
@media ( min-width : 600px ){
.banar{
  flex-direction: row;
  }
.banar-img1{
  padding:0;
  margin-right:20px;
}}
/*ショッピングガイド用バナー*/
.sg {
  margin : 30px, auto;
}
/*カテゴリー部分*/
.item {
  justify-content: space-between;
  width: 100%;
}
.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}
.item-title {
  justify-content:center;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: red;
}
.item-body p {
    justify-content:center;

  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.items3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.items3 .item {
  width: 30%;
  margin-bottom:30px;
}
.mar-r-30{
  margin-right:30px;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.sp img{
 text-align: center;
}
.red {
position: relative;
background-color: #E3BAB3;
padding: 10px;
color: #333;
}