@charset "utf-8";

.code_box {
word-wrap: break-word;
background: #efefef;
width: 700px;
padding: 1em;
}


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

.code_box {
word-wrap: break-word;
background: #efefef;
width: 590px;
padding: 1em;
}

}

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

.code_box {
word-wrap: break-word;
background: #efefef;
width: 420px;
padding: 1em;
}


}
/*768pxブレイク時の表示切替*/
@media screen and (max-width: 768px) {
.code_box {
width: 560px;}}


@media screen and (max-width: 650px) {
.code_box {
width: 460px;}}

@media screen and (max-width: 550px) {
.code_box {
width: 360px;padding: 1em;}}

@media screen and (max-width: 450px) {
.code_box {
width: 260px;padding: 1em;}}

@media screen and (max-width: 350px) {
.code_box {
width: 200px;padding: 1em;}}

@media screen and (max-width: 250px) {
.code_box {
width: 150px;padding: 1em;}}