@charset "utf-8";

/*===============================================
●  〜640px
===============================================*/
@media screen and (max-width: 640px)
{

/* 図面っス
============================================================================== */

.zut {width:calc(100% - 10px); height: auto; margin: 0 5px 5px 5px;  text-align:center; border:1px #000 solid; border-spacing:0; border-collapse:collapse; font-size:13px; word-wrap: break-word; overflow-wrap: break-word;}

.zut caption{font-size:16px; font-weight:bold; text-align:left; margin:0px 0 5px 0; }
.zut th {background-color:#DEC7B8;  border:1px #000 solid; height:22px; line-height:22px; padding:0; vertical-align:middle; }
.zut td {border:1px #000 solid; height:22px; padding:0; vertical-align:middle; padding:2px 0 2px 0; }

.dl{background-color:#FFF; vertical-align:middle; } 

.tr1{background-color:#FFF;}
.tr2{background-color:#F0E9E3; }
th.tb1{width:35%; }
th.tb3{width:55%; }
th.tb4{width:10%; }

th.tb11{width:40%; }
th.tb33{width:50%; }
th.tb44{width:10%; }

th.tb111{width:40%; }
th.tb333{width:50%; }
th.tb444{width:10%; }

th.tb1111{width:30%; }
th.tb3333{width:60%; }
th.tb4444{width:10%; }

th.tb11111{width:40%; }
th.tb33333{width:50%; }
th.tb44444{width:10%; }

.zustar {margin: 0 0 0 10px; padding-bottom:5px; font-size: 12px;}

.zul { width:100%; margin: 5px 0 0px 0px; }
.zul p{font-size:13px; line-height:1.5em; width:calc(100% - 20px);  margin: 0 10px 10px 10px; }
.zur { width:100%; margin: 5px 0 0px 0px; }
.zur p{font-size:13px; line-height:1.5em; width:calc(100% - 20px);  margin: 0 10px 10px 10px; }


.r4{margin:0 4px 0px 0;  padding:0;}
.r0{margin:0 0 0px 0; padding:0; }


.zup {margin:0; padding:0; }
.zup li {float: left; margin:0; padding:0;}

.zumen_nav { background-color:#fffbc8; }

.zumen { margin: 0 0 0 5px; padding: 0; width:calc(100% - 5px); height: auto; } 
.zumen li{ margin: 0 5px 5px 0; padding: 0; float: left; text-align: left; width:calc(50% - 5px); height: 48px; display:inline; } 

li.zumen_right{ margin: 0px 5px 5px 0px; padding: 0; float:left; text-align: center; width:calc(50% - 5px); height: 48px; display:block; background-color:#fffbc8; }

.zumen_txt { margin: 0px 0 0 0; font-size:15px; line-height:48px; height:48px; text-align: center; }
.zumen_txt1 { margin: 6px 0 0 0; font-size:15px; line-height:1.25em; height:48px; text-align: center; }
.zumen_txt2 { margin: 3px 0 0 0; font-size:12px; line-height:1.2em; text-align: center; }
.zumen_txt3 { margin: 11px 0 0 0; font-size:12px; line-height:1.25em; text-align: center; }
.zumen li a{ text-decoration:none; color:#000; }
.zumen li img{float: left; padding: 0;}



}

/*===============================================
●  641px〜
===============================================*/
@media screen and (min-width: 641px),print
{

/* 図面
============================================================================== */

.zut {margin:0 0 8px 0;  text-align:center; border:1px #000 solid; border-spacing:0; border-collapse:collapse; font-size:13px;;}

.zut caption{font-size:16px; font-weight:bold; text-align:left; margin:0px 0 5px 0; }
.zut th {background-color:#DEC7B8;  border:1px #000 solid; height:22px; line-height:22px; padding:0; vertical-align:middle; }
.zut td {border:1px #000 solid; height:22px; padding:0; vertical-align:middle; padding:2px 0 2px 0; }

.dl{background-color:#FFF; vertical-align:middle; }

.tr1{background-color:#FFF;}
.tr2{background-color:#F0E9E3; }
th.tb1{width:150px; }
th.tb3{width:270px; }
th.tb4{width:50px; }
th.tb11{width:170px; }
th.tb33{width:260px; }
th.tb44{width:40px; }
th.tb111{width:170px; }
th.tb333{width:250px; }
th.tb444{width:50px; }
th.tb1111{width:190px; }
th.tb3333{width:230px; }
th.tb4444{width:50px; }
th.tb11111{width:140px; }
th.tb33333{width:300px; }
th.tb44444{width:30px; }

.zustar {margin: 0 0 0 10px; padding-bottom:5px; font-size: 12px;}

.zul { width:470px; float:left; margin: 5px 0 0px 0px; }
.zul p{font-size:13px; line-height:1.5em; width:440px; float:left; padding: 0 0 10px 20px; }
.zur { width:470px; float:left; margin: 5px 0 0px 20px; }
.zur p{font-size:13px; line-height:1.5em; width:440px; float:left; padding: 0 0 10px 20px; }


.r4{margin:0 4px 0px 0;  padding:0;}
.r0{margin:0 0 0px 0; padding:0; }


.zup {margin:0; padding:0; }
.zup li {float: left; margin:0; padding:0;}

.zumen_nav { background-color:#fffbc8; }

.zumen li{ margin: 0 4px 4px 0; padding: 0; float: left; text-align: left; width: 189px; height: 48px; display:block; } 
* html .zumen li{ margin: 0px 4px 4px 0; padding: 0; float: left; text-align: left; width: 189px; height: 48px; display:block; }
*:first-child+html .zumen li{ margin: 4px 4px 4px 0; padding: 0; float: left; text-align: left; width: 189px; height: 48px; display:block; }

li.zumen_right{ margin: 0px 0 4px 0; padding: 0; float: right; text-align: center; width: 188px; height: 48px; display:block; background-color:#fffbc8;  }
* html li.zumen_right{ margin: 0px 0 4px 0; padding: 0; float: right; text-align: center; width: 188px; height: 48px; display:block; background-color:#fffbc8; }
*:first-child+html li.zumen_right{ margin: 4px 0 4px 0; padding: 0; float: right; text-align: center; width: 188px; height: 48px; display:block; background-color:#fffbc8; }

.zumen_txt { margin: 0px 0 0 0; font-size:16px; line-height:48px; height:48px; text-align: center; }
.zumen_txt1 { margin: 7px 0 0 0; font-size:16px; line-height:1.25em; height:48px; text-align: center; }
.zumen_txt2 { margin: 8px 0 0 0; font-size:13px; line-height:1.25em; text-align: center; }
.zumen_txt3 { margin: 7px 0 0 0; font-size:16px; line-height:1.25em; height:48px; text-align: center; }
.zumen li a{ text-decoration:none; color:#000; }
.zumen li img{float: left; padding: 0;}

h5 br{display: none; }
#sgnpole_s br{display: none; }
#sgn_m br{display: none; }
#b_m br{display: none; }
#azu_m br{display: none; }
#pershe_m br{display: none; }
#per_m br{display: none; }
#decobs_m br{display: none; }
#decobf_m br{display: none; }
#cs_m br{display: none; }
br.nobr {display: none; }
}