@charset "utf-8";

/*--------------------------------------------
 background-color gray
---------------------------------------------*/

body{ background-color: #d3d3d3;
  }

.btn:hover,.pan li a:hover {
   background: #c9c9c9;
}

.title:hover {
   background: #A9A9A9;
}



@media (max-width: 680px){

body { 
  max-width: 680px;
  background-color: #f5f5f5;
   font-size: 1.05rem;
   margin: 0;
}


.btn:hover {
  background: #EEEEEE;
}


.title{ font-size: 1.6rem;}
.toppage{ font-size: 1.6rem;}
.copyright{font-size: 1.4rem;}   

.home{margin-bottom: 3rem;}


body div.content {
 margin-left: 6px;
 margin-right: 6px;
 }



 p {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
 }

p,h3{
  line-height:1.9;
}

p, #open, .def,.thm,.ex,.prop,.lem,.cor{
  margin-bottom:3rem;
}

.pf,#open {
  margin-top: -2rem;
}

p,ul,ol,#open dd{
  overflow-x: auto;
  overflow-y: hidden;
}



#open > dt {
  margin-left: 5px;
  margin-right: 5px;
  }
#open > dd {
  padding: 10px;
  margin-left: 5px;
  margin-right: 5px;
 }

.pink{font-size:1.22rem;}

.content h1{
font-size: 1.6rem;
 margin:10px 5px 3rem 5px;
}
.content h2 {
border-left:solid 10px #33cc77;
padding: 22px 5px 22px 15px;
font-size: 1.4rem;
margin-top: 4rem;
margin-bottom:2rem;
margin-left: 3px;
}



.content h3 {
margin-left: 3px;
font-size: 1.1rem;
padding: 8px 5px 8px 12px;
margin-top: 1rem;
margin-bottom:2rem;
font-weight:bold;
/* background:linear-gradient(transparent 75%, rgba(51,204,119,0.8) 100%); 
*/
}


.btn  {
margin-left: 5px;
margin-right: 5px;
padding: 0.8rem 0.6rem 0.8rem 0.6rem;
border: solid 1px #474747;
border-radius: 10px;
font-size: 1.1rem;
}




.book img {
width: 80%;
}

.container {
display: flex;
flex-wrap:wrap;
}
.box1 {  
text-align:center;
width:100%;  
border-bottom:none;
border-right: solid 3px  #6bb6ff; 
margin-right:0.5rem;
}
.box2 {  
width:100%;  
border-top:none; 
border-left: solid 3px  #6bb6ff; 
margin-left:0.5rem;
font-size: 1.4rem;
}
.box1 img{
   width: 80%;
}

.box3 {  
  width:90%;  
}

.box4 {  
width:95%; 
}
.box4 table{
overflow-x: auto; 
  overflow-y: hidden; 
}

.ama{
padding:0.8rem 0.5rem 0.8rem 0.5rem;
font-size: 1.4rem;
}

.row-column {
flex-direction: column;
}
.scroll{
  overflow-x: auto; 
  overflow-y: hidden;
}
/* fermat-surface, symetric-group
   normal-groupでscを用いた */
.scroll table{
  margin-bottom:0rem;
}

ul.pan{ margin-bottom: 1rem; }

.pan li{
  margin-bottom:3rem;
}

.pan li a {
margin-left: 5px;
margin-right: 3px;
padding: 1.1rem 0.6rem 1.1rem 0.6rem;
font-size: 1.1rem;
border: solid 1px #474747;
 border-radius: 10px;
}


div.pf{
  margin-bottom:3.5rem;
}

div.pf:after, #open dd:after{
 font-size:1.7rem;
}/*証明終了マーク□の大きさ設定 */

p.pf:after{
   display:none;
}


.texfont{
  font-size:2rem;
}/* tex/font.html */


.img-float{
  float:none;
  display: block; 
  margin: auto;
}

}