@charset "utf-8";

/* page_title　固有 */
h1.page_title{
  margin-bottom: 5px;
  border-top: solid 2px #ffcc66;
}

span.red{
  font-weight: normal;
}


/* ---　写真パネル　---*/
.top_images{
  display: flex;
  justify-content: space-between;
}
.top_images img{
  width: 20%;
  margin: 0;
}


/*  音楽　目次　20221009  */
nav.sub_nav_music09{
  width: 100%;
  margin: 0;
  background-color: #555555;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
ul.sub_nav_top_music09{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  padding: 10px 30px 20px 30px;
  margin: 0;
}
.sub_nav_top_music09 li{
  width: 33%;
  padding: 4px 10px 4px 0;
  color: #000;
  line-height: 1.4;
  /* text-shadow: 1px 2px 2px #808080; */
}
.sub_nav_top_music09 li a{
  font-weight: bold;
  display: block;
  color: #fff;
}
.sub_nav_top_music09 li.border-top{
  width: 33%;
  padding: 14px 10px 7px 0;
  margin: 10px 0 0 0;
  border-top: solid 1.5px #ffcc66;
}


p.itsumademo{
  width: 93.5%;
  border-bottom: solid 1.5px #ffcc66;
  margin: 0 auto;
  padding: 25px 0 20px;
  text-align: center;
  font-size: 22px;
}
p.itsumademo a{
  color: #fff;
}


/* ---- box_section  ----*/
.box_section{
  width: 100%;
  margin: 0px auto;
}

/* ひとつひとつの記事　*/
.box{
  display: flex;
  justify-content: center;
  width: ;
  padding: 35px 30px 20px;
  margin: 0px auto 0px;
  border-bottom: solid 15px #ffcc66;
}
.box_img{
  width: 23%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.box_img a{
  display: block;
  transition: all 0.6s ease 0s;
}
.box_img a:hover{
  opacity: 1;
  cursor: pointer;
  transform: scale(1.05,1.05);
}
.box_img img{
  box-shadow: 0px 0px 15px 0px;
}

/* 真ん中のコラム　*/
.right01{
  width: 32%;
  margin: 0px 5px 0 20px;
}
h4.heading{
  margin: 0;
  padding: 0px 10px 10px 0;
  line-height: 1.4;
  text-shadow: 1px 2px 3px #808080;
}
h4.heading a{
  font-size: 22px;
  color: #000;
  line-height: 1.3;
}
p.cd,p.cd_sub{
  margin: 3px 0 3px;
  padding: 6px 20px;
  background-color: #042234;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
}
p.cd_sub{
  background-color: gray;
  text-indent: -27px;
  padding: 4px 5px 4px 38px;
  margin: 0px 0 0px;
}
p.centering{
  text-align: center;
}
.box_contents{
   width: 100%;
   margin: 0;
}
p.p00{
  margin: 5px 0 13px 0px;
  padding: 7px 10px 7px 15px;
  background-color: #eee;
  border-top: solid 1.5px #042234;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}

/* 最右列のコラム　*/
.right02{
  width: 32%;
  margin: 10px 0px 0 20px;
  padding: 0px 10px;
  position: relative;
}
/* 解説　*/
.kaisetsu{
  width: 100%;
  margin: 0;
  padding: 10px 0 8px;
  font-size: 14px;
  color: #663300;
  font-weight: bold;
}
/* くの字型矢印 */
.arrow{
  border-top: solid 3px #003399;
  border-right: solid 3px #003399;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  margin: 5px 30px 0 0;
  padding: 0;
}
p.pp{
  font-size: 14px;
  margin: -15px 0px 10px 20px;
}
a p.pp{
  font-weight: bold;
}

p.p01{
  width: 105%;
  margin: 5px 0 5px 0;
  padding: 5px 0px;
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
p.kaisetsu_backgroundcolor{
  width: 105%;
  margin: 0px 0 10px 0px;
  padding: 15px;
  background-color: #ffefe0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
p.date{
  margin: 0 0px 0px 0;
  text-align: right;
  font-size: 11px;
}
.box_contents a{
  color: red;
}
img.small{
  width: 30%;
  margin: 5px 10px 0 0;
}
.cd_images{
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
  margin: 10px 10px;
}
.cd_images img{
  width: 100px;
  margin: ;
}
.p03{
  width: 100%;
  margin: 0 0 0 10px;;
  font-size: 12px;
  line-height: 1.4;
}