@charset "utf-8";

/* IMAGE */
.SS__img , .SS__imgs{ padding-top:2rem } 
#SS23__imgs12 { padding-top:0 }
#SS23__img1   { max-width:74rem }
#SS23__img2   { max-width:44rem } 
#SS23__imgs34 { max-width:102rem }
#SS23__img3   { max-width:46rem }
#SS23__img4   { max-width:54rem } 
#SS23__img5   { max-width:90rem } 
#SS23__img10  { max-width:66rem } 
#SS23__img11  { max-width:90.2rem } 



/* TERMINAL */
.SS23__Terminal , .SS23__code__box { border-radius:0.6rem ; padding:1rem 1.5rem 1.2rem }
.SS23__Terminal , .SS23__code { margin-bottom:2.5rem }
.SS23__Terminal { border:solid 1px rgba(0,0,0,0.1) }
.SS23__Terminal , .SS23__code , .SS23__code__box { width:100% ; box-sizing:border-box }
.SS23__Terminal__p , .SS23__code__box { font-size:1.6rem ; line-height:2.8rem ; font-family:'Consolas',serif }



/* CODE */  
.SS23__code__box { background-color:#111111 ; color:#ffffff ; border:none }
.SS23__code__box pre { color:inherit ; line-height:inherit ; font-family:inherit ; font-weight:inherit }
.SS23__code__caption { 
    display:block ; padding-top:0.8rem ;
    font-size:1.8rem ; line-height:2.6rem ; word-break:keep-all ;
}  
.SS23__code__caption > b {
    display:inline-block ; margin:0.2rem 0.2rem 0 0 ;
    font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; font-weight:500 ; 
    background:#444444; padding:0.2rem 1rem 0.4rem ; border-radius:0.4rem ; 
}



/* STOP BOX */
.SS23__stop__box { 
    width:100% ; box-sizing:border-box ; border:solid 0.4rem #feca0a ; border-radius:0.6rem ;
    padding:1.5rem ; position:relative ;
}
.SS23__stop__box::after {
    display:block ; content:"" ; width:8rem ; height:9rem ; box-sizing:border-box ;
    position:absolute ; left:0 ; top:0 ; 
    background:url(../img_sub/SS23_icon_stop.png) no-repeat center ;
    left:12.5rem ; top:-2.5rem
}
.SS23__stop__title {
    font-size:2.2rem ; line-height:2.8rem ; font-weight:800 ; color:#111111 ; letter-spacing:-0.2rem;
    padding:0rem 0 1rem ; border-bottom:dashed 1px rgba(0,0,0,0.15) ; 
    margin-bottom:1rem ;
}




/* PC **********/
@media all and (min-width:1100px){
 
    /* STOP BOX */
    .SS23__stop__box { padding:1.5rem 2.5rem }
    .SS23__stop__box::after { left:14rem }

     
    /* TERMINAL */
    .SS23__Terminal , .SS23__code__box { border-radius:0.6rem ; padding:1rem 2.5rem 1.2rem }
  
}