@charset 'UTF-8';
/*==================================================================*/
/* common */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a {
    position: relative;
    padding: .5em;
    margin: -.5em;
    color: #08C;
    text-decoration: none;
    transition: all 0.3s ease-out;
}
a:hover { color: #0AF; }

pre {
    white-space: pre-wrap;       /* Chrome & Safari */
    white-space: -moz-pre-wrap;  /* Mozilla since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* IE6/7 support */
.clearfix {
    *zoom: 1;
}

.visuallyhidden {
    position: absolute;
    width: 1px;  /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;  
}

.ir {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}

.pull-left  { float: left;  }
.pull-right { float: right; }

.text-left   { text-align: left;   }
.text-center { text-align: center; }
.text-right  { text-align: right;  }

.font-size10 {
    line-height: 16px;
    font-size: 10px;
}

.font-size12 {
    line-height: 18px;
    font-size: 12px;
}

.font-size14 {
    line-height: 20px;
    font-size: 14px;
}

.font-size16 {
    line-height: 22px;
    font-size: 16px;
}

.font-size18 {
    line-height: 24px;
    font-size: 18px;
}

.hide  { display: none;  }
.show  { display: block; }
.muted { color: #999;    }

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.break {
    -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
}
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
     -o-text-overflow: ellipsis;  /* Required for Opera */
        text-overflow: ellipsis;
}

.debug div:empty,
.debug span:empty,
.debug li:empty,
.debug p:empty,
.debug td:empty,
.debug th:empty {
    padding: 20px;
    border: 5px dotted yellow !important;
}
  
.debug *[alt=""],
.debug *[title=""],
.debug *[class=""],
.debug *[id=""],
.debug a[href=""] {
    border: 5px solid yellow !important;
}
  
.debug applet,
.debug basefont,
.debug center,
.debug dir,
.debug font,
.debug isindex,
.debug menu,
.debug s,
.debug strike,
.debug u {
    border: 5px dotted red !important;
}
  
.debug *[background],
.debug *[bgcolor],
.debug *[clear],
.debug *[color],
.debug *[compact],
.debug *[noshade],
.debug *[nowrap],
.debug *[size],
.debug *[start],
.debug *[bottommargin],
.debug *[leftmargin],
.debug *[rightmargin],
.debug *[topmargin],
.debug *[marginheight],
.debug *[marginwidth],
.debug *[alink],
.debug *[link],
.debug *[text],
.debug *[vlink],
.debug *[align],
.debug *[valign],
.debug *[hspace],
.debug *[vspace],
.debug *[height],
.debug *[width],
.debug ul[type],
.debug ol[type],
.debug li[type] {
    border: 5px solid red !important;
}
  
.debug input[type="button"],
.debug big,
.debug tt {
    border: 5px dotted #33ff00 !important;
}
  
.debug *[border],
.debug table[cellpadding],
.debug table[cellspacing] {
    border: 5px solid #33ff00 !important;
}