html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-size: 16px;
  font-family: メイリオ, Meiryo;
  background-color: #fff;
}

header {
width: 100%;
margin: 0 auto;
background-color: #182d7c;
background-repeat: repeat-x;
height: 60px;
}


footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #182d7c;
}

a {
  color: #000;
}

#logo
{
   padding: 0px 0px;
   width: 94%;
   max-width: 1000px;
   margin: auto;
}

#logo img {
  height: 60px;
}

@media screen and (min-width: 768px) {

   .toSM{
      display:none;
   }
   .toPC{
   }
}

@media screen and (max-width: 768px) {

   .toSM{
   }
   .toPC{
      display:none;
   }

}


/*colors*/
/*ノジマブルー*/
.nojimaBlue {
   color: #182D7C;
}

/*ノジマレッド*/
.nojimaRed {
   color: #E60019;
}

.marker{
  background: linear-gradient(transparent 40%, rgb(248, 210, 139) 40%);
}

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

#wrapper {
  max-width: 100%;
  margin: 0 5px;
  background-color: #fff;
}

nav {
  max-width: 100%;
  background-color: #f5b1aa;
  margin-bottom:5px;
  border-bottom:2px solid #fff;
}

.emptybox {
  height: 2em;
}

section {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

h2 {
  font-size: 18px;
  /*background: linear-gradient(transparent 50%, #F9CFE0 70%);*/
  margin-bottom: 18px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #f5b1aa;
  margin-top: 1em;
}

h2:before{
font-family: "Font Awesome 5 Free";
content: "\f004";
font-weight: 900;
padding-right:0.2em;
padding-left:0.2em;
color: #f5b1aa;
}

.prodtext01 {
  font-size: 0.9em;
}

.kakukaku {
  border-radius: 0;
}

.prodtext02 {
  text-align: center;
}

.prodtext02 a {
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
}

.prodtext02 a:hover {
  border-bottom: 1px dotted #f5b1aa;
}

.box01 {
  margin-bottom: 2em;
}

/*ナビ設定*/

.nav-pills>li>a {
    border-radius: 0;
    font-size:0.8em;
    text-align: center;
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FF7F8F;
    color: #fff;
}

.navborder {
    border-right: 1px solid #fff;
    width:16.5%;
}


.navborder2 {
    border-right: 1px solid #fff;
    width:16.5%;
}

.navborder3 {
    border-right: 1px solid #fff;
    width:16.5%;
}

/* ------------------------------------ */
/* ▼スマホ用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (max-width: 767px) {

.navborder {
    border-right: 0px dotted #fff;
    width:32.6%;
    padding:auto;
}


.navborder2 {
    border-right: 0px dotted #fff;
    width:32.6%;
    padding:auto;
}

.navborder3 {
    border-right: 0px dotted #fff;
    width:32.6%;
    padding:auto;
}

}
/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media all and (min-width: 768px) {

#wrapper {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
}

nav {
    max-width: 1000px;
  margin: 0 auto;
  background-color: #f5b1aa;
  margin-bottom:5px;
  border-bottom:2px solid #fff;
}

.emptybox {
  height: 0em;
}

.navborder {
    border-right: 1px solid #fff;
    width:16.4%;
}


.navborder2 {
    border-right: 1px solid #fff;
    width:16.4%;
}

.navborder3 {
    border-right: 0px solid #fff;
    width:16.4%;
}

h2 {
  font-size: 20px;
  /*background: linear-gradient(transparent 50%, #F9CFE0 70%);*/
  margin-bottom: 20px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #f5b1aa;
}

h2:before{
font-family: "Font Awesome 5 Free";
content: "\f004";
font-weight: 900;
padding-right:0.2em;
padding-left:0.2em;
color: #f5b1aa;
}

/*ナビ設定*/

.nav-pills>li>a {
    border-radius: 0;
    font-size:0.8em;
    text-align: center;
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FF7F8F;
    color: #fff;
}

.navborder {
    border-right: 1px solid #fff;
}

.navborder2 {
    border-right: 1px solid #fff;
}




}
/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 920px) {

#wrapper {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
}

nav {
    max-width: 1000px;
  margin: 0 auto;
  background-color: #f5b1aa;
  margin-bottom:5px;
/*  border-bottom:2px solid #fff;*/
}

.emptybox {
  height: 2em;
}


h2 {
  font-size: 20px;
  /*background: linear-gradient(transparent 50%, #F9CFE0 70%);*/
  margin-bottom: 20px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #f5b1aa;
}

h2:before{
font-family: "Font Awesome 5 Free";
content: "\f004";
font-weight: 900;
padding-right:0.2em;
padding-left:0.2em;
color: #f5b1aa;
}

/*ナビ設定*/

.nav-pills>li>a {
    border-radius: 0;
    font-size:1.0em;
    text-align: center;
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FF7F8F;
    color: #fff;
}

.navborder {
    border-right: 1px solid #fff;
}

.navborder2 {
    border-right: 1px solid #fff;
}






}


.is-fixed {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
}

#hahanohikanban{
background:#ffefef;
padding:10px;
}