@import url("./pc.css") screen and (min-width:769px);
@import url("./tb.css") screen and (min-width:641px) and (max-width:768px);
@import url("./sm.css") screen and (max-width:640px);


/*ここから下はPC・スマホ・タブレット共通項目*/


body{
	margin:0;
	padding:0;
	color:#454545; /* 全体の文字色 */
	text-align:center;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-color:#fff;
}
/* --- 全体のリンクテキスト --- */
a:link{color:#0000ff;}
a:visited{color:#000090;}
a:hover{color:#ff8000;}
a:active{color:#ff0000;}

img{
    margin:0 auto;
    padding:0;
   display: block;
}

/* 追尾ボタン */

#purchase-button {
  position: fixed;
  bottom: -100px; /* ボタンを画面外に配置 */
  left: 25%;
  transform: translateX(-5%);
  cursor: pointer;
  transition: bottom 0.3s; /* アニメーションの時間を設定 */
}

#purchase-button img {
  width: 120%;
  height: auto;
}

/* スクロールされたら表示する */
body.scrolled #purchase-button {
  bottom: 0;
}

/* PC表示のみ非表示 */
@media only screen and (min-width: 768px) {
  #purchase-button {
    display: none;
  }
}