@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	共通

	※bootstrap.cssを先に読み込み
	※ECは非対応

---------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("layout.css");
@import url("contents_parts.css");



/* ---------------------------------------------------------------------------------------- 

	カスタマイズ

---------------------------------------------------------------------------------------- */

@import url("base.css");
@import url("color.css");


/* ---------------------------------------------------------------------------------------- 

	EC

---------------------------------------------------------------------------------------- */

@import url("ec.css");



/* ----------------------------------------------------------------------------------------

	エディター用
	
	editor.css にはエディターの背景色を記述
	FOR_EDITOR 内はエディターで表示するスタイルを記述

---------------------------------------------------------------------------------------- */
@import url("editor.css");

/* FOR_EDITOR */

/* /FOR_EDITOR */

#fixed {
  position: fixed;
  /*基準を画面の左上に*/
  float: right;
  right:15px;
  bottom: 20px;
    /*余白が入らないように*/
  margin: 0;
  transition: box-shadow 0.5s ease-out, transform 0.5s ease-out;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .9));
}
#fixed:hover {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .9));
  transform: translateY(-3px);
}

#fixed-02 {
  position: fixed;
  /*基準を画面の左上に*/
  float: right;
  right:15px;
  bottom: 100px;
    /*余白が入らないように*/
  margin: 0;
  transition: box-shadow 0.5s ease-out, transform 0.5s ease-out;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .9));
}
#fixed-02:hover {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .9));
  transform: translateY(-3px);
}