@charset "shift_jis";
#breadcrumb {
    padding: 8px 0;
    background-color: #ffffff;
}	
#breadcrumb .wrap {
    margin: 0 auto;
    width: 960px;
}

#breadcrumb ul li {
	display: inline-block;
	margin-right: 8px;
	font-size: 12px;
}
#breadcrumb ul li a {
	display: inline-block;
	margin-right: 10px;
	color: #000;
	text-decoration: none;
}
#breadcrumb ul li a:hover {
	color: #66ccff;
	text-decoration: underline;
}
/* ボタン 標準
--------------------*/
.contents a.btn {
  display: inline-block;
  vertical-align: middle;
  border-radius: .2em;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  margin: .5em 0;
  padding: 1em 2em 1em 1em;
  position: relative;
}
.contents a.btn::after {
  content: '\f054';
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -.5em;
}
.contents a.btn:link,
.contents a.btn:visited {
  background : linear-gradient(to bottom, #ffffff, #e9e9e9);
  border: 1px solid #bbb;
  color: #555;
}
.contents a.btn:hover,
.contents a.btn:active {
  border:1px solid #bbb;
  background: #e9e9e9;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  color: #aaa;
}
/* ボタン 紺 */
.contents a.btn-navy:link,
.contents a.btn-navy:visited {
  background : linear-gradient(to bottom, #004098, #013377);
  border: 1px solid #0664E6;
  color: #fff;
}
.contents a.btn-navy:hover,
.contents a.btn-navy:active {
  border:1px solid #0664E6;
  background: #013377;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  color: #ddd;
}
/* ボタン 赤 */
.contents a.btn-red:link,
.contents a.btn-red:visited {
  background : linear-gradient(to bottom, #E94E37, #D6371F);
  border: 1px solid #FF6B55;
  color: #fff;
}
.contents a.btn-red:hover,
.contents a.btn-red:active {
  border:1px solid #FF6B55;
  background: #D6371F;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  color: #eee;
}
/* ボタン サイズ */
.contents a.btn-large {
  font-size: 1.4em;
}
.contents a.btn-middle {
  font-size: 1.2em;
}
/* ボタン 幅いっぱい */
.contents a.btn-block {
  display: block;
}

/* JS読み込み　特集用バナー */
div.tokushu_bnr{
    max-width: 992px;
    margin: 1% auto;
    background: #f3f3f3;
}
div.tokushu_bnr p{
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    background: #004097;
    color: #fff;
}
div.tokushu_bnr ul{
    display: flex;
    flex-wrap: wrap;
}
div.tokushu_bnr ul li{
    width: 15.5%;
    margin: .5%;
    list-style: none;
}
div.tokushu_bnr ul li img{
    width:100%;
}
div.tokushu_bnr ul li a{
    font-size: 14px;
}
div.tokushu_bnr ul li a:hover {
    opacity:.7;
}
div.tokushu_bnr .footbtn {
    text-align: center;
    padding: 2%;
}
div.tokushu_bnr .footbtn a{
    background: #ffffff;
    padding: 1% 5%;
    color: #004097;
    border: #004097 solid 2px;
    border-radius: 7px;
}
div.tokushu_bnr .footbtn a:hover{
    background: #004097;
    color: #fff;
    text-decoration:none;
}
/* パンくず
--------------------*/
.breadcrumbWrap {
  max-width: 960px;
  margin: 0 auto;
  padding: .3em 0;
  overflow: hidden;
  background: #fff;
}
.pankuzu {
  font-size: .9rem;
  text-align: left;
  position: relative;
  z-index: 100;
}
.pankuzu li {
  display: inline-block;
  margin: 0 .1em .2em;
}
.pankuzu li + li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: '\f054';
  margin-right: .2em;
}
.pankuzu li a {
  display: inline-block;
}
@media screen and (max-width: 599px) {
  /* パンくず横スクロール */
  .pankuzu {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /*iOS用慣性スクロール*/
  }
  .pankuzu li {
    margin: 0 .1em .5em;
    white-space: nowrap;
  }
  .pankuzu::-webkit-scrollbar {
    height: 10px;
    display:none;
  }
  .pankuzu::-webkit-scrollbar-track {
    background-color: #FFF;
  }
  .pankuzu::-webkit-scrollbar-thumb {
    background-color: rgba( 238, 238, 238, 0.8);
    }
    
    div.tokushu_bnr ul li {
        width: 31%;
    }
}