﻿@import url(../common/sp-common.css);

body {
background:url(../../img/top/bg_opening_sp.jpg) top center no-repeat #53c2df;
}

#loading-top {
position:absolute;
z-index:-1000;
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
}

#loading-top img {
position:absolute;
left:50%;
top:25px;
margin-left:-35px;
}

#top-appears-block {
background:url(../../img/common/bg_all.jpg) top center repeat;
display:none;
}

#top-appears-block-in {
opacity:0;
}

#top-main-block-sp {
width:100%;
margin:-30px auto 0;
height:auto;
}

#top-contents-top {
display:none;
}

.txt-top01 {
display:none;
}

.txt-top02 {
display:none;
}

.tit-logo {
display:none;
}

.txt-top03 {
display:none;
}

.txt-top04 {
display:none;
}

.btn-comment-sp {
width:93px;
height:93px;
position:inherit;
top:56px;
left:5px;
z-index:1;
}

#top-contents-bottom {
background:url(../../img/top/bg_black.jpg) top center repeat;
height:auto;
padding:20px 0;
color:#ccc;
opacity:1;
font-size:10px;
line-height:12px;
margin-top:-10px;
}

.txt-shutsuen {
font-size:14px;
line-height:18px;
padding-bottom:5px;
}


.bottom-shadow {

}

#top-contents-bottom-main {

}

.img-top-ayase {
display:none;
}

.img-top-hako {
display:none;
}

.txt-top05 {
display:none;
}

.txt-bottom01 {
margin:0 0 15px;
clear:both;
}

.txt-bottom02 {
margin:10px 0 15px;
}


.sns-block-sp {
padding-bottom:15px;
width:220px;
margin:auto;
}

.fb-block {
width:110px;
float:left;
margin-left:10px;
}

.twitter-block {
width:90px;
float:left;
padding-top:0;
}


.top-sns-btn {
clear:both;
width:200px;
margin:auto;
padding-top:4px;
}

.top-btn-fb a {
width:100px;
background:#011d49;
padding:7px 0 7px;
display:block;
color:#fff;
font-size:12px;
line-height:12px;
text-decoration:none;
margin:12px auto 5px;
float:left;
}

.top-btn-twitter a {
width:100px;
background:#1f98c7;
padding:7px 0 7px;
display:block;
color:#fff;
font-size:12px;
line-height:12px;
text-decoration:none;
margin:12px auto 5px;
float:right;
}

#top-contents-bottom a {
  color:#fff;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

#top-contents-bottom a:visited {
  text-decoration:underline;
  color:#ccc;
}

#top-contents-bottom a:hover {
  text-decoration:none;
  color:#fff;
}


