/*page-style(2)--Flexbox--*/


/*******  2ページ関係  ******/
.flex-container2{
      display:flex; 
      flex-direction:column;
          
}

.item2{
     display:flex;   
     flex-direction:row;}

div.item2 p{
     width:400px;
     padding-left:20px; 
}


/******* 3,4 ページ関係********/

.flex-container3{
      display:flex;                      /*   page3の写真の横並び */
      justify-content:space-around;      /*   page3の写真の均等配分 */
}

div.item3{
  　
      flex-direction:column; 
      width:350px;
}

div.item3 img{box-shadow:2px 2px 2px rgba(0,0,0,.7);}

div.item3 p{    
     padding-left:8px; width:350px;    /*　コメント幅はitem幅より狭くする　*/