@charset "UTF-8";
/* CSS Document */

body{
background:#fff;
}

footer{
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4b0115), color-stop(0.5, #70011f), color-stop(1, #4b0115));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #4b0115 0%, #70011f 50%, #4b0115 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right, #4b0115 0%, #70011f 50%, #4b0115 100%);
}


#contents{
 min-height:300px;
 padding-bottom:30px;
}



/* top */
#top #contents{
 background:url(../IMAGES/bg_top.png) no-repeat;
 background-size:100% auto;
 min-height:388px;
 padding:12px 0 82px 0;
}
#top h1{
 padding-top:50px;
}
#top section{
 width:73%; /*472px*/
 margin:0 auto;
 padding-bottom:52px;
}
#top section p{
 padding:35px 0;
}
#top section select{
 border:1px solid #333;
 font-size:1.4rem;
/* background-color:#abb4bc;*/
 -webkit-border-radius:0;
}
#top section select:nth-of-type(1){
 width:60%;
}
#top section select:nth-of-type(2){
 width:33%;
 margin-left:5%;
}
input#btnStart{
 width:100%;
}


/* slideshow */
ul#controller{
 text-align:center;
 margin-bottom:40px;
 font-size:0;
}
ul#controller li{
 display:inline-block;
 width:40px;
 height:40px;
 margin:0 10px;
 background-repeat:no-repeat;
 background-size:40px auto;
 position:relative;
 top:-20px;
}
ul#controller li.prev{
 background-image:url(../IMAGES/btn_prev.png);
}
ul#controller li.next{
 background-image:url(../IMAGES/btn_next.png);
}
ul#controller li.disable{
 background-position:0 -40px;
}
ul#controller li span{
 display:none;
}

p#caution{
 display:none;
 position:absolute;
 top:50%;
 left:0;
 width:100%;
}
p#caution span{
 display:block;
 width:280px;
 margin:0 auto;
 padding:10px;
 background-color:#000;
 color:#fff;
 font-size:1.5rem;
 line-height:1.6em;
 text-align:center;
 -webkit-border-radius:10px;
 opacity:0.7;
 -webkit-text-stroke: 0.4px ;
}

/*デバッグコード表示用*/
#slidepage{
 position:absolute;
 top:160px;
 left:20px;
 color:#fff;
}


/* ending */
#ending section{
 width:85.6%;/*548px*/
 margin:-6px auto 0 auto;
}
#ending section p{
 margin:24px 0;
}
#ending #btnPresent,
#ending #btnKiyaku{
 display:none;
}
#ending #btnKiyaku{
 width:23.7%;/*130px/548px*/
 margin:15px auto;
}


/* terms */
#terms h1,
#terms section{
 color:#333;
}
#terms h1{
 font-size:2rem;
 -webkit-text-stroke: 0.4px ;
 line-height:140%;
 margin-bottom:30px;
 text-align:center;
}
#terms section{
 width:90%;
 margin:0 auto;
}
#terms section dl{
 margin-bottom:1.6rem;
 line-height:160%;
}

#terms section dt{
margin-bottom:1.3rem;
}

#terms section dd.mb {
margin-bottom:1.3rem;
}

#terms section a{
 color:#333;
 text-decoration:underline;
}
#terms section dl+p{
 padding:2rem 0 3rem 0;
 text-align:center;
}



/* landscape */
.landscape {width:100%;height:100%;text-align:center;}
.landscape .pt {display:none;}
#landscapecover {
 display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 text-align:center;
 color:#333;
 background-color:#fff;
 padding-top:140px;
 font-size:1.5rem;
}

/* margin */