@charset "utf-8";
/* CSS Document */
#main{
position:relative;
padding:20px;}

p.main_img{
text-align:center;
margin:20px 0;}

#main h2{
font-size:30px;
padding:5px 0 0 10px;
vertical-align:bottom;
border-left:solid 10px #E7004F;
border-bottom:solid 3px #E7004F;
margin-bottom:10px;}

h3{
font-size:33px;
color:#FD8080;
text-shadow:2px 2px 1px #800001;
margin-bottom:10px;
letter-spacing:2px;
background:-webkit-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-moz-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-ms-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);}

#main p{
font-size:18px;
padding-left:10px;
line-height:1.5;
overflow:hidden;
margin-bottom:15px;}
#main p.position{
position:absolute;
top:0;
left:5px;
font-size:18px;
color:#f00;
padding:0;
margin-bottom:0;
line-height:1;
font-weight:bold;}
#main p.position_img{
position:absolute;
top:0;
right:0;}
#main p span{
color:#f00;}

#wrap03{
overflow:hidden;}

table,th,td{
border:solid 2px #333;
box-sizing:border-box;}
table{
width:100%;
height:200px;
margin-bottom:20px;}
th,td{
padding:5px 0;
font-size:15px;
text-align:center;}
th,td{
padding:5px 0;
text-align:center;}
th{
color:#FFF;
text-shadow:0 0 1px #000;
background:rgba(0,0,0,0.40);}
th:nth-child(1),th:nth-child(3),th:nth-child(5){
background:rgba(0,0,0,0.56);}
td:nth-child(1),td:nth-child(3),td:nth-child(5){
background:rgba(132,132,132,0.30);}

#wrap03{
width:100%;
overflow:hidden;
margin-bottom:30px;}

p.keisan{
float:left;
width:450px;
margin:0;
padding:0;}
p.keisan iframe{
width:450px;
height:450px;}

#sim_area_pc{
float:left;
width:450px;
margin-left:20px;}

#simbox_pc,#simbox_sp,#simbox2_pc,#simbox2_sp{
width:100%;
height:200px;
background:-webkit-linear-gradient(bottom,#AAA 0%,#FFF 50%,#AAA 100%);
background:-moz-linear-gradient(bottom,#AAA 0%,#FFF 50%,#AAA 100%);
background:-ms-linear-gradient(bottom,#AAA 0%,#FFF 50%,#AAA 100%);
border:2px solid #6C6C6C;
box-sizing:border-box;}
#simbox_pc{
margin-bottom:50px;}

th span{
font-size:35px;
text-shadow:0 0 2px #000;
color:#fff;
line-height:1.5;}

td input{
font-size:30px;
color:#FF0004;
text-align:right;
font-weight:bold;}

#wrap04{
overflow:hidden;
width:100%;}
.other{
float:left;
width:31%;
margin:0 1.1666%;}
#main .content #wrap04 .other p.other_p{
font-size:16px;}

h4{
font-size:22px;
color:#2A2A2A;
background:-webkit-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-moz-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-ms-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
margin-bottom:10px;}

#sp{display:none;}
table.sim,table.sim th,table.sim td{
border:none;}

@media screen and (max-width:959px){
#main{
padding:8px;}

p.keisan{
width:48%;}
p.keisan iframe{
width:100%;}

#sim_area_pc{
width:48%;
margin-left:2%;}

th span{
font-size:26px;}

}

@media screen and (max-width:699px){
#pc{display:none;}
#sp{display:block;}


.other{
float:none;
width:100%;}
h3,h4{
font-size:24px;}

#main .content #wrap04 .other p.other_p,
#main .content p{
font-size:14px;}

p.keisan{
float:none;
width:80%;
margin:0 auto;}
p.keisan iframe{
width:100%;
height:250px;}

#sim_area_sp{
float:none;
width:100%;
margin-left:0;}

#simbox_sp,#simbox2_sp{
width:100%;
height:200px;}
#simbox_sp{
margin-bottom:20px;}


th span{
font-size:26px;}

table.hyou th,table.hyou td{
font-size:12px;}

}