@charset "utf-8";
/* CSS Document */

    .back {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      padding: 10px;
      width: 100%;
      height:60px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0.8);
      font-weight: bold;
      font-size: 13px;
      color: #252525;
      z-index:10;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
  	  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
  	  -webkit-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.5);
  	  -moz-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.5);
    }

    .reload.bell {
      font-size: 12px;
      padding: 20px;
      width: 45px;
      text-align: center;
      height: 47px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    
    
    .reload, .btn{
      display: inline-block;
      border: 4px solid #A2261E;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #CC3126;
      display: inline-block;
      line-height: 100%;
      padding: 0.7em;
      text-decoration: none;
      color: #fff;
      width: 100px;
      line-height: 140%;
      font-size: 13px;
      font-family: open sans;
      font-weight: bold;
	  	  text-align: center;
    }
    .reload:hover{
      background: #444;
    }
    .btn {
      width: 200px;
      color: rgb(255, 255, 255);
      border: 4px solid rgb(0, 0, 0);
      background: rgba(3, 3, 3, 0.75);

    }
    .clear {
      width: auto;
    }
    .btn:hover, .btn:hover {
      background: #444;
    }
    .btns {
      width: 250px;
      margin: 20px auto;
      text-align: center;
    }

.backtotop {
display: none;
}

/* ----------これからPC向けの変更を行います！------------------------------------------ */
@media screen and (min-width: 641px) {
/* ------------------------------------------------------------------------------- */
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 8000;
    display: none;
    line-height:120%;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"," Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic"," sans-serif";
    background:#252525;
    display: block;
}

.backtotop a {
	display: block;
	color: #fff;
	padding: 3px 6px;
	margin: 0 0 0 5px;;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.backtotop a:before {
	content: "∧";
	margin-right5px;
}

.clearfix{
	clear:both;
}