/*----- フェードイン -----*/
.inviewfadeIn {
   opacity: 0;
   transition: .8s;
}
    
.fadeIn {
   opacity: 1.0;
}

/*----- 上へスライド -----*/
.inviewUp {
   transform: translate(0, 40px);
   -webkit-transform: translate(0, 40px);
   transition: .8s;
}
    
.Up {
   transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
   transform: scale(0, 0);
   -webkit-transform: scale(0, 0);
   transition: .8s;
}
    
.zoomInOver {
   transform: scale(1.12, 1.12);
   -webkit-transform: scale(1.12, 1.12);
 }

.zoomIn {
   transform: scale(1, 1) ;
   -webkit-transform: scale(1, 1) ;
} 
   
/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}
    
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/*----- フェードインしながら右へスライド -----*/
.inviewfadeInLeft {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transition: .8s;	
}
    
.fadeInLeft  {
    opacity: 1.0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);	
}	

/*----- フェードインしながら左へスライド -----*/
.inviewfadeInRight {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transition: .8s;	
}
    
.fadeInRight  {
    opacity: 1.0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);	
}


#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#pageTop a {
      display: block;
      z-index: 999;
}     
#pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
}


/* contents
---------------------------------------------------------*/
#spTitle {  
  width:100%;
}
#spTitle img {
  width:100%;
}

.mainInner{
  padding:10px 10px;
  width:94% !important; 
}

#profBox{ 
  padding:15px 10px;
}
/*
#pageTop {
    bottom: 10px;
    right: 0;
}
#pageTop img {
  width:70%;
}
*/

/*----- フェードインしながら右へスライド -----*/
.inviewfadeInLeft {
    opacity: 1.0;
    transform: none;    
}
    
.fadeInLeft  {
    opacity: 1.0;
    transform: none;    
} 

/*----- フェードインしながら左へスライド -----*/
.inviewfadeInRight {
    opacity: 1.0;
    transform: none;  
}
    
.fadeInRight  {
    opacity: 1.0;
    transform: none;  
}

/* top
---------------------------------------------------------*/
#topMainBox{
  width:100%;
  min-height:234px;
  background:url(../images/sp_top_main.jpg) no-repeat top right;
  background-size:cover;
}

#topMainBox img{
  width:58%;
}

.topSubTit{
  top:2.6em;
  left:5%;  
  width:94%;
}
.topMainTit{
  top:2.7em;
  left:5%;  
  width:94%;  
}

/* vol01
---------------------------------------------------------*/
#vol01TitBox{
  min-height:210px;
  background-size:110%;
  background-position:right 25% !important;
  background-attachment: inherit;      
}
.vol01IntTit{ 
  top:.5em;
  left:5%;
  width:94%;  
}
.vol01IntTit img{ 
  width:30%;
}
.vol01MainTit{    
  top:1.5em;
  left:5%;
  color:#FFF;
  font-size:120%;
  font-weight:bold;
  line-height:1.5;  
  width:94%;  
}

/* sq
---------------------------------------------------------*/
#sqTitBox{
  min-height:155px;
  background-size:110%;
  background-position: right top !important;
  background-attachment: inherit; 
}
.sqMainTit{
  top:2em;
  left:5%;
  color:#FFF;
  font-size:100%;
  font-weight:bold;
  line-height:1.5;  
  width:80%;
  text-shadow:0 0 10px #136FB8,0 0 5px #136FB8,0 0 0.30px #136FB8;    
}
.sqLead{
  margin:0 0 30px;
  top:0;
  left:0;
  width:100%;
  font-size:80%;
  line-height:1.3;  
}
.sqLead li{
  float:left;
  list-style:none;  
}
.sqLead li.leadPht{
  width:28%;
  text-align:right; 
}
.sqLead li.leadPht img{
  width:86%;  
}
.sqLead li.leadTxt{
  width:72%;  
}

.pointInner{
  padding:0 10px 20px;
  width:94% !important; 
}
.titleInner{
  padding:15px 10px 0;
  width:94% !important; 
}
.capInner{
  padding:5px 10px 0;
  width:94% !important; 
}
.pointBox td.pointTxt p{
  font-size:85% !important;
  line-height:1.4 !important; 
}
.pointCangiCapSp{
  font-family: "kokoro";
  padding:5px 3px;
  text-align:right;
  font-size:50% !important;
}