@charset "utf-8";

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

    .load_container .koiki_mitoshi_date,.load_container .koiki_mitoshi_box,.load_container .mitoshi_box {
        float: none;
		width: auto;
		margin-right: 0px;
    }
	
	.load_container .sankosiryo {
		margin-right: 0px;
		margin-left:  0px;
	}
	
	.load_container .mitoshi_title {
		width: auto;
	}
	
	.load_container .grap {
		width: auto;
	}

	.load_container .grap .clm_box {
		width: 81%;
	}

	.load_container .grap .clm {
		width: auto;
	}
	.load_container .grap .clm_shiyou {
		width: 11%;
	}
	.load_container .grap .clm_shiyou dd {
		width: auto;
	}
	
	.load_container .grap .clm_koiki_box {
		float: none;
		width: auto
	}

	.load_container .grap .clm_koiki_box dt {
		width: 30%;
	}

	.load_container .clm_koiki_box table{
		width: 100%;
		border-collapse: separate;
	}

	.load_container .clm_koiki_box table th {
		width: 30%;
	}

	.load_container .clm_koiki_box table td {
		width: 45%;
	}
	.load_container .clm_koiki_box table td.last {
		width: 25%;
	}
	
	
	.load_container .joukyou_box {
		float: none;
		width: auto;
		margin-bottom: 12px;
	}

	.load_container .joukyou_title {
		width: auto;
	}

	.load_container .grap_joukyou {
		width: auto;
	}
	.load_container .grap_joukyou .glaph_area {
		width: auto;
	}

	.load_container .grap_joukyou .allow {
		width: 33%;
		background-position: right 20px;
	}
	.load_container .grap_joukyou .allow_long {
		width: 33%;
	}	
	.load_container .grap_joukyou .joukyou {
		width: 90%;
		font-size:11px;
	}

	.load_container .grap_joukyou .joukyou_long {
		width: 90%;
	}
	.load_container .grap_joukyou .joukyou2 {
		width: 30%;
		font-size:11px;
	}
	.load_container .grap_joukyou .joukyou_sunlight {
		padding: 1px 0px 5px 0px;
	}
	.load_container .sunlight_box {
		float: left;
/*		margin: 0 auto;*/
		width: 35%;
		border: 1px solid #50A2C0;
		padding: 5px;
		background-color: #E0F5D1;
		font-size:10px;
		text-align: center;
	}
	
	.load_container .empty_box{
		clear: left;
		float: left;
		width: 30%;
		height:10px;
		font-size:10px;
	}
	
	.load_container .grap_joukyou .koiki_box{
		float: left;
		width: 30%;
		margin: 3px;
	}
	

    .load_container .koiki_box_tittle1 {
       display: none;
    }

    .load_container .koiki_box_tittle2 {
       
    }

	.load_container .grap_joukyou .koiki_box table{
		width: 100%;
		border-collapse: separate;
	}

	.load_container .grap_joukyou .koiki_box table th {
		border-style: solid solid none solid ;
		border-width: 1px;
		vertical-align: middle;
		font-size:10px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.load_container .grap_joukyou .koiki_box table td {
		border-style: solid none none solid ;
		width: 70%;
		font-size:10px;
		padding-top: 2px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 2px;
	}
	.load_container .grap_joukyou .koiki_box table td.last {
		border-style: solid none solid solid ;
		width: 30%;
		font-size:10px;
	}

	.load_container .koiki_box table td.per_red {
		border-style: solid;
		border-width: 2px;
	}

	.load_container .koiki_box table td.per_green {
		border-style: solid;
		border-width: 2px;
	}

	.load_container .koiki_box table td.per_yellow {
		border-style: solid;
		border-width: 2px;
	}

	.load_container .saidai_title {
		width: auto;
	}

	.load_container .grap_saidai {
		width: auto;
	}

	.load_container .grap_saidai .clm_box {
		float: none;
		width: auto;
	}
	.load_container .bunner_box {
		width: auto;
	}

	.load_container .btm_box_kyokyu {
		clear: both;
		float: left;
		padding-top:  10px;
		padding-right: 5px;
		padding-left: 0px;
	}

	.load_container .btm_box_koiki {
		float: left;
		clear: both;
		padding-top:  10px;
		padding-left: 0px;
	}
	
	.load_container .btm_box_block {
		float: left;
		clear: both;
		padding-top:  10px;
		padding-left: 0px;
	}

	.load_container #announce_area{
		width: auto;
	}

	.load_container .saiene_box {
		width: auto;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	
	.load_container .coment_box {
		width: auto;
	}

	.load_container .coment_box2 {
		width: auto;
	}

	.load_container .coment2 {
		width: auto;
		margin-top: 0px;
		margin-left: 8px;
	}
	.load_container .caution2 {
		margin-bottom: 10px;
		margin-left: 8px;
	}
	
	.load_container .shiyoritsu_tips {
		clear: both;
		float: none;
	}

	.load_container .shiyoritsu_tips td {
		white-space:normal;
	}

	.load_container .sp_br {
		display: inline;
	}
    
    .load_container .saiene_mitoshi_box {
        float: left;
        width: auto;
        padding-top: 20px;
        margin-top: 20px;
        margin-right: 0px;
        margin-bottom: 20px;
        font-size:13px;
        border-top: 1px;
        border-style: solid;
        border-color: #CCC;
    }

    .load_container .saiene_mitoshi_box table a[href$=".pdf"] {
        display: inline-block;
        padding-left: 20px;
        background: url(/nw/jukyuu/img/icon_pdf.png) no-repeat left center;
    }
    .load_container .saiene_mitoshi_box table a[href$=".xlsx"] {
        display: inline-block;
        padding-left: 20px;
        background: url(/nw/jukyuu/img/icon_excel.png) no-repeat left center;
    }
    .load_container .saiene_mitoshi_box table a[href$=".docx"] {
        display: inline-block;
        padding-left: 20px;
        background: url(/nw/jukyuu/img/icon_word.png) no-repeat left center;
    }

    .load_container .saiene_mitoshi_box table tr {
        
    }
    
    .load_container .saiene_mitoshi_box table {
        width: 100%;
    }

    .load_container .saiene_mitoshi_box table th {
        color: #243e75;
        border-style: solid;
        border-color: #50A2C0;
        border-width: 1px;
        background-color: #E0F5D1;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .load_container .saiene_mitoshi_box table td:first-child:before {
        display: block;
        float: left;
        height: 20px;
        content: "";
    }

    .load_container .saiene_mitoshi_box table td {
        border-style: solid;
        border-color: #50A2C0;
        border-width: 1px;
        background-color: #FFF;
        text-align: center;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
    }
    
    .load_container .seigyoshijinaiyo1 {
        display: none;
        width: 0;
    }
    
    .load_container .seigyoshijinaiyo2 {

    }
    
    .load_container .saiene_mitoshi_coment_box {
        margin-left: 20px;
        margin-top: 15px;
        width: auto;
        margin-bottom: 10px;
    }

    .load_container .saiene_mitoshi_shuturyoku {
        display: grid;
    }

    .load_container .seigyo_hitsuyousei {
        margin-top: 10px;
    }

    .load_container .kouiki_link_coment_box {
        width: auto;
    }

	.load_container .konzatsu_btn {
		display: flex;
	
	}
	.load_container .konzatsu_btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		width: 270px;
		margin:auto;
	}
	
	.load_container .konzatsu_btn a::before{
		display: inline-block;
	}
	
	.load_container .left_title {
		float: none;
	}
}

@media screen and (max-width:600px) {
	.load_container .download {
		clear: both;
		margin-top: 10px;
	}
}

@media screen and (max-width:522px) {
	.load_container .grap .clm_box {
		clear: left;
		width: 99.5%;
        margin-left: 0px;
	}
	.load_container .grap .clm_shiyou {
		-moz-box-sizing: border-box;
	    box-sizing: border-box;
		clear: left;
		margin-bottom: 5px;
		width: 100%;
	}
	.load_container .grap .clm_shiyou dt {
		float: left;
		margin-bottom: 0px;
	}
	.load_container .caution2 {
		width: auto;
	}
	.load_container .caution2 ul {
		width: auto;
	}
}

@media screen and (max-width:510px) {
	.load_container .shiyoritsu_tips {
		width: auto;
	}
}

@media screen and (max-width:480px) {
	.load_container .grap_joukyou .allow {
		background-position: right 16px;
	}
	.load_container .grap_joukyou .joukyou {
		width: 87%;
		font-size:9px;
	}
	.load_container .grap_joukyou .joukyou_long {
		width: 87%;
	}
	.load_container .grap_joukyou .joukyou2 {
		font-size:9px;
	}
	.load_container .sunlight_box {
		font-size:9px;
	}
	.load_container .grap_joukyou .koiki_box{
		margin: 2px;
	}
	.load_container .saiene_mitoshi_box table {
		table-layout: auto;
	}
    .load_container .saiene_area {
        width: auto;
    }
}

@media screen and (max-width:395px) {
	.load_container .download {
		width: 100%;
	}
	.load_container .download .btm_box {
		padding-left: 10px;
		padding-right: 10px;
	}
	.load_container .download .btm_box a .img_jokyo {
		width: 41%;
		height: auto;
	}
	.load_container .download .btm_box a .img_jisseki {
		width: 57%;
		height: auto;
	}
	.load_container .download .btm_box a .img_jukyu {
		width: 41%;
		height: auto;
	}
	.load_container .download .btm_box a .img_imbalance {
		width: 57%;
		height: auto;
	}
	.load_container .download .btm_box a .img_TSOyousui {
		width: 98%;
		height: auto;
	}
}

@media screen and (max-width:380px) {
	.load_container .grap_joukyou .allow {
		font-size:5px;
		width: 33%;
	}
	.load_container .grap_joukyou .joukyou2 {
		font-size:7px;
		width: 29%;
	}
	.load_container .sunlight_box {
		font-size:7px;
		width: 33%;
	}
	.load_container .grap_joukyou .today_max {
		font-size:10px;
	}
	.load_container .btn_reload {
		margin-right: 10px;
	}
}