/*
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 991px) {
}
@media (max-width: 576px) {
}
/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
  border-color: #d6d6d6;
}
.hpb-parts-hl-style{
  padding: 3px 0.2em !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border-color: #089DED;
}
.hpb-parts-cbox-style{
  border-color: #d6d6d6;
}
.hpb-parts-hr-style{
  border-color: #d6d6d6;
}
.hpb-parts-pbox-style{
  border-color: #d6d6d6;
}
.hpb-parts-pbox-style h4{
  padding: 0px !important;
}
.hpb-parts-blist-style{
  border-color: #f07e42;
}
a:link.hpb-parts-blist-style{
  color: #666666;
}
a:visited.hpb-parts-blist-style{
  color: #666666;
}
a:hover.hpb-parts-blist-style{
  color: #089DED;
}
a:active.hpb-parts-blist-style{
  color: #089DED;
}
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
  .hpb-parts-hl-style{
  line-height: 1 !important;
}
}
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
h1{
  border-bottom : 3px solid #d3d3d3;
  font-size : large;
  position : relative;
  width : 620px;
}
h1::first-letter{
  font-size: 2em;
  color: #0095d9;
}
h1::after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0095d9;
  bottom: -3px;
  width: 20%;
}
table.noborder{
  border-style : none;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
table.noborder th{
  border-style : none;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
table.noborder td{
  border-style : none;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
.news-comment{
  width : 157px;
  height : 248px;
  border-width: 1px;
  border-style: solid;
  border-color: silver;
  padding-top : 20px;
  padding-left : 17px;
  padding-right : 15px;
  padding-bottom : 10px;
  float : left;
  margin-right : 15px;
  margin-bottom : 15px;
}
.news-photo{
  width: 90px;
  height : auto;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  margin-top : 15px;
  margin-left : 30px;
  margin-bottom : 5px;
}
.A{
  text-transform : capitalize;
}
.answer{
  font-size : 15px;
  font-weight : bold;
  color : #cc0000;
}
.list{
  width : 253px;
  float : left;
  padding-top : 10px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  border-width : 1px;
  border-style : dotted;
  border-color : gray;
  margin-bottom : 15px;
  margin-left : 15px;
  height : 110px;
}
.list img{
  width : 70px;
  height : auto;
  float : left;
  border-width : 1px;
  border-style : solid;
  border-color : gray;
  margin-right : 10px;
  margin-top : 10px;
}
.list p{
  margin-bottom : 5px;
  font-weight : bold;
  margin-top : 10px;
}
.list link{
  text-decoration : none;
}
.square_btn{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color : white;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #9fdcf9;
  /*色*/
    border : 1px solid #9fdcf9;
  /*線色*/
    border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  margin-top : 7px;
}
.square_btn:active{
  /*押したとき*/
    border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
}
.book img{
  border-width : 1px;
  border-style : solid;
  border-color : black;
  width : 150px;
  float : left;
  margin-right : 15px;
  margin-bottom : 15px;
}
.DLbox{
  width : 275px;
  float : left;
  margin-right : 20px;
  margin-bottom : 20px;
}