@media screen and (max-width: 479px) {
div.md-06 {
width: 100px; /* 箱の横幅 */
float: left; /* まわりこみ */
padding: 5px 0px 5px 5px; /* 箱の中のスペース 上 右 下 左(幅) */
height: auto; /* 箱の高さ */
text-align: left;
}
div.md-07 {
    width: 250px; /* 箱の横幅 */
    background-color: #ffffff; /* 背景色 */
    float:left; /* まわりこみ */
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    height: auto; /* 箱の高さ */
    text-align: left;
}
div.md-09 {
    width: 350px;
    background-color: #f0f8ff; /* 背景色 */
    float: left; /* まわりこみ */
    margin: 0px 0px -1px 0px; /* 箱の外のスペース 上 右 下 左(幅) */
    padding: 0px 0px 0px 0px; /* 箱の中のスペース 上 右 下 左(幅) */
    border: solid #e6e6fa;
    border-width: 1px 0px 1px 0px;
    font-size: 13px; /* 文字の大きさ設定 */
    border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
}
div.md-11 {
    width: 350px;
 font-size: 10px;
 background: #FFFFFF;
 text-align: right;
}
div.td-02 {
    width: 350px; /* 箱の横幅 */
    margin: 0px 0px -1px 0px; /* 箱の外のスペース 上 右 下 左(幅) */
    padding: 0px 0px 0px 0px; /* 箱の中のスペース 上 右 下 左(幅) */
    border: solid #e6e6fa;
    border-width: 1px 0px 1px 0px;
    font-size: 13px; /* 文字の大きさ設定 */
    border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
    background-color: #f0f8ff; /* 背景色 */
    height:auto;
    overflow:hidden
}
div.td-03 {
    width: 100px; /* 箱の横幅 */
    float: left; /* まわりこみ */
    background: transparent;/*背景透明に*/
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    text-align: left;
}
div.td-04 {
    width: 250px; /* 箱の横幅 */
    float:left; /* まわりこみ */
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    background-color: #ffffff; /* 背景色 */
    text-align: left;
}
}
@media screen and (min-width: 480px) {
div.md-06 {
    width: 100px; /* 箱の横幅 */
    float: left; /* まわりこみ */
    background-color: #f0f8ff; /* 背景色 */
    padding: 5px 0px 5px 5px; /* 箱の中のスペース 上 右 下 左(幅) */
    text-align: left;
}
div.md-07 {
    width: 600px;
    float:left; /* まわりこみ */
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    text-align: left;
}
div.md-09 {
    width: 700px;
    height: 30px; /* 箱の高さ */
    float: left; /* まわりこみ */
    margin: 0px 0px 0px 0px; /* 箱の外のスペース 上 右 下 左(幅) */
    padding: 0px 0px 0px 0px; /* 箱の中のスペース 上 右 下 左(幅) */
    border: solid #e6e6fa;
    border-width: 1px 0px 1px 0px;
    font-size: 13px; /* 文字の大きさ設定 */
    border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
    height: auto; /* 箱の高さ */
}
img.md-10 {
width: 90px;
height:120px;
}
div.td-02 {
    width: 600px; /* 箱の横幅 */
    margin: 0px 0px -1px 0px; /* 箱の外のスペース 上 右 下 左(幅) */
    padding: 0px 0px 0px 0px; /* 箱の中のスペース 上 右 下 左(幅) */
    border: solid #e6e6fa;
    border-width: 1px 0px 1px 0px;
    font-size: 13px; /* 文字の大きさ設定 */
    border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
    background-color: #f0f8ff; /* 背景色 */
    height:auto;
    overflow:hidden
}
div.td-03 {
    width: 80px; /* 箱の横幅 */
    float: left; /* まわりこみ */
    background: transparent;/*背景透明に*/
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    text-align: left;
}
div.td-04 {
    width: 520px; /* 箱の横幅 */
    float:left; /* まわりこみ */
    padding: 5px 0px 5px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    background-color: #ffffff; /* 背景色 */
    text-align: left;
}
}
/* @media ここまで */
p.td-01 {
	font-size:14px;
}
div.center01 {
    text-align: center;
}
div.center02 {
    text-align: center;
    margin:0px 0px 10px; /* 箱の外のスペース 上 左右 下 (幅) */
}
div.md-00 {
    color: #1e50a2; /* 文字の色 */
    font-size: 35px; /* 文字サイズ */
    float:left; /* まわりこみ */
    width: 60px; /* 箱の横幅 */
}
div.md-01 {
    color: #1e50a2; /* 文字の色 */
    font-size: 25px; /* 文字サイズ */
    float:left; /* まわりこみ */
    margin:10px 0px 0px; /* 箱の外のスペース 上 左右 下 (幅) */
}
div.md-02 {
    display: inline-block;
}
div.md-03 {
    width: 350px; /* 箱の横幅 */
    float: left; /* まわりこみ */
    margin: 0px 0px -1px 0px; /* 箱の外のスペース 上 右 下 左(幅) */
    padding: 0px 0px 0px 0px; /* 箱の中のスペース 上 右 下 左(幅) */
    border: solid #e6e6fa;
    border-width: 1px 0px 1px 0px;
    font-size: 13px; /* 文字の大きさ設定 */
    border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
}
div.md-04 {
    width: 100px; /* 箱の横幅 */
    float: left; /* まわりこみ */
    background-color: #f0f8ff; /* 背景色 */
    padding: 5px 0px 0px 5px; /* 箱の中のスペース 上 右 下 左(幅) */
    height: 29px; /* 箱の高さ */
    text-align: left;
}
div.md-05 {
    width: 200px; /* 箱の横幅 */
    float:left; /* まわりこみ */
    padding: 5px 0px 0px 10px; /* 箱の中のスペース 上 右 下 左(幅) */
    height: 29px; /* 箱の高さ */
    text-align: left;
}
div.md-08 {
 color: #1e50a2;
 font-size: 15px;
 padding: 0.25em 0.5em;/*上下 左右の余白*/
 color: #494949;/*文字色*/
 background: transparent;/*背景透明に*/
 border-left: solid 5px #7db4e6;/*左線*/
 margin: 0px 0px 10px 0px;
}

div.md-11 {
 width: 700px;
 font-size: 10px;
 text-align: right;
 float: left; /* まわりこみ */
}
div.record {
 color: #1e50a2;
 font-size: 20px;
 font-weight: 700;
}
table.record {
 border-collapse: collapse;
 margin:0px 0px 0px 0px;
 overflow: scroll;
 width: 700px;
}
table.record02 {
 border-collapse: collapse;
 margin:15px 0px 0px 0px;
 overflow: scroll;
 width: 700px;
}
tr.record {
 border: solid #e6e6fa;
 border-width: 1px 0px 1px 0px;
 font-size: 13px;
}
tr.record:hover {
 background-color: #faf0e6;
 border: solid #e6e6fa;
 border-width: 1px 0px 1px 0px;
 font-size: 13px;
}
th.record {
 padding: 0px 0px 0px 5px;
 width: 70px;
 font-weight: normal;
}
th.record2 {
 background-color: #f0f8ff;
 padding: 0px 0px 0px 20px;
}
th.record4 {
 background-color: #f0f8ff;
 font-weight: normal;
 font-size: 13px;
 padding: 0px 0px 0px 5px;
}
td.record {
 padding: 0px 0px 0px 5px;
 width: 100px;
}
td.record2 {
 padding: 0px 0px 0px 5px;
 width: 300px;
}
td.record4 {
 background-color: #f0f8ff;
 font-weight: normal;
 font-size: 13px;
 padding: 0px 0px 0px 5px;
}
span.medal {
 font-weight: 700;
 margin: 0px;
}
.scroll05{
	overflow: auto;/*tableをスクロールさせる*/
	white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /* tableにスクロールバーを追加*/
	height: 5px;
}
.scroll::-webkit-scrollbar-track {
	/*tableにスクロールバーを追加*/ background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}
span.ml-04 {
    color: #1e50a2;
    font-size: 35px;
}
a.ml-05 {
    color: #000000;
	  display: block;
margin: -20px 0px 0px 0px;
}

img.ml-06 {
width: 60px;
height:80px;
}
img.md-10 {
width: 150px;
height:200px;
}
p.wkabaddi-01 {
	font-size: 12px;
}
ul.wk_list {
list-style-type:none;
font-size: 14px; 
}
ul.wk_list li.wk_list01{
position:relative;
padding: 0.2em 0.3em 0.0em 1.0em;
}
ul.wk_list li.wk_list01:before
{
position:absolute;
content:'';
top: 0.5em;
left: 0.2em;
height:0;
width:0;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent transparent transparent #3F51B5;
}
li.wk_list02 {
position:relative;
padding: 0.0em 1.0em 0.0em 2.0em;
}
li.wk_list03 {
position:relative;
padding: 0.0em 1.0em 0.0em 1.5em;
margin:0px 0px 0.7em; /* 箱の外のスペース 上 左右 下 (幅) */
}
a {
color: #7dafff;
text-decoration: none;
}
span.msize{font-size:15px;}
span.lsize{
 font-size:18px;
 font-weight: bold;
 color:#1e50a2;
}
span.ssize{font-size:13px;}
span.msize-bold{
 font-size:15px;
 font-weight: bold;
 color:#1e50a2;
}
div.ii-08 {
 font-size: 15px;
 padding: 0.25em 0.5em;/*上下 左右の余白*/
 color: #494949;/*文字色*/
 background: transparent;/*背景透明に*/
 border-left: solid 5px #7db4e6;/*左線*/
 margin: 25px 0px 10px 0px;
}