@charset "utf-8";

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リセットCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 640px) {
body{
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word
}
}/* end media query */
* {
    box-sizing: border-box;
}
body{
    margin:0;
    font-size: 62.5%;/* ベースの初期化→必須 */
    font-family:sans-serif;
    word-break: break-all;/* 長いURLなど、文節を含まない英数文字でも適切に改行を行なうための指定(2016-11-09) */
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;/* ベースの初期化→必須 */
    font-weight:normal;
    margin:0;
}
em{
    font-style:normal;
}
th{
    font-weight:normal;
    white-space: nowrap;/* TH列に一々幅指定をしなくても良い様にするための指定(2016-11-08) */
}
ul,ol {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
ol li:before{
    font-family: sans-serif;
}
dl,
dd {
    margin: 0;
}
p,
blockquote {margin: 0;}
table {
    border-collapse: collapse;
}
img{
    max-width:100%;
    vertical-align: bottom;
    height:auto;
}
a img{border:none;}/* forIE */
label{cursor: pointer;}
textarea, input, select,button {
    max-width: 100%;
}
select {
    margin: 2px;
}
input[type="submit"],
input[type="button"],
button {
    cursor: pointer;
    border: none;
    display:inline-block;
}
/* iPadなどの端末のオリジナルスタイルをリセット【必要なスタイルまでリセットされてしまうため適用を一旦見送り】 */
input, button, select, textarea {
    /* -webkit-appearance: none; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body,input, textarea, keygen, select, button{
    font-size:13px;
    line-height:1.4;
    color:#333;
}
a{
    color:#333;
}
body,input, textarea, keygen, select, button, .gothic{
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
}
.mincho {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
table {
    width: 100%;
    /*background-color:#fff;*/
}
th {
    text-align: left;
}
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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スタイル変化時のアニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* アスタリスクセレクタで一括指定していたが、IEのセレクトボックスの動作が不自然になるバグがあり、変更(2017-01-20) */
a,
li{
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

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

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