header{
  background-color:#698aab;
  background-image: url(./imges/header画像.jpg);
  color: #f0f8ff;
  margin-left: 50px;
  margin-right: 50px;
  text-align: center;
  border-radius: 5%;
}
header p{
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 10px;
}

header h1 {
  padding: 20px 0px 20px 20px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 50px;
  font-size: frex
}

nav{
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 0px;
}

.conteiner{
  background-repeat: no-repeat;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 0pt;
  display: flex;
  flex-wrap: wrap;
}

hr{
  background-color: #698aab;
  height: 1px;
}

footer{
margin-left: 50px;
margin-right: 50px;
text-align: center;
color: #f0f8ff;
background-color:#698aab;
}
.card{
margin-left: 50px;  
}
/* 欲しい商品 */
.wantcontainer {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
margin-right: 50px;

}
.panel-group{
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
  flex-wrap: wrap;
}
.panel-title{
  margin-right: 50px;
}
/* 商品評価 */
.card{
margin-top: 20px;
margin-bottom: 10px;
margin-right: 50px;
}
.btn-group {
  margin-left: 50px;
  margin-right: 50px;
  flex-wrap: wrap;
  border-color: black;
}
.btn-group hr{
  margin-left: 50px;
  margin-right: 50px;
}
.btn-group a{
  color: #f0f8ff;
}
.hyouka{
  display: flex;
  flex-wrap: wrap;
}


/*雑記*/

.zakki p{
  margin-left: 50px;
  margin-right: 50px;
}

.zakki h3{
  margin-left: 50px;
  margin-right: 50px;
}

.zakki hr{
  margin-left: 50px;
  margin-right: 50px;
  background-color: #cdced0;
}

/*投資方針*/
.houshin{
  display: flex;
  flex-wrap: wrap;
}

/*投資メモ*/
.toushimemo{
  margin-left: 50px;
  margin-right: 50px
}


.toushimemo hr{
  width:auto;
  text-align: left;
  color: darkgray;}
/*投資記録*/
.toushikiroku{
  text-align: left;
  font-size: medium;
  padding-top: 20px;
  padding-bottom: 50px;
  margin-left: 50px;
  margin-right: 50px
}

/*個別銘柄*/
.kobetsumeigara {
  text-align: left;
  font-size: medium;
  padding-top: 50px;
  padding-bottom: 50px; 
  margin-left: 50px;
  margin-right: 50px
}


/*家計簿*/
.kakeibo {
  text-align:left;
  font-size:medium;
  padding-top: 20px;
  padding-bottom: 50px;
  margin-left: 50px;
  margin-right: 50px;
}

/*お気に動画*/
.okinidouga{
  padding-top: 20px;
  margin-left: 50px;
  margin-right: 50px; 
}

/*検証*/
.kensyou {
  text-align:left;
  font-size:medium;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 50px;
  margin-right: 50px;
}

/*=============================
  全体レイアウト調整
=============================*/
.container {
  max-width: 960px;
  margin: auto;
  padding: 15px;
}

/* 画像をレスポンシブに */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 更新履歴 textarea をスマホ対応 */
table textarea {
  width: 100% !important;
  font-size: 14px;
  resize: vertical;
  line-height: 1.4;
}

/* headerスタイル調整 */
header h1 {
  font-size: 2rem;
  text-align: center;
}
header p {
  text-align: center;
  font-size: 1rem;
}

/*=============================
  スマホ最適化
=============================*/
@media (max-width: 768px) {

  header h1 {
    font-size: 1.5rem;
  }

  header p {
    font-size: 0.9rem;
  }

  /* 表の横スクロール防止 */
  table {
    width: 100%;
    display: block;
    overflow-x: auto;
  }

  .navbar-nav .nav-link {
    padding-left: 10px;
  }
}