@charset "UTF-8";

.white{
  color:#fff;
}
/*ヘッターフッター*/
header{background: #726A31;
text-align: center;
}
footer{background:#726A31;
}
.footer{
  text-align: center;
}
/*----------------------------*/
body{
  background-color: #889B97;
}
p{
  text-align: left;
}
/*メニュー*/
.text2{
background:#C19969;
width:20%;
height: 90%;
margin-right:50px;
}
/*メインコンテント*/
.text{
width:80%;
background:#889B97;
font-size: 17px;
line-height: 1.7;}

main{display:flex;
}

/*画像*/
.viewer{
  display:flex;
}
.item{
  margin:10px;
}
.img{
  width:350px;
}
.comic{
  width:200px;
}
.comic:hover{
  opacity:0.5;
}
/*非表示*/
.res1{
  display:none;
}
/*ｽﾏﾎ設定*/
@media (max-width:767px){
.text2{
display: none;
}
.text{
  width: 90%;
  margin: 0 auto;
}
.viewer{
  display:block;
}
.res1{
  display:block;
  display: flex;
  justify-content: center;
  background:#C19969;
}
.res2{
  margin: 0 15px 0 15px;
}
}