@charset "utf-8";

/*---------------------
  reset
---------------------*/

  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
  b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
  }

  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section { 
    display: block;
  }

  html {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

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

  img {
    border: none;
    vertical-align: top;
  }

  a {
    border: none;
		color: #000;
		text-decoration: none;
  }

  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  th, td {
    vertical-align: middle;
  }

  /*th {
    text-align: left;
  }*/

  li {
    list-style: none;
  }

  hr {
    display: block;
    height: 1px;
    margin: 0 0 1em;
    padding: 0;
    font-size: 1em;
    line-height: 0;
    border: 0;
    border: none;
  }

  b, strong {
    font-weight: bold;
		/*color: #3d944e;*/
  }

/*---------------------
  iphone用リセット
---------------------*/

  input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],textarea {
    -webkit-appearance: none;
    border-radius: 0;
  }

/*---------------------
  clearfix
---------------------*/

  .clearfix:after {
    content: '';
    visibility: hidden;
    display: block;
    font-size: 0;
    position: static;
    clear: both;
    height: 0;
  }

/*---------------------
  fluid image
---------------------*/

  img,
  iframe,
  object {
    max-width: 100%;
  }

/*---------------------
  roll over
---------------------*/

  a:hover {
    text-decoration: none;
  }

/*---------------------
  common style
---------------------*/

/* コンテンツ画面中央寄せ */

  .inner {
    position: relative;
  }

  .inner:after {
    content: "";
    display: table;
    clear: both;
  }



/* color */
.pink  { color: #ff72a4; }
.white { color: #fff; }
.black { color: #000; }

/* visual */
.block  { display: block;}
.inline { display: inline;}
.table  { display: table;}
.tcell  { display: table-cell;}
.dn     { display: none;}
.vh     { visibility: hidden;}
.oh     { overflow: hidden;}

/* clear */
.cb     { clear: both;}
.cl     { clear: left;}
.cr     { clear: right;}

/* float */
.fl     { float: left;}
.fr     { float: right;}

/* align */
.center { text-align: center;}
.left   { text-align: left;}
.right  { text-align: right;}
.top    { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom;}

/* font */
.f80    { font-size:  .8em;}
.f90    { font-size:  .9em;}
.f120   { font-size: 1.2em;}
.f130   { font-size: 1.3em;}
.f140   { font-size: 1.4em;}
.f150   { font-size: 1.5em;}
.normal { font-weight: normal;}
.bold   { font-weight: bold;}
.indent { text-indent: 1em;}
.strike { text-decoration: line-through;}
.italic { font-style: italic;}

/* color */
.red    { color: #f00;}
.red2   { color: #c00;}
.blue   { color: #09f;}
.blue2  { color: #06f;}
.orange { color: #f90;}
.orange2{ color: #f60;}
.yellow { color: #ff0;}
.green  { color: #096;}

/* list-style-type */
.lstn   { list-style-type: none;}

/* width */
.w10     { width: 10%!important;}
.w20     { width: 20%!important;}
.w30     { width: 30%!important;}
.w40     { width: 40%!important;}
.w50     { width: 50%!important;}

/* margin */
.mb1     { margin-bottom: 1em;}
.mb5     { margin-bottom: 5px;}
.mb10    { margin-bottom: 10px;}
.mb15    { margin-bottom: 15px;}
.mb20    { margin-bottom: 20px;}
.mb30    { margin-bottom: 30px;}

.mt1     { margin-top: 1em;}
.mt5     { margin-top: 5px;}
.mt10    { margin-top: 10px;}
.mt15    { margin-top: 15px;}
.mt20    { margin-top: 20px;}
.mt30    { margin-top: 30px;}

.ml1     { margin-left: 1em;}
.ml5     { margin-left: 5px;}
.ml10    { margin-left: 10px;}
.ml15    { margin-left: 15px;}
.ml20    { margin-left: 20px;}
.ml30    { margin-left: 30px;}

.mr1     { margin-right: 1em;}
.mr5     { margin-right: 5px;}
.mr10    { margin-right: 10px;}
.mr15    { margin-right: 15px;}
.mr20    { margin-right: 20px;}
.mr30    { margin-right: 30px;}