.footer-bab {
  color: #999999;
}
.footer-bab a:link {
  color: #ffffff;
　text-decoration: underline ;}
.footer-bab a:visited {
  color: #ffb3b3;
　text-decoration: none ;
}
.footer-bab a:hover {
  color: #ffff00;
　text-decoration: none ;
}
.footer-bab a:active {
  color: #b3ffb3;
　text-decoration: underline ;
}

.article-bab {
  clear:both;
  width : 95% ;
  max-width : 650px ;
  border:3px #ddb786 double;
  background-color : #fffff0 ;
  margin : 1.5% 0 2% -5%;
  padding : 2% ;
  /*天右地左*/
  font-size : 16px ;
  text-align : left ;
}

.content_left4 {
  float: left;
  margin:-2% 0 -1% 0;
  width: 50%;
  max-width: 400px;
  text-align: center;
  word-break: break-all;
}
.content_right4 {
  float: left;
  margin:3% 0 -1% 0;
  width: 50%;
  max-width:350px;
  text-align: center;
  word-break: break-all;
}

iframe.if-bab {
  width:100%;
  height:250px;
  border : 0px ;
  margin : 0 0 0 0 ;
  /*天右地左*/
}

.if_left1nb {
  display: inline-block;
  float: left;
  width: 20%;
  text-align: center;
  word-break: break-all;
}
.if_right1nb {
  float: left;
  width: 50%;
  text-align: center;
}

.if_whole-bab {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 95%;
  margin:0 0 3% 0;
  text-align: left;
  line-height:150%;
}

.if_left1bab {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 70%;
  max-width:295px;
  text-align: left;
  line-height:150%;
}
.if_right1bab {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
}

@media screen and (max-width: 530px){
.disappear {       display:none;}
}
.marginless {
  /*天右地左*/
  margin: 0 0 -3px;
}

@media (max-width: 600px) {
.if_left1nb, .if_right1nb, .if_left1bab, .if_right1bab, .content_left4, .content_right4, .content_left20rec, .content_right20rec {
float: none;
margin: 0;
width: auto;
}
}