@charset "UTF-8";

p{
margin-top:10px;
}


/*■■■スライダー■■■*/

.bx-wrapper{
margin:10px auto !important; 
border:none !important;
box-shadow:none !important;
background:none !important;
}

.slider1,.slider2{
display:block;
position:relative;
margin:0;
padding:0;
width:100%;
height:100%;
}


.slider1 img{
display:block;
margin:0 auto;
width:100%;
height:auto;
}

.slider2 img{
display:block;
margin:0 auto;
width:100%; /*220px !important;*/
height:auto;
}

.slider_wrapper{
width:100%;
max-width:900px;
margin:0 auto;
}

/*■■■Syntaxhighlight■■■*/

.Syntaxhighlight_wrapper{
display:flex;
border:solid 1px #999999;
width:100%;
max-width:700px;
margin:0;
padding:5px 0;
background:#fff;


}

.number_wrapper{
width:5%;
min-width:35px;
border-right:solid 3px orange;
}

.number{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
height:21px;
}

.numbereven{
background:whitesmoke;
}

pre{
width:100%;
overflow-x:scroll;
margin:0;
padding:0;
}

.code{
width:100%;

}

.text{
font-family:'Noto Sans JP',Avenir,メイリオ,verdana,sans-serif;
display:flex;
align-items:center;
width:100%;
height:21px;
padding:0 0 0 5px;
margin:0;

}

.textodd{
background:#fff;

}

.texteven{
background:whitesmoke;
}

.code_container{
margin:5px 0 0 0;
padding:0 10px;
border:solid 1px #000;
max-width:700px;
background:#FFFFF0;

}

.code_code{
font-family: 'Noto Sans JP', sans-serif;
line-height:1.3;
}







/*■■■■■■■■■■iPad■■■■■■■■■■*/

@media screen and (max-width:768px){

.slider2 img{
display:block;
margin:0 auto;
padding:0;
width:100%;/*220px !important;*/
height:auto;
}




.code_container{
width:100%;
background:#fefefe;
}

.code_code{
line-height:1.1;
}


}/*スマホ終了タグ*/

/*■■■■■■■■■■スマホ■■■■■■■■■■*/

@media screen and (max-width:480px){

.Syntaxhighlight_wrapper{
width:100%;
max-width:700px;
margin:0;
padding:5px 0;
background:#fff;


}


}/*スマホ終了タグ*/