@charset "utf-8"; 

/*reset*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;}
body {margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img,img a,a img{ margin: 0; padding: 0; border: 0; border-style: none; text-decoration: none;}
a:focus { outline: none;}


/* = Selected Text
----------------------------------------------- */
::selection {
    background:#2c90d2; /* Safari */
}

::-moz-selection {
    background:#2c90d2; /* Firefox */
}



/* = format css
----------------------------------------------- */


/* position 設定 */

.abc{/* 常に中央表示 */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* background 設定 */
.bgc{
    background-position: center center;
    background-size: cover;
}

.bgf{
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/* animate time */
.t01{transition: all 0.1s;}
.t02{transition: all 0.2s;}
.t03{transition: all 0.3s;}
.t04{transition: all 0.4s;}
.t05{transition: all 0.5s;}
.t06{transition: all 0.6s;}
.t07{transition: all 0.7s;}
.t08{transition: all 0.8s;}
.t09{transition: all 0.9s;}
.t10{transition: all 1s;}

/* box-shadow */
.bs{
box-shadow:0px 0px 18px -3px #525252;
-moz-box-shadow:0px 0px 18px -3px #525252;
-webkit-box-shadow:0px 0px 18px -3px #525252;
}

/* text format tf[両端揃え] tc[中央寄せ] */
.tf{
    text-align: justify;
    letter-spacing: 1px;
}
.tc{
    text-align: center;
    letter-spacing: 1px;
}

/* ブラー用 参考CSS 
.bgImage{
  background: url() no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
*/

/*:beforeにぼかし効果を設定する*/
.blur:before{
  content: '';
  background: inherit;/*.blurで設定した背景画像を継承する*/
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}