@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *  base
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

*		{ margin: 0; padding: 0; box-sizing: border-box; }

body		{ font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img		{ border: 0; vertical-align: bottom; }
ul		{ list-style-type: none; }
a		{ text-decoration: none; }
mark		{ font-weight: bold; color: inherit; background-color: transparent; }
table		{ border-collapse: collapse; border-spacing: 0; }
hr		{ display: block; height: 1px; border: none; border-top: 1px solid #d3d3d3; margin: 0.8em 0; }
input, select	{ vertical-align: middle; }

/* ---------------------------------------------------------------------------
//  clearfix
--------------------------------------------------------------------------- */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}