/* CSS Document */
/*ベーシック*/
html, body {
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
body {
    background-image: url(../common/bg.png);
    background-size: 32px auto;
}
#wrap {
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat-x;
    width: 100%;
    background-color: #FFFFFF;
    margin-top: 0px;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    border: 0px;
    font-size: medium;
    max-width: 900px;
}
#cont{
	width:100%;
}
#cont .erabou{
	font-size:large;
	text-align:center;
	font-weight:600;
	color:#606060;
}
#wrap #header {
    width: 100%;
    margin-bottom: 0px;
}
#wrap .mini{
	font-size:small;
	font-weight:400;
}
/*こくごさんすうセレクトボタン*/
#header_l  {
    width: 50%;
    background-image: url(../common/head_math_off2.png);
    padding-bottom: 15%;
    display: block;
    float: left;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
a:hover #header_l   {background-image: url(../common/head_math_ov2.png);}
a:active #header_l  {background-image: url(../common/head_math_on2.png);}
a:focus #header_l  {background-image: url("../common/head_math_foc2.png");}
#header_r, a #header_r  {
    width: 50%;
    background-image: url(../common/head_jp_on2.png);
    padding-bottom: 15%;
    display: block;
	float: left;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#wrap #header img {width: 100%;}
/*おかわり問題ボタン*/
.hint1{
	width:29%;
	float:left;
	margin-left:3%
}
.hint1 a img{
    opacity: 1;  
}
.hint1 a:hover img{
    opacity: 0.7;  
}
/*フッター*/
#footer{
    width: 100%;
    bottom: 0px;
    background-color: #000;
    padding-top: 9px;
    padding-bottom: 9px;
}
#footer ul{
    margin: 0px;
    list-style-type: none;
	text-align: center;
	font-size:xx-small;
	padding:0;
    color:#999;
}
#footer ul li{
    margin: 0px;
	display:inline;
}
#footer ul li a{
	text-decoration: none;
    color:#fff;
}
#footer ul li a:hover{
	color:#eb0045;
}
#footer .cl{
	font-size:xx-small;
	text-align: center;
	color:#999;
}
/*問題テーブルここから*/
select {
    font-family: "Noto Sans JP", sans-serif;
    width: 99%;
    font-size: medium;
    font-weight: 500;
    color: #000000;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    margin-left: auto;
    margin-right: auto;
    text-align-last: center
}
#pullMenu {
    background-color: #ffc6e8;
    color: #000000;
}
#pullMenu_j {
    background-color: #ffc6e8;
    color: #000000;
}
table{width: 100%;}
tbody tr {
    border-bottom: 1px dotted #F86062;
    background-color: #FFFFFF;
    padding-bottom: 15px;
    padding-top: 5px;
}
tbody tr td.hoshi {
    width: 7%;
    font-size: medium;
    font-weight: 900;
	background-color: #ffc6e8
}
tbody tr td.bango {
    width: 7%;
    font-size: medium;
    font-weight: 700;
	background-color: #ffc6e8
}
tbody tr td.kotae {
    width: 70%;
    text-align: left;
    font-size: medium;
    font-weight: 400;
}
tbody tr td.maru{
    width: 14%;
}
tbody tr td img {
	width: 100%;
	max-width: 400px;
}
tbody tr td.mondai {
    font-size: x-large;
    color: #D75659;
    font-weight: 600;
}
input[type="checkbox"]{
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../common/maruoff.png);
    background-size: contain;
    background-repeat: no-repeat;
}
input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../common/maru.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
}
/*問題テーブルここまで*/
/*共通スパイス*/
.clear {
    clear: both;
    height: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
}
.clearline {
    clear: both;
    width: 100%;
    height: 20px;
    border-bottom: 1px dotted #636363;
    margin-bottom: 20px;
}
.minifont {
font-size: 60%;
vertical-align: top;
position: relative;
}
.tpink{color: #D26F71;}
.tblue{color: #3967B0;}
.tgreen{color: #018620;}
.tred{
    color: #CB0003;
}
.br50 {width: 100%; height: 50px;}
.br20 {width: 100%; height: 20px;}
.br20c {width: 100%; height: 20px; clear: both;}
.br100 {width: 100%; height: 100px;}
.br200 {width: 100%; height: 200px;}
.br100sp {height: 100px; display: block;}
.br150sp {height: 150px;}
.tableline{border-bottom: 1px solid #F86062;}
/*スタイル*/
#cont img{
	width: 100%;
    opasity: 1;}
#cont a:hover img{
	width: 100%;
    opasity: 0.5;}
#cont .hajimebt, #cont .hajimebtj{
    width: 90%;
    height: 50px;
    background-color: #c7e8fa;
    margin-bottom: 10px;
    margin-left: 5%;
    display: block;
    border-radius: 8px;
}
#cont .hajimebtj{
		background-color:#f7c8d6;
}
/*このページの使い方関連*/
.accordion_bt{
	margin-top:10px;
	margin-left:1%;
	width: 30%;
		float:left;
}
.tap{
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: auto;
}
/*znavi関連*/
.znavi{
	width:100%;
}
.znavi .znavi_a{
    width: 40%;
    float: left;
    margin-left: 5%;
    border: 1px solid #989898;
	display:flex;
	justify-content: center;
    align-items: center;
}
.znavi .znavi_b{
	width:40%;
	float:right;
	margin-right:5%;
    border: 1px solid #989898;
	display:flex;
	justify-content: center;
    align-items: center;
}
.znavi a{
	font-size:small;
	color:#666666;
	text-decoration: none;
	margin:5px;
}
.znavi a:hover{
	color:#DD090C;
}
/*得点関連*/
#tokuten{
    width: 89%;
	margin-right: 2%;
	margin-left: 2%;
    margin-top: 30px;
    margin-bottom: 5px;
    height: auto;
	border: 1px solid #555555;
}
#tokuten_bt img {
    width: 12%;
    float: right;
}
a:hover #tokuten_bt img {
    width: 12%;
    opacity: 0.6;    
}
#tokuten_a img {
    width: 10%;
    float: left;
    margin-left: 2%;
}
#tokuten_b1 img {
    width: 8%;
    float: left;
}
#tokuten_b2 img {
    width: 8%;
    float: left;
}
#tokuten_b3 img {
    width: 8%;
    float: left;
}
#tokuten_c img {
    width: 51%;
    float: left;
}
@media (min-width:435px) and (max-width:619px){
select {
    font-size: x-large;
}
#wrap{
	font-size: x-large;
	}
#cont .erabou{
	font-size:x-large;
}
tbody tr td.hoshi {
    font-size: x-large;
}
tbody tr td.bango {
    font-size: x-large;
}
tbody tr td.kotae {
    font-size: x-large;
}
tbody tr td img {
	width: 90%;
}
.znavi a{
	font-size:medium;
}
}
@media (min-width:620px){
#cont .erabou{
	font-size:x-large;
}
select {
    font-size: xx-large;
}
#wrap{
	font-size: xx-large;
	}
tbody tr td.hoshi {
    font-size: xx-large;
}
tbody tr td.bango {
    font-size: xx-large;
}
tbody tr td.kotae {
    font-size: xx-large;
}
tbody tr td img {
	width: 80%;
}
.znavi a{
	font-size:large;
	color:#666666;
	text-decoration: none;
	margin:5px;
}
}