@charset "shift_jis";
#contents-inner h2, p, ul, li, dl, dt, dd {
    margin: 0;
    padding: 0;
}
#contents-inner {
    position: relative;
}
#contents-inner img {
    vertical-align: bottom;
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
    outline: none;
}
/* soft-title */

#soft-title {
    background: #000;
}
#soft-title h1 {
    min-width: 298px;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}
/* main title */

#contents-inner h2, 
#contents-inner p.lead,
#contents-inner p.description,
#contents-inner p.btn,
#contents-inner p.preparation{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
}
#contents-inner p.chara,
#contents-inner p.fukuwarai,
#contents-inner p.lead1,
#contents-inner p.lead2{
   position: absolute;
}
#main-title{
    top: 6%;
}
#contents-inner h2{
    top: 1%;
    z-index:4;
    width:87.96875%;
}
#contents-inner p.lead {
    top: 32%;
    width:71.25%;
    z-index:5;
}
#contents-inner p.chara {
    width:29.0625%;
    right:0;
    top: 10%;
    z-index:3
}

#contents-inner p.fukuwarai {
    width:41.25%;
    top: 6%;
    z-index:3;
}

#contents-inner p.description{
    width:96.875%;
    top: 40%;
    z-index:3;
}

#contents-inner p.btn{
    width:96.875%;
    top: 64%;
    z-index:3;
}

#contents-inner p.preparation{
    width:95.3125%;
    top: 74%;
    z-index:3;
}

#contents-inner p.lead1{
    width: 53.125%;
    top: 80%;
    right: 6%;
    z-index: 3;
}

#contents-inner p.lead2{
    width:69.21875%;
    top: 89%;
    right:6%;
    z-index:3;
}
#contents-inner #sec01 p.fukuwarai {
    width: 40.46875%;
    top: 74%;
    z-index: 3;
    left: 1%;
}
#contents-inner #sec01 a {
    display:block;
}

#contents-inner #sec01 p.chara {
    width: 21.25%;
    top: 85%;
    z-index: 3;
    left: 3%;
}
/* clearfix */

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}