@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

.online p{font-size:15px;line-height:1.8;}
.online .text{width:100%;margin-top:0px;margin-bottom:20px;}
/*.online .text p{font-size:15px;}*/
/*.online .text h3{font-size:;}*/
.online h4{display:block;padding-bottom:10px;font-size:18px;margin-top:15px;color:#f2e894;}
.online h5{display:block;padding-bottom:8px;font-size:17px;margin-top:19px;}
.online #env {border-collapse: collapse;margin-bottom:10px;width:100%;background-color:rgba(0,0,0,0.2);}
.online #env th,
.online #env td{border:1px solid rgb(32, 110, 56);padding:10px 18px;text-align:center;}
.online #env td span{font-size:13px;color:#f2e894;padding-left:3px;}
.online #env th{background-color:rgba(0,0,0,0.2);}

.online .attention_spec{padding:12px;border:1px solid #FFE400;color:#FFE400;margin-bottom:18px;}

.online .img{ width:700px; margin: 0; float:none;}


.online #spec_option{padding-left:1em;line-height:1.6;font-size:13px;}
.online #spec_option.big{font-size:15px;}
.online #spec_option.ylw .sub{color:#f2e894;}
.online #spec_option .sub .min{font-size:13px;color:#ddd;}
.online #spec_option .sub{margin-left:-1em;display:inline;}



}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {

  .online p{font-size:13px;line-height:1.8;}
  .online .text{width:100%;margin-top:0px;margin-bottom:20px;}
  /*.online .text p{font-size:15px;}*/
  /*.online .text h3{font-size:;*/
  .online h4{display:block;padding-bottom:10px;font-size:16px;margin-top:2em;color:#f2e894;}
  .online h5{display:block;padding-bottom:8px;font-size:15px;margin-top:2em;}
  .online #env {border-collapse: collapse;margin-bottom:10px;width:90%;background-color:rgba(0,0,0,0.2);margin:0 auto;}
  .online #env th,
  .online #env td{border:1px solid rgb(32, 110, 56);padding:7px 10px;text-align:center;font-size:12px;}
  .online #env td span{font-size:13px;color:#f2e894;padding-left:3px;}
  .online #env th{background-color:rgba(0,0,0,0.2);}

  .online .attention_spec{padding:12px;border:1px solid #FFE400;color:#FFE400;margin-bottom:18px;}

  .online .scroll{
    overflow: auto;
    white-space: nowrap;
    width:100%;
    margin-left:-5%;
    padding:0 5%;

  }

  .online .scroll::-webkit-scrollbar{
    height:5px;
  }

  .online .scroll::-webkit-scrollbar-track{
    height:5px;
  }

  .online .scroll::-webkit-scrollbar-thumb{
    height:5px;
  }

  .online #spec_option{padding-left:1em;line-height:1.6;font-size:13px;}
  .online #spec_option.big{font-size:15px;}
  .online #spec_option.ylw{margin-top:10px;}
  .online #spec_option.ylw .sub{color:#f2e894;font-size:12px;}
  .online #spec_option .sub .min{font-size:13px;color:#ddd;}
  .online #spec_option .sub{margin-left:-1em;display:inline;font-size:13px;}

}