@charset "utf-8";

/*
エディタ＆表示側　両方から参照するCSS
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リセットCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 640px) {
body{
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
}/* end media query */

body{
    margin:0;
    font-size: 62.5%;/* ベースの初期化→必須 */
    font-family:sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;/* ベースの初期化→必須 */
    font-weight:normal;
    margin:0;
}
th{
    font-weight:normal;
}
ul,ol {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
ol li:before{
    font-family: 'Roboto', sans-serif;
}
p,
blockquote {margin: 0;}
table {
    border-collapse: collapse;
}
img{
    max-width:100%;
    vertical-align: bottom;
}
a img{border:none;}/* forIE */
label{cursor: pointer;}
textarea, input, select,button {
    max-width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body{
    font-size:12px;
    line-height:1.4;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
}
table {
    width: 100%;
    background-color:#fff;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
/* OLのカウンター */
ol{
  counter-reset: ol_cnt; 
}
ol ol{
  counter-reset: ol_cnt2; 
}
ol ol ol{
  counter-reset: ol_cnt3; 
}
ol > li{
  counter-increment: ol_cnt;
}
ol ol > li{
  counter-increment: ol_cnt2;
}
ol ol ol > li{
  counter-increment: ol_cnt3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スタイル変化時のアニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*{
-webkit-transition: background-image 0.3s linear 0,background-color 0.3s linear 0,color 0.3s linear 0;
-ms-transition: background-image 0.3s linear 0,background-color 0.3s linear 0,color 0.3s linear 0;
-moz-transition: background-image 0.3s linear 0,background-color 0.3s linear 0,color 0.3s linear 0;
transition: background-image 0.3s linear 0,background-color 0.3s linear 0,color 0.3s linear 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テキスト選択時のスタイル変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
::selection {
    background: rgba(30, 140, 190, 0.5);
    color: #FFF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Clear Fix
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cf:before, 
.cf:after { 
    content:""; 
    display:table; 
} 
.cf:after {clear:both;} 
.cf {zoom:1;}