/* CSS Index

/// Category
=== Parts in Category
--- Detail (effect.....etc)
::: For Multi Device

*/
/* ======================================== font ======================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700);
/* ======================================== body ======================================== */
/* line 52, sass/layout.scss */
body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  line-height: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  color: #323232;
  overflow-x: hidden; }
  /* line 61, sass/layout.scss */
  body a {
    color: #323232; }
    /* line 63, sass/layout.scss */
    body a:hover {
      transition: .2s;
      opacity: 0.60;
      filter: progid:DXImageTransform.Microsoft.alpha(Opacity=70,FinishOpacity=70);
      cursor: pointer !important; }
  /* line 70, sass/layout.scss */

/* ======================================== karadanonayami ======================================== */
/* line 81, sass/layout.scss */
article #trouble {
  width: 100%; }
  /* line 83, sass/layout.scss */
  article #trouble h2 {
    font-size: 26px;
    font-weight: 600;
    border-bottom: 1px solid #5AC8A0;
    padding-bottom: 15px; }
  /* line 89, sass/layout.scss */
  article #trouble .flamebox {
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #EBEBEB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    /* line 95, sass/layout.scss */
    article #trouble .flamebox p {
      line-height: 150%; }
    /* line 98, sass/layout.scss */
    article #trouble .flamebox h3 {
      margin-top: 50px;
      font-size: 16px;
      font-weight: 600;
      border-bottom: 1px solid #5AC8A0;
      padding-bottom: 8px; }
    /* line 105, sass/layout.scss */
    article #trouble .flamebox h4 {
      margin-top: 20px;
      font-size: 16px;
      font-weight: 600; }
      /* line 109, sass/layout.scss */
      article #trouble .flamebox h4 span {
        color: #5AC8A0; }
      /* line 112, sass/layout.scss */
      article #trouble .flamebox h4:nth-of-type(2) {
        margin-top: 30px; }
    /* line 116, sass/layout.scss */
    article #trouble .flamebox table {
      border: 1px solid #5AC8A0;
      text-align: left;
      margin-top: 15px; }
      /* line 120, sass/layout.scss */
      article #trouble .flamebox table tr {
        border-bottom: 1px solid #5AC8A0; }
        /* line 122, sass/layout.scss */
        article #trouble .flamebox table tr:nth-of-type(2n+1) {
          background: #FAF5E6; }
        /* line 125, sass/layout.scss */
        article #trouble .flamebox table tr th {
          width: 270px;
          padding: 10px;
          background: #DEF4EC; }
          /* line 129, sass/layout.scss */
          article #trouble .flamebox table tr th:nth-of-type(1) {
            border-right: 1px solid #5AC8A0; }
        /* line 133, sass/layout.scss */
        article #trouble .flamebox table tr td {
          width: 270px;
          padding: 10px; }
          /* line 136, sass/layout.scss */
          article #trouble .flamebox table tr td span {
            display: block;
            margin-top: 10px; }
          /* line 140, sass/layout.scss */
          article #trouble .flamebox table tr td:nth-of-type(1) {
            border-right: 1px solid #5AC8A0; }
    /* line 146, sass/layout.scss */
    article #trouble .flamebox a {
      display: block; }
      /* line 148, sass/layout.scss */
      article #trouble .flamebox a img {
        display: block;
        width: 231px;
        height: 56px;
        margin: 0 auto;
        margin-top: 40px; }