/*
Theme Name : airplot
*/
html {
    position: relative;
    min-height: 100%;
  }
  
  body{
  background-color:#f7f7f7;
  color: #374037;
  font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

  .header-container {
    width:100%;
    margin-right: auto;
    margin-left: auto;
  }
  .nav-container {
    width:100%;
    margin-right: auto;
    background-color: #1183e4;
    margin-left: auto;
  }
  .description{
    margin-bottom: 0;
  }
  header{
  margin:0 auto;
  padding:30px 30px 5px 30px;
  max-width: 1200px;
  }
h1#sitetitle a{
  text-decoration: none;
  color: #374037;
  font-weight: bold;
}
  
  .nav-link:last-child{border-right:none;}
  .nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
  }
  .main-container{
    max-width:1200px;
    margin:0 auto;
    padding:30px 15px 30px 15px;
    background:#FFF;}
    h3.side{
      font-size: 1rem;
      color: #39548D;
        }
        .sidename{
          color: #1183e4;
			font-variant:bold;
          font-size: 1.6rem;
			margin-top:15px;
			margin-bottom:30px;
         }
         .tel{
          font-size: 1.5rem;
          display: block;
        }
        .mail{
			font-size:18px;
          padding: 15px;
        }
   h2{
      color: #0c4f9e;
      font-size: 20px;
      font-weight:bold;
      border-bottom: 1px solid #0c4f9e;
   }
   footer{
    background-color: #1183e4;
color:#f7f7f7;
display: flex;
max-width: 100%;
   }
   .effect{
    background: #D4E6F4;
    height: 110px;
    margin-bottom: 15px;
	font-size:97%;
  }
  .effect .card-title{
    font-weight: bold;
    color: #0C4F9E;
	font-size:97%;

  }
  .notes{
    background: #1183E4;
    margin-bottom: 15px;
  }
  .notes .card-title,.notes p.card-text{
    font-weight: bold;
    color: #f7f7f7;
  }
.card-title
{  padding-bottom: .2rem;
    border-bottom: solid;}
  .information{
    background-color: #0c4f9e;
    text-align: center;
    color: #fff;
  }
  .th{
    background-color: #0c4f9e ;
    text-align: center;
    color: #fff;

  }
  .f7{
    background: #f7f7f7;
  }
  .f7 td.th{
    background: #0c4f9e;
  }
  object{
    width: 100%;
    border: 1px solid #000;
  }
  #itempage h3{
    background: #0c4f9e;
  }
  div.usccart_navi ol.ucart {
    padding-left: 0;
    list-style: none;
  }
  
  div.usccart_navi li.ucart {
    display: inline-block;
  }

  @media (min-width: 992px) {
    .nav{display: flex;
      align-items: center;
      }
  
  .nav,.nav-link{
  max-width:1200px;
  margin:0 auto;
  background-color: #1183e4;
  padding: 10px;
  }
  .nav-link{
  font-size: 16px; 
  color: #f7f7f7;
  flex: 1;
  min-width: 6em;
  height: 62px;
  font-weight:bold;
  }
  .nav-link a{
    color: #f7f7f7;
    display: block;

  }
  .onav{line-height: 40px;}
  .nav-link:hover{color:#fff;
    background: #0c4f9e;
  }
    }
    @media (max-width: 991.99px) {
      .nav{display: flex;
        flex-direction: column;

        align-items: center;
        }
    
    .nav,.nav-link{
    max-width:100%;
    margin:0 auto;
    background-color: #1183e4;
    padding: 10px;
    }
    .nav-link{
    font-size: 14px; 
    color: #f7f7f7;
    flex: 1;
    width: 100%;
    height: 62px;
    font-weight:bold;
    }
    .nav-link a{
      color: #f7f7f7;
      display: block;
  
    }
    .onav{line-height: 40px;}
    .nav-link:hover{color:#fff;
      background: #0c4f9e;
    }
      }
      @media screen and (max-width: 767.98px) {
        h1#sitetitle{text-align: center;}
        .description{text-align: center;}
        footer{display: block;text-align: center;}

   }
   @media screen and (max-width: 576px) {
    h1#sitetitle a{font-size: 22px;}
}