/* #309dd1 */

body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.anime {
	width: 100%; 
		height: 100%;
  margin: 0 auto;
  text-align: center;
  border-radius: 3px;	
	background-color: #666;
	position: relative;
	z-index: 1000;
}



.mainSite {
	width: 100%;
	height: 100%;
	max-height: 1080px;
	background-color: #666;
	position: relative;
}



.logo_la{ position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  }


@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
 
      1% {
        display: block;
        opacity: 0;
      }
 
      100% {
        display: block;
        opacity: 1;
      }
    }

@media only screen and (max-width:480px) {
	
	.logo_la{
		width: 80%;
}
}
	

#fh5co-page{z-index: 501;}	
	
	
	
	/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 20px;
    right: 0px;
				z-index: 500;
				
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 座標の基準要素にする */
    position: relative;

    /* 横幅 */
    width: 65px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 20px; }

/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}

/* 吹き出し要素 */
#fixed_right_banner > * > span
{
    /* マウスオーバー時以外は非表示にする */
    display: none;

    /* 画像の左上に移動 */
    position: absolute;
    top: -1em;
    left: -1em;

    /* 画像の左上に移動 */
    padding: .5em 1em;

    /* 背景色 */
    background-color: #c00;

    /* 画像の左上に移動 */
    border-radius: 5px;

    /* テキストの設定 */
    color: #fff;
    font-size: .75em;
    text-align: center;
    white-space: nowrap;
}

/* 吹き出し要素の足部分 */
#fixed_right_banner > * > span::after
{
    content: '';
    position: absolute;
    top: 99%;
    left: 1em;
    z-index: 5;
    width: 0;
    height: 0;
    border-color: #c00 #c00 transparent transparent;
    border-style: solid;
    border-width: 5px;
}

/* マウスオーバーされたら吹き出しを表示 */
#fixed_right_banner > *:hover > span
{
    /* マウスオーバー時以外は非表示にする */
    display: block;
}
#fixed_right_banner > * > span
{
    /* noneになっているとアニメーションしないのでblockに変更 */
    display: block;

    /* マウスオーバー時以外は非表示にする為に追加 */
    visibility: hidden;
    opacity: 0;

    /* 左座標の初期値を変更 */
    left: 0;

    /* アニメーション */
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/* マウスオーバーされたら吹き出しを表示 */
#fixed_right_banner > *:hover > span
{
    /* 必要ないので削除する */
    /*display: block;*/

    /* マウスオーバーで吹き出しをスライドして表示 */
    visibility: visible;
    opacity: 1;
    left: -1em;
}

div.radius1 {
	font-size: 0.7em;
	background-color: #fff;
	color: #333;
 border-radius: 0px;
 margin-right: 0px;
 width: 25px;
 height: 149px;
 padding: 5px;
 display: inline-block;
	text-align:center;
}

.p-tume{ line-height: 1.2em; -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;}

@media only screen and (max-width:480px) {
	#fixed_right_banner{right: -30px;}
	
div.radius1 {height: 125px;}
				}