/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.cmd_pt{
	background-color: #000;
	padding: 0.5em 0.3em;
	color: #FFF;
}

h2.exam_title,
h3.exam_title{
	border: 2px solid #000;
	border-style : solid none;
	padding: 0.7em;
	font-weight: bold;
	font-size: 150%;
	margin: 0;
	margin-top: 2em;
}

table.bunpou{
	width: 100%;
}

table.bunpou th{
	font-size: 120%;
}
table.bunpou td{
	font-size: 110%;
}
/*table responsible*/
@media only screen and (max-width:400px) {
	h2.exam_title,
  h3.exam_title{
   	font-size: 3.75vw;
  }
  .responsive_table{
	   width: 92%;
	   overflow: scroll;
   }
   .responsive_table table{
	   width: 600px;
   }
   .col_two td,
   .col_two th{
	   display: block;
	   width: 100%;
   }
   .col_3up{
	   width: 100%;
   }
   .col_3up td{
	    text-align: left;
   }
   .col_3up thead{
	   display:none;
   }
   .col_3up td,
   .col_3up th{
	   display: block;
	   width: 100%;
   }
   .col_3up tr{
	   margin-bottom: 1em;
	   display: block;
   }
   .col_3up tr.no_space{
	    margin-bottom: 0;
   }
   .col_3up td::before{
	  content: attr(data-label); 
	  padding-right:2em;
	  float: left;
	  font-weight: bold;
   }
}

.mondai_box{
	border: 1px solid #CCC;
	margin: 1.8em auto;
	padding: 1em;
}
.mondai_box h2{
	border-style: none;
	margin: 0;
	padding: 1em 1em 1em 0;;
	color: #0000DD;
}
.mondai_box dl dd:nth-child(2){
	font-weight: bold;
	color: #FF0000;
}
.mondai_box span{
	font-size: 120%;
	color: #FF0000;
}
.mondai_box dt{
	margin-bottom: 1em;
}
.mondai_box dd{
	padding-left: 0;
	margin-left: 0;
}
.mondai_box dl dd:nth-child(n+3){
	cursor: pointer;
	border-bottom: 1px solid #CCC;
	padding: 1em 0.4em;
}
.mondai_box dl dd:nth-child(n+3):hover{
	background-color: #F7F7F7;
}

/*開閉ボタン*/
.oc_box_button{
	border: 1px solid #999;
	cursor: pointer;
	padding: 0.7em;
}
/*補足ボックス*/
.oc_box{
	background-color: #EEE;
	padding: 0.7em;
}
/*トップページ目次*/
ul#top_mkj{
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
	overflow: hidden;
}
ul#top_mkj li{
	float: left;
  padding:0.3em;
	margin: 0.4em 0.7em;
	background-color: #CCCCFF;
	cursor: pointer;
}

/* 選択問題 */
.practice_java .none{
   display: none;
}
.practice_java span.true{
   color: #FF0000;
   font-size: 150%;
   padding-right: 1em;
}
.practice_java span.false{
   color: #A757A8;
   font-size: 150%;
   padding-right: 1em;
}
.practice_java dt{
   margin-bottom: 1em;
}
.practice_java dt span{
  font-weight: bold;
  font-size: 140%;
  padding-right: 1em;
}
.practice_java dd{
   margin-left: 0;
   padding: 1em;
   margin: 0.4em 0;
   background-color: #DDD;
   border-bottom: 1px solid #000;
   cursor: pointer;
   font-size: 120%;
}
.practice_java p.next{
   cursor: pointer;
   margin-bottom: 2em;
	 padding: 0.5em;
   border-bottom: 1px solid  rgba(90,122,179,0.5);
   text-decoration: none;
   transition: background-color 0.3s, border-color 0.3s;
}
.practice_java p.next:hover{
	border-color: rgba(90,122,179,1);
	background-color: rgba(64,99,164,0.5);
}
.practice_java p.a{
   padding: 1em;
   border-radius: 10px;
   border: 2px solid #4063A4;
}
.practice_java_qa{
   display: none;
}
 .practice_java #shuffle{
    padding: 1em 2em;
    border: none;
    display: inline-block;
    background-color: #5A7AB3;
    box-shadow: 0 6px #4063A4;
    font-size: 114%;
    line-height: 1;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.practice_java #shuffle {
  box-shadow: 0 6px #4063A4;
  top: 0;
  transition: .2s box-shadow,.2s top,.4s background;
}
.practice_java #shuffle:hover {
    box-shadow: 0 5px #4063A4;
    top: 1px;
}
.practice_java #shuffle:active {
    background-color: #4163A7;
    box-shadow: 0 0 #4063A4;
    top: 6px;
}