@charset "utf-8";
/* CSS Document */

/*  文字指定ここから */

.ryumin{
font-family: serif;
}
.gothic{
font-family: sans-serif;
}
.blue{
color:#0184ff
}
.green{
color:#0099ff
}
.red{
color:#821913
}
.pink{
color:#fe0143
}


/*  文字指定ここまで */

.parent {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 2em;
}
.parent .text_area,
.parent .img_area {
  width: 100%;
}
.img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*
.text_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: #eee;
}
*/

.shopping img{
display: block;
margin-left: 10%;
}
.ume_other img{
  display: block;
margin-left: 10%;

}
.text_ume p{
margin-left: 5%;
margin-right: 10%;
}
.ume_other p{
display: block;
margin: left 10px;
margin-right: 10%;

}
.text_area p
{
  display: block;
margin-left: 10%;
margin-right: 10%;

}
.parent1 .text_area,
.parent3 .text_area {
   margin-right: 0px;
}
.parent2 .img_area,
.parent4 .img_area {
   margin-right: 0px;
}



@media screen and (max-width: 820px){
/* responsive.css  */

 .parent {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}
.parent .text_area,
.parent .img_area {
  width: 100%;
}
.parent1 .text_area,
.parent3 .text_area,
.parent5 .text_area {
   margin-right: 10px;
}
.parent2 .img_area,
.parent4 .img_area {
   margin-right: 10px;
}
.parent2,.parent4
{
  flex-direction: column-reverse
}
 .parent1,
.parent3 ,
.parent5{
  flex-direction: column
}
.ume_other p,
.shopping p{
margin-right: 10%;
margin-left: 10%;
}

}