/*===============================================
●日本古文書学会 smartrule.css 画面の横幅が768pxまで
===============================================*/

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

#rule {
 width: 100%;
 padding-top: 3px;
 padding-bottom: 10px;
 margin: 0px;
 display: flex;
}

.rule_num {
 padding: 0px;
 width: 17%;
 border: 0px;
 float: left;
}

.rule_text {
 padding-left: 0px;
 width: 83%;
 float: left;
}

#postrule {
 width: 99%;
 padding-top: 3px;
 padding-bottom: 10px;
 margin: 0px;
 display: flex;
}

.postrule_num {
 padding: 0px;
 width: 50px;
 border: 1px;
 float: left;
}

.postrule_text {
 padding-left: 0px;
 width: 92%;
 float: left;
}

#book_index {
 width: 100%;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 0px;
 display: flex;
}

.book_index {
 width: 100%;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 0px;
 display: flex;
}

.index_class {
 padding: 0px;
 width: 15%;
 border: 1px;
 float: left;
}

.index_class_headline {
 padding: 0px;
 width: 99%;
 border: 1px;
 float: left;
}

.index_text {
 padding-left: 20px;
 width: 55%;
 float: left;
}

.index_text2 {
 padding-left: 25px;
 width: 55%;
 float: left;
}

.index_text3 {
 padding-left: 20px;
 width: 55%;
 float: left;
}

.index_name {
 padding-left: 0px;
 width: 20%;
 float: left;
}

.index_name2 {
 padding-left: 0px;
 width: 150px;
 float: left;
}