a{color: #203744;text-decoration: none;}
.a:hover{
  opacity: 0.5;
}


.tate-jingumae{
  /*描画位置*/
  position: absolute;
  right:10px;
  bottom:54%;
  /*テキストの形状*/
  color: #203744;
  font-size: 1.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
/* topnavi */
.navbar-p{
  color:#333631; margin: 16px 10px 4px 0px; font-size: 2.4rem; font-weight: 550; font-family:Arial, Helvetica, sans-serif;
}
.navbar-nav{margin:15px 0 0 auto;}
.nav-link{
    text-decoration: none;
    color: #203744;
    font-size:large;
    font-weight: bold;
    border-color: #203744;
}
.nav-link img{ width: 24px; height: 24px;}

/*bottom-info*/
.bottom-info { margin:15px 0 0 auto; font-size: 24px; color: #f3f3f3; font-weight: bold;}

/*bottom-navi*/
.bottom-arrow { margin:15px 0 0 auto;}
.bottom-arrow img{ width: 24px; height: 24px;}
.bottom-navi{
  height: 53vh;
  background-color:#1f3134;
  padding-top: 10px;
  padding-right: 50px;
  padding-left: 50px;
  opacity: 1.9;
}

.card-body{
  color:#333631; 
  background-color:#fbfaf5;
}

.p-bun{margin: 6px 0px 0px 0px;}
.p-buns{margin: 2px 0px 0px 0px;}
.brand-site-link{
  margin:0 auto;
  margin-top: 12px;
  margin-bottom: 20px;
  margin-right: 10px;
  color: #1f3134;
  border: #1f3134 solid thin;
  width: 180px;
  height: 46px;
  padding: 10px 10px 20px 10px;
  
  text-align: center;
}
.brand-site-link:hover{
  color: #f3f3f3; 
  background-color: #1f3134;
}
.brand-site-link:visited{
  color: #1f3134;
  background-color: none;
}
.brand-site-link img {
  width:26px;
  height:26px;
  float: left;
  float: right;
}

/* 本文中のテキストリンク(枠なし・アイコンは文字と同じ大きさで文末の直後に置く) */
.detail-link{
  color: #1f3134;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.detail-link:hover{
  color: #c53d43;
}
.detail-link:visited{
  color: #1f3134;
}
.detail-link img{
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  margin-left: 0.3em;
}

/*画像の文字回り込み解除*/
.mawarikomi {
  width: 100%;
  height: 100%;
  }
  
.mawarikomi img {
  float: left;
  width: 40%;
  height: 40%;
  margin-right: 50px;
  }
.mawarikomimisson img {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  }

.clearLeft {
  clear: left;
  }


 /*768px以下*/
 @media screen and (max-width:912px) { 
  .bottom-navi{
    height: 210vh;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .tate-jingumae{
    display: none;
  }
  .Long-msg{
    margin-top:30px; 
    width: 100%;
    }
  .Long-msg img{ width: 100%; height: 100%;}
  .brand-site-link img {
    width:16px;
    height:16px;
    float: left;
    float: right;
  }  
}