/*タイトル用webフォントのインポート*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*サイト用に以下指定*/
body {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, 
Arial, Helvetica, sans-serif;font-size: 14px;}
h1,h2 {margin: 0;font-family: 'Noto Sans Japanese', sans-serif;font-weight: normal;}
h3,h4,h5 {color: #2E4C71;font-weight: bold;font-family: 'Noto Sans Japanese', sans-serif;}
h1 {font-size: 34px;}
h2 {font-size: 30px;}

a:hover img{
opacity:0.8;
  
-ms-filter: “alpha( opacity=80 )”;
}

.menu li {
    max-height: 0;
    overflow-y: hidden;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    max-height: 46px;
    opacity: 1;
}
.menu {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;

}

.menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    line-height: 1;
    background-color: #AC9DAB;
    border-bottom: 1px solid #FFF;
}

label {
    display: block;
    margin: 0 0 2px 0;
    padding :10px;
    line-height: 1;
    color :#fff;
    background :#533756;
    cursor :pointer;
}

input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    max-height: 46px;
    opacity: 1;
}
.btn2 {
    background:transparent url(btn.png) no-repeat 0 0;
    display: block;
    width:35px;
    height: 35px;
    position: absolute;
    top:6px;
    right:6px;
    cursor: pointer;
    z-index: 200;
}
.peke {
    background-position: -35px 0;
}
.drawr {
    display: none;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:260px;
    padding:60px 0 20px 10px;
    z-index: 100;
}
#menu2 li {
    width:260px;
    border-top: solid 1px #FFF;
}
#menu2 li a {
    color:#fff;
    display: block;
    padding: 10px;
}
#menu2{margin-left: -50px;}


nav,
nav ul{
   width:100%;
   padding:0px;
}

nav ul li{
   width:50%;
   float:left;
   list-style-type:none;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;
   box-sizing: border-box;
   background-color:#0072AD;
   color: #FFF;
   padding: 10px;
 }

nav ul li:nth-child(even){
   border-right:0px;
}

nav ul li:last-child{
   width:100%;
}

nav ul li a{
   display:block;
   color:#fff;
}


.navbar-static-top{background-color: #FFF; border-top: 3px solid #; border-bottom: 1px solid #ccc; }
.navbar-brand{padding:0;}
.navbar{margin-bottom:0;}

.jumbotron{background-color: #0098c4; padding: 0;margin-bottom: 0; }

.top-read h1{margin-top: 0;margin-bottom: 10px;line-height: 1.4;}
.top-read h1 .emphasis{color:#2E4C71;}
.top-read .col-md-7{margin-bottom: 10px;}
.top-read .attention{background-color: #f8f8f8; color:#333333;font-size:20px;font-weight: bold;}

.bg-info,.bg-success{padding: 30px 0; background-color: #f8f8f8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bg-info nav{margin-top: 10px;}
.bg-success {background-color: #DBEDFF;padding:5px 10px;margin-bottom: 10px;height: 120px;}
.bg-success h4{font-size:16px;color:#2E4C71;}

.txt_attention{background-color: #ffff99;color:#FF6600;font-weight: bold;}
.txt_emphasis{color:#000; text-shadow: 0px 0px 2px #999;font-weight: normal;}
.info-top{margin-top: 40px;}
.btn-group{margin-top: 20px;}

/*ボタン色の指定*/
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus{
  color: #fff !important;
  background-color: #91b2c3;
  border-color: #91b2c3;
  font-family: 'Noto Sans Japanese', sans-serif;
}
.btn-success:hover {
  color: #fff !important;
  background-color: #303030;
  border-color: #303030;
  text-decoration: none !important;
}
/*ボタン上吹き出しを利用する場合は以下で色指定*/
.Emphasis_box{
  position: relative;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  width: auto;
  color: #19283C;
  text-align: center;
  background: #FFF;
  border: 3px solid #91b2c3;
  z-index: 0;}
.Emphasis_box:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #FFF transparent transparent transparent;
  z-index: 0;
}
.Emphasis_box:after {
  content: "";
  position: absolute;
  bottom: -12px; left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #91b2c3 transparent transparent transparent;
  z-index: -1;
}

.footer{background-color: #7C2B3C;color:#FFF;position: relative;padding: 20px 10px;}
.footer a{color:#FFF}
.footer a:hover{text-decoration: underline;}
.footer p{margin: 0;}

.phc{border-bottom: 5px double #ccc;}
.fcr{color: #c00000;}
.fcb{color: #196594;}
.fcg{color: #333333;text-align: center;}
.fcw{color: #000;}
.introduction{background:#EDF4F7;text-align: center;color: #91b2c3;margin: 20px 0;padding: 20px 0;}
.fwn{font-weight: normal;}
.footerbgc{background-color: #FFF;}

/*PCのときSPのトップ画を見えなくする*/

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
  
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

hr {
  border-top: 1px solid #bbb;
}


@media (min-width: 769px) {
  .sp{display: none;}
}

/*スマホ用指定*/
@media (max-width: 768px) {
  body {font-size: 14px;line-height: 1.6;}
  h1 {font-size: 20px;}
  h2 {font-size: 18px;margin-bottom: 5px;}
  h3 {font-size: 16px;margin-top: 15px;}
  h4 {font-size: 16px;margin-top: 15px;}
  h5 {font-size: 16px;margin-top: 15px;}
  .pc{display: none;}
  .navbar-header{float: left;width: 50%;margin: 0;}
  .navbar-header img{width: 90%;margin-left: 15px;margin-top: 10px;}
  .navbar-right{float: right;width: 50%;padding: 8px 0 0 0;margin: 0;}
  .navbar-brand {height: auto;}
  .bg-info .attention{font-size: 16px; color: #000;}
  .bg-info{padding: 20px 0;}
  .bg-primary ul li{font-size:14px;line-height:1.6;}
  .bg-primary {border: 5px solid #62453c;}
  .Lead:after {border-width: 30px 80px;bottom: -90px;}
  .text-muted {font-size: 12px;}
  .page-header {padding-bottom: 9px;margin: 20px 0 10px;}
  .bg-success {height: auto;}
  .btn-group{margin-top: 0px;}
  .pad10{padding-top: 10px;}
  .hutoji{font-weight: bold;}
  .underline{text-decoration: underline;}
  .fs18{font-size: 18px;}
  .tb-center td{text-align: center;}
  .info-top{margin-top: 20px;}
  dl{
     width:100%;
     margin:0px;
     line-height:1em;
     font-size: 14px;
     overflow: ;
     _zoom: 1;
}

dl dd,
dl dt{
     text-indent: -2.6em;   
     padding: 0 0px 0px 20px;
}

dl dt{
     margin:20px 0px 0 0;
}

dl dd:first-letter,
dl dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


dl dd{
     margin: 10px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}


dl dt:first-letter{
     color: #0F78E1;
}
dl dd:first-letter{
     color: #ff6767;
}

.menu li {
    max-height: 0;
    overflow-y: hidden;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    max-height: 46px;
    opacity: 1;
}
.menu {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;

}

.menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    line-height: 1;
    background-color: #AC9DAB;
    border-bottom: 1px solid #FFF;
}

label {
    display: block;
    margin: 0 0 2px 0;
    padding :10px;
    line-height: 1;
    color :#fff;
    background :#533756;
    cursor :pointer;
}

input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    max-height: 46px;
    opacity: 1;
}
.btn2 {
    background:transparent url(btn.png) no-repeat 0 0;
    display: block;
    width:35px;
    height: 35px;
    position: absolute;
    top:16px;
    right:6px;
    cursor: pointer;
    z-index: 200;
}
.peke {
    background-position: -35px 0;
}
.drawr {
    display: none;
    background-color:rgba(43,47,47,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:260px;
    padding:60px 0 20px 10px;
    z-index: 100;
}
#menu2 li {
    width:260px;
    border-top: solid 1px #FFF;
}
#menu2 li a {
    color:#fff;
    display: block;
    padding: 10px;
}
#menu2{margin-left: -50px;}


nav,
nav ul{
   width:100%;
   padding:0px;
}

nav ul li{
   width:50%;
   float:left;
   list-style-type:none;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;
   box-sizing: border-box;
   background-color:#000;
   color: #FFF;
   padding: 10px;
 }

nav ul li:nth-child(even){
   border-right:0px;
}

nav ul li:last-child{
   width:100%;
}

nav ul li a{
   display:block;
   color:#fff;
}
.pad0{
  padding: 0 ;
}

.shouhin-font{font-size: 12px;}
}