/**** PC版 ****/
@media only screen and (min-width:600px) {

  .article-body{
    line-height:initial !important;
  }
  
  .button_container {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding-right: 70px;
  }
  
  .buttons {
        display: flex;
        align-items: center;
        padding:0 0 10px 30px;
        text-align: left;
  
      }
    .func_button {
        cursor: pointer;
        align-items: center;
    }
      .formula-area-box{
        display: flex;
        justify-content: flex-start;
        padding: 0 0 0 20px;
      }

      .answer-box-parent{
        width: 100%;
        padding:10px;
        margin: 5px;
        border:solid 1px #ccc;
        border-radius: 5px;
        background-color: #fdfdfd;
        text-align: center;

      }
  
      .answer-box-child{
        height: 60px;
        line-height: 60px;
        font-size: 25px;
      }

      .pct-flex{
        float: left;
      }

      .pct-flex:nth-child(1){
        width: 75%;
      }

      .calc-part{
        background-color: #f6f1f1;
        padding:10px;
        margin: 5px;
        width: 100%;
      }

      .calc-title{
        margin:0 15px 0 30px;
        font-weight:bold;
      }

      .calc-cont{
        margin:0 10px 0 30px;
        line-height: 30px;
      }

      .input-text {
        height: 28px;
        font-size: 16px;
        flex-grow: 0.5;
        margin-right: 0px;
        min-width: 40px;
        max-width: 180px;
        padding:0 0 0 10px;
      }

      .error-message {
        color: red;
        font-size: 0.8em;
        margin-left:32px;
      } 
    
    }
    
    /**** スマホ版 ****/
    @media screen and (max-width: 600px) {
    
      h1{
        margin-bottom:5px;
      }
    
      .button_container {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
      }
    
      .buttons {
          display: flex;
          align-items: center;
          padding:0 0 10px 3px;
          text-align: left;    
        }
    
      .func_button {
          cursor: pointer;
          align-items: center;
      }
      .formula-area-box{
        display: flex;
        justify-content: flex-start;
        padding: 0 0 0 10px;
      }

      .answer-box-parent{
        padding:0 10px 0 10px;
        margin: 5px;
        width: 90%;
        border:solid 1px #ccc;
        border-radius: 5px;
        background-color: #fdfdfd;
        text-align: center;
      }
      .answer-box-child{
        height: 60px;
        margin-left: 5px;
        line-height: 60px;
        font-size: 25px;
      }
      .pct-flex{
        float: left;
      }

      .pct-flex:nth-child(1){
        width: 75%;
      }
      .calc-part{
        background-color: #f6f1f1;
        padding:10px 0;
        margin: 5px 0;
        width: 100%;
      }

      .calc-title{
        margin:0 15px 0 10px;
        font-weight:bold;
      }

      .calc-cont{
        margin:0 10px 0 10px;
        line-height: 30px;
      }

      .input-text {
        height: 28px;
        font-size: 16px;
        flex-grow: 0.5;
        margin-right: 0px;
        min-width: 20px;
        max-width: 60px;
        padding:0 0 0 10px;
      }

      .input-text::placeholder {
        color: transparent;
      }

      .error-message {
        color: red;
        font-size: 0.6em;
        margin-left:8px;
      } 
    }
    
    .equal-box{
      margin:0 30px 0 30px;
    }
    
  .focused {
    background-color: #e0f7fa !important;
  }
    
  .key:hover {
      background-color: #d4d4d4;
  }
    
  .result-box{
      margin:5px 0 0 0;
      display:block;
  }
    
  .article-header__inner {
      padding-bottom: 0px !important;
  }
  
  .article-body>*:not([class*="epb-spacer"]):not(:first-child) {
    margin-top: 10px !important;
  }
  
  .article-body{
  line-height:var(--ep-base-line-height-sp, 1.8) !important;
  }
  
  .article-body table{
  width:initial !important;
  }
  
  .meta-category {
    display:none;
  }
  
  table td{
  padding:initial !important;
  border:initial !important;
  }
  
  td, th{
  word-break:initial !important;
  }

h3{
margin-top:30px;
}