@charset "UTF-8";

/*
------------------------------------------------------------------------------------
*
*
*   Kids Common
*
*
------------------------------------------------------------------------------------
*/

.txbr_pc:before {
  content: "\A";
  white-space: pre;
}
  @media only screen and (max-width: 640px) {
    .txbr_pc:before {
      content: "";
    }
    .txbr:before {
      content: "\A";
      white-space: pre;
    }
  }

.kids {
  color:#FF3092;
}
  .kids #ft_supporters {
    background-color:#F7F6E2;
  }
  
.bgcolor_odd {
  background-color:#F7F6E2;
}
.bgcolor_even {
  background-color:#D1D1D1;
}
.kids .ttl_bnr,
.kids .hdcp {
  background-color:#ff3092;
}

  @media only screen and (max-width: 640px) {
    section .wrapper {
      width:550px;
    }
  }

/*
------------------------------------------------------------------------------------
*
*
*   Kids Study Program
*
*
------------------------------------------------------------------------------------
*/

#ksp_bnr {
  height:360px;
  width:1200px;
  margin:0 auto;
}
  @media only screen and (max-width: 640px) {
    #ksp_bnr {
      width:640px;
      height:auto;
    }
  }
  
#ksp_logo {
  width:600px;
  height:360px;
  background:url(../img/kids/ksp_logo.png) 0% 0% no-repeat;
  float:left;
}
  .eng #ksp_logo {
    background:url(../en/img/kids/ksp_logo.png) 0% 0% no-repeat;
  }
#ksp_video {
  width:600px;
  height:360px;
  float:right;
  overflow:hidden;
  background:url(../img/kids/ksp_video.jpg) 50% 50% no-repeat;
}
  #ksp_video a {
    display:block;
    height:100%;
    background:url(../img/kids/btn_play.png) 50% 50% no-repeat;
  }
  #ksp_video a div {
    display:block;
    height:100%;
    width:100%;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../img/kids/btn_play_.png) 50% 50% no-repeat;
    
      filter: Alpha(Opacity=0);/*IE7 fix*/
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
  }
    #ksp_video a:hover div {
      filter: Alpha(Opacity=100);/*IE7 fix*/
      opacity: 1;
    }
  
  #ksp_video_view {
    width:852px;
    margin:0 auto;
  }
  
  @media only screen and (max-width: 640px) {
    #ksp_logo,
    #ksp_video {
      float:none;
      width:640px;
      height:380px;
    }
    #ksp_logo {
      background:url(../img/kids/sp/kids_topimage.png) 50% top no-repeat;
    }
      .eng #ksp_logo {
        background:url(../en/img/kids/sp/kids_topimage.png) 50% top no-repeat;
      }
    #ksp_video {
      background:url(../img/kids/sp/movie_image.jpg) 50% 50% no-repeat;
    }
    #ksp_video_view {
      width:640px;
    }
      #ksp_video_view video {
        width:640px;
      }
  }



#ksp01 {
  padding-bottom:38px;
  background:url(../img/kids/photo_toyama.png) 915px bottom no-repeat;
}
  .eng #ksp01 {
    background:url(../en/img/kids/photo_toyama.png) 915px bottom no-repeat;
  }
#ksp01_main {
  width:875px;
  margin:0;
  padding:0 0 0 325px;
  font-size:13px;
  line-height:22px;
  background:url(../img/kids/ksp01_bg.png) 50px bottom no-repeat;
}
#ksp01_ttl {
  background:url(../img/kids/ksp_ttl.png) 50% 0% no-repeat;
  width:550px;
  height:144px;
}
  .eng #ksp01_ttl {
    background:url(../en/img/kids/ksp_ttl.png) 50% 0% no-repeat;
    background-position: 0 0;
  }

  @media only screen and (max-width: 640px) {
    #ksp01 {
      padding-bottom:345px;
      background:url(../img/kids/sp/photo_toyama.jpg) 0 bottom no-repeat;
    }
      .eng #ksp01 {
        background:url(../en/img/kids/sp/photo_toyama.jpg) 0 bottom no-repeat;
      }
    #ksp01_main {
      width:100%;
      margin:0;
      padding:0;
      font-size:22px;
      line-height:40px;
      background-image:none;
    }
    #ksp01_ttl {
      background-image:none;
      font-size: 25px;
      font-weight: bold;
      height: auto;
      line-height: 35px;
      padding-bottom: 14px;
      padding-top: 52px;
      text-align: center;
      text-indent: 0;
      width: 550px;
    }
    .eng #ksp01_ttl {
      background-image:none;
    }
  }


#ksp02 {
  background:url(../img/kids/ksp02_bg.jpg) 50% 30px no-repeat;
  width:1100px;
}
  #ksp02_01 {
    padding-top:38px;
    padding-bottom:64px;
    width:340px;
    float:left;
  }
    .spr_ksp_ttl {
      background-image:url(../img/kids/spr_ksp_ttl.png);
      background-repeat:no-repeat;
    }
      .eng .spr_ksp_ttl {
        background-image:url(../en/img/kids/spr_ksp_ttl.png);
      }
    #ksp02_ttl {
      width:108px;
      height:16px;
      background-position:left top;
      margin-bottom:28px;
    }
      .eng #ksp02_ttl {
        width:340px;
      }
    #ksp02_ttl02 {
      width:316px;
      height:14px;
      background-position:left -20px;
      margin-top:46px;
      margin-bottom:18px;
    }
      .eng #ksp02_ttl02 {
        width:354px;
        height:33px;
      }
    
    #ksp02_txt01 {
      font-size:13px;
      line-height:22px;
    }
    #ksp02_txt02 {
      font-size:12px;
      line-height:20px;
      color:#4C4C4C;
    }
  
  #ksp02_02 {
    width:340px;
    float:right;
    padding-top:63px;
    padding-bottom:60px;
  }
    
    #ksp02_02_ttl01 {
      background-position:72px -40px;
      height:14px;
    }
      .eng #ksp02_02_ttl01 {
        background-position:20px -59px;
      }
    #ksp02_02_ttl02 {
      background-position:80px -60px;
      height:14px;
      margin-top:32px;
    }
      .eng #ksp02_02_ttl02 {
        background-position:33px -75px;
      }
    
    .spr_ksp02_02_ttl {
      /*background-image:url(../img/kids/spr_ksp02_02_ttl.png);
      background-repeat:no-repeat;*/
      width:165px;
      height:24px;
      
      border:1px solid #FF3092;
      background-color:#E6E6E6;
      color:#FF3092;
      text-align:center;
      line-height:23px;
      font-size:12px;
      
      /*display:block;
      text-indent:-9999px;
      overflow:hidden;*/
      margin-top:10px;
      margin-bottom:8px;
    }
      .eng .spr_ksp02_02_ttl {
        height:auto;
      }

      /*#ksp02_02_sub01 {
        background-position:left top;
      }
      #ksp02_02_sub02 {
        background-position:left -24px;
      }
      #ksp02_02_sub03 {
        background-position:left -48px;
      }
      #ksp02_02_sub04 {
        background-position:left -72px;
      }*/

    #ksp02_02 .item figure > img {
      width:165px;
    }

    
  @media only screen and (max-width: 640px) {
    #ksp02 {
      background-image:none;
      width:100%;
    }
      #ksp02_01 {
        padding:38px 45px 455px;
        width:100%;
        float:left;
        background:url(../img/kids/ksp02_bg.jpg) 50% bottom no-repeat;
      }
        .spr_ksp_ttl {
          background-image:url(../img/kids/spr_ksp_ttl.png);
          background-repeat:no-repeat;
        }
        #ksp02_ttl {
          background-image: none;
          background-position: left top;
          font-size: 23px;
          font-weight: bold;
          height: auto;
          margin-bottom: 28px;
          text-align: center;
          text-indent: 0;
          width: 100%;
        }
          .eng #ksp02_ttl {
            text-align: left;
            width:100%;
            height:28px;
          }
        #ksp02_ttl02 {
          background-image: none;
          background-position: left -20px;
          color: #4c4c4c;
          font-weight: bold;
          height: auto;
          margin-bottom: 18px;
          margin-top: 46px;
          text-align: center;
          text-indent: 0;
          width: 100%;
        }
          .eng #ksp02_ttl02 {
            text-align: left;
            width:100%;
            height:auto;
          }
        
        #ksp02_txt01 {
          font-size:20px;
          line-height:30px;
        }
        #ksp02_txt02 {
          font-size:22px;
          line-height:30px;
          letter-spacing:1px;
          color:#4C4C4C;
        }
      
      #ksp02_02 {
        width:100%;
        float:right;
        padding:63px 45px 60px;
      }
        
        #ksp02_02_ttl01 {
          background-image: none;
          background-position: 72px -40px;
          font-weight: bold;
          height: auto;
          margin-bottom: 10px;
          text-align: center;
          text-indent: 0;
        }
        #ksp02_02_ttl02 {
          background-image: none;
          background-position: 72px -40px;
          font-weight: bold;
          height: auto;
          margin-bottom: 10px;
          text-align: center;
          text-indent: 0;
          margin-top:32px;
        }
        
        .spr_ksp02_02_ttl {
          width:265px;
          height:33px;
          
          border:2px solid #FF3092;
          line-height:33px;
          font-size:15px;
          
          margin-top:10px;
          margin-bottom:8px;
        }
        .eng .spr_ksp02_02_ttl {
          height:40px;
          line-height:37px;
        }
          .eng #ksp02_02_sub04 {
            line-height:16px;
            padding-top:4px;
          }

        #ksp02_02 .item figure > img {
          width:265px;
        }
  }


#ksp03 {
  width:1100px;
  padding-top:40px;
  padding-bottom:90px;
  background:url(../img/kids/ksp03_bg.jpg) 14px 48px no-repeat;
}
  #ksp03_ttl {
    background-position:left -80px;
    height:16px;
    width:74px;
  }
    .eng #ksp03_ttl {
      background-position:left -93px;
      width:340px;
    }
  #ksp03_table {
    width:538px;
    font-size:13px;
    line-height:22px;
  }
    #ksp03_table th {
      font-weight:700;
      vertical-align:top;
    }
    #ksp03_table td {
        vertical-align:top;
        padding-bottom:0.8em;
    }
    .ksp_tbl_y {
      width:84px;
    }
    .ksp_tbl_m {
        width:auto;
        white-space: nowrap;
        padding-right:10px;
    }
    .ksp_tbl_data {
      width:364px;
    }
    .tr_btm td {
      padding-bottom:22px;
    }

  @media only screen and (max-width: 640px) {
    #ksp03 {
      width:100%;
      padding:40px 45px 90px;
      background:url(../img/kids/ksp03_bg.jpg) center 48px no-repeat;
    }
      #ksp03_ttl {
        background-image: none;
        background-position: left top;
        font-size: 23px;
        font-weight: bold;
        height: auto;
        margin-bottom: 28px;
        text-align: center;
        text-indent: 0;
        width: 100%;
      }
        .eng #ksp03_ttl {
          text-align: left;
          width:100%;
          height:28px;
        }

      #ksp03_table {
        width:100%;
        margin-top:350px;
      }
        #ksp03_table th,
        #ksp03_table td {
          display:block;
          width:100%;
          font-size:22px;
          line-height:40px;
        }
        #ksp03_table th {
          border-bottom: 1px solid;
          text-align: center;
          margin-top:30px;
        }
        #ksp03_table td {
          vertical-align:top;
        }
        .tr_btm td {
          padding-bottom:0;
        }
        .ksp_tbl_m {
            margin-top:15px;
            padding-bottom:0 !important;
        }
  }

/*
  for Android
*/
@media only screen and (max-width: 640px) {
  .eng .ttl_bnr.sp_lines_2 {
    height:70px;
    line-height:25px;
    padding-top:10px;
  }
}
.android #ksp01_txt,
.android #ksp02_txt01,
.android #ksp02_txt02,
.android #ksp03_table td {
  background:url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAABAAEAAAICVAEAOw==) no-repeat;
  background-color:rgba(255,0,0,0);
}