/*コンテンツ*/
.cont_wrap{
 clear               : both;
 display             : block;
 margin              : 0 auto;
 padding             : 80px 0 80px 0;
 width               : 1000px;
 font-size           : 1.05vw;
 line-height         : 160%;
}
.cont_wrap:after{
 content             : "";
 display             : block;
 clear               : both;
}

.pvr_cont{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : left;
 padding             : 5em 0 5em 0;
 border-bottom       : 1px dotted #1a1a1a;
}
.pvr_cont .mds{
 font-size           : 2vw;
 color               : #00448c;
 font-weight         : 700;
 padding             : 0 0 1.3em 0;
}
.pvr_cont .sctn{
 float               : left;
 display             : inline;
 width               : 96%;
 padding             : 0 2% 0 2%;
}
.pvr_cont .sctn ul {
 list-style          : none;
 padding-left        : 0;
}

.pvr_cont .sctn ul li {
 position: relative;
 padding-left        : 1.2em;
 line-height         : 1.6;
}

.pvr_cont .sctn ul li::before {
 content             : "※";
 position            : absolute;
 left                : 0; 
 top                 : 0; 
}

.pvr_cont .sctn100{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0% 0 0%;
}
.pvr_cont .notice{
 float               : left;
 display             : inline;
 width               : 96%;
 padding             : 1em 2% 0 2%;
}

/*ガラス品種*/
.varietywrap{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 1em 0;
}
.variety{
 float               : left;
 display             : inline;
 text-align          : left;
 width               : 47%;
 margin              : 0 1.5% 1em 1.5%;
 font-size           : 0.8vw;
}
.variety .code01{
 float               : left;
 display             : inline;
 width               : 30%;
 border-bottom       : 1px dotted #cccccc;
 padding             : 0.2em 0 0.2em 0;
}
.variety .expl01{
 float               : left;
 display             : inline;
 width               : 70%;
 border-bottom       : 1px dotted #cccccc;
 padding             : 0.2em 0 0.2em 0;
}
.variety .code02{
 float               : left;
 display             : inline;
 width               : 40%;
 border-bottom       : 1px dotted #cccccc;
 padding             : 0.2em 0 0.2em 0;
}
.variety .expl02{
 float               : left;
 display             : inline;
 width               : 60%;
 border-bottom       : 1px dotted #cccccc;
 padding             : 0.2em 0 0.2em 0;
}



/*ガラス構成select*/
select{
 width: 90%;
}
.select-wrapper{
 display             : flex;
 gap                 : 0px;
 margin-top          : 20px;
 margin-bottom       : 2vw;
 padding-bottom      : 3vw;
 border-bottom       : 1px dotted #cccccc;
}
.select-box{
 text-align          : center;
 width               : 17%;
}
.select-box select{
 margin              : 5px 0 5px 0;
 height              : 2.8em;
 border              : 1px solid #d0d0d0;
 border-radius       : 3px;
 background-color    : #fff;
}
.hidden{
 display             : none;
}
.select-txt{
 font-size           : 0.9vw;
}
.total{
 float               : left;
 display             : inline;
 margin              : 0 0 0 1em;
 padding             : 2.3em 1em 0 1em;
 border-bottom       : 1px solid #666666;
}




/*検索ボタン回り*/
.btnarea{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 padding             : 2em 0 1em 0;
}
.kensaku {
 width               : 60%;
 background          : #0063ab;
 color               : #ffffff;
 border              : solid 0px #B2B2B0;
 cursor              : pointer;
 padding             : 1em 0 1em 0;
}
.kensaku:hover{
 background          : #76b9ff;
}
.pdfdl {
 width               : 60%;
 background          : #0063ab;
 color               : #ffffff;
 border              : solid 0px #B2B2B0;
 cursor              : pointer;
 padding             : 1em 0 1em 0;
}
.pdfdl:hover{
 background          : #76b9ff;
}



/*エラーメッセージ回り*/
.errarea1:not(:empty){
 float               : left;
 display             : inline;
 width               : 86%;
 text-align          : left;
 margin              : 2em 5% 1em 5%;
 padding             : 1em 2% 1em 2%;
 background          : #fdede4;
 color               : #ff0000;
}
.errarea2:not(:empty){
 float               : left;
 display             : inline;
 width               : 86%;
 text-align          : left;
 margin              : 2em 5% 1em 5%;
 padding             : 1em 2% 1em 2%;
 background          : #fdede4;
 color               : #ff0000;
}
.errarea3:not(:empty){
 float               : left;
 display             : inline;
 width               : 86%;
 text-align          : left;
 margin              : 2em 5% 1em 5%;
 padding             : 1em 2% 1em 2%;
 background          : #fdede4;
 color               : #ff0000;
}



/*テーブル*/
.tbl01{
 float               : left;
 table-layout        : fixed;
 width               : 100%;
 border-collapse     : separate;
 border-spacing      : 0 1px;
 margin              : 4em 0 0 0;
 font-size           : 0.9vw;
 line-height         : 120%;
}
.tbl01 th{
 text-align          : center;
 padding             : 0.2em 0 0.5em 0;
 border-right        : 1px solid #cccccc;
}
.tbl01 th.nobd{
 text-align          : center;
 padding             : 0.2em 0 0.2em 0;
 border-right        : 1px solid #cccccc;
 border-bottom       : 0px solid #cccccc;
}
.tbl01 td.line{
 padding             : 4px 0 0 0;
 border-bottom       : 2px solid #cccccc;
}

.tbl01 td{
 text-align          : center;
 padding             : 1em 0 1em 0;
 border-bottom       : 1px dotted #cccccc;
 word-break          : break-word;
}

/*追加ボタン*/
.addbtn{
 text-align          : center;
 padding             : 0.5em 0.5em 0.5em 0.5em;
 color               : #ffffff;
 background          : #595757;
 border              : 1px solid #595757;
 cursor              : pointer;
}
.addbtn:hover{
 color               : #595757;
 background          : #ffffff;
}

.delbtn{
 text-align          : center;
 padding             : 0.5em 0.5em 0.5em 0.5em;
 color               : #595757;
 background          : #ffffff;
 border              : 1px solid #595757;
 cursor              : pointer;
}
.delbtn:hover{
 color               : #ffffff;
 background          : #595757;
}

/*宛先・物件名など*/

.opt_cell{
 float               : left;
 display             : inline;
 width               : 86%;
 text-align          : left;
 padding             : 1em 2% 1em 2%;
 border-bottom       : 1px dotted #cccccc;
}
.opt_cell .cell01{
 float               : left;
 display             : inline;
 width               : 15%;
}
.opt_cell .cell02{
 float               : left;
 display             : inline;
 width               : 85%;
}
.inpttxt{
 width               : 400px;
 background          : #ffffff;
 border              : solid 1px #A9A9A9;
 padding             : 0.5em 0 0.5em 0;
 margin              : 0.5em 1em 0.5em 0;
}
.nowrap{
  white-space        : nowrap;
}


.scrollbar01{height:400px; overflow:auto;}
.scrollbar02{height:400px; overflow:auto;}


.pvr_cp01{
 position            : absolute;
 top                 : 50%;
 left                : 50%;
 transform           : translateY(-50%) translateX(-50%);
 -webkit- transform  : translateY(-50%) translateX(-50%);
 color               : #ffffff;
 font-size           : 2vw;
 font-weight         : 700;
 width               : 90%;
 text-align          : center;
}



/* フローティングナビゲーション */
#nav-container {
 position            : fixed;
 right               : 40px;
 top                 : 50%;
 transform           : translateY(-50%);
 display             : flex;
 flex-direction      : column;
 gap                 : 20px;
 z-index             : 9999;
}

.scroll-btn {
 width               : 4.5vw;
 height              : 4.5vw;
 border-radius       : 50%;
 border              : none;
 background          : rgba(0, 0, 0, 0.15);
 color               : #ffffff;
 font-size           : 2vw;
 cursor              : pointer;
 display             : flex;
 justify-content     : center;
 align-items         : center;
 transition          : all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.scroll-btn:hover {
 background          : rgba(0, 99, 171, 0.3);
 transform           : scale(1.1) translateY(-5px);
}

/* アニメーション付きの非表示 */
.hidden {
 opacity             : 0;
 visibility          : hidden;
 transform           : scale(0.5) translateY(50px);
 pointer-events      : none;
}




/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (max-width: 850px) {

	.cont_wrap{
	 padding             : 20px 5% 80px 5%;
	 width               : 90%;
	 font-size           : 3.2vw;
	 line-height         : 160%;
	}
	.cont_wrap:after{
	}

	.pvr_cont{
	 padding             : 40px 0 40px 0;
	}
	.pvr_cont .mds{
	 font-size           : 5vw;
	 padding             : 0 0 1em 0;
	}
	.pvr_cont .sctn{
	 width               : 96%;
	 padding             : 0 2% 0 2%;
	}
	.pvr_cont .sctn ul {
	 list-style          : none;
	 padding-left        : 0;
	}

	.pvr_cont .sctn ul li {
	 position: relative;
	 padding-left        : 1.2em;
	 line-height         : 1.6;
	}

	.pvr_cont .sctn ul li::before {
	 content             : "※";
	 position            : absolute;
	 left                : 0; 
	 top                 : 0; 
	}

	.pvr_cont .sctn100{
	 width               : 96%;
	 padding             : 0 2% 0 2%;
	}
	.pvr_cont .notice{
	 width               : 96%;
	 padding             : 1em 2% 0 2%;
	}

	/*ガラス品種*/
	.varietywrap{
	 width               : 100%;
	 padding             : 0 0 1em 0;
	}
	.variety{
	 width               : 100%;
	 margin              : 0 1.5% 0 1.5%;
	 font-size           : 3vw;
	}
	.variety .code01{
	 width               : 35%;
	 padding             : 0.2em 0 0.2em 0;
	}
	.variety .expl01{
	 width               : 65%;
	 padding             : 0.2em 0 0.2em 0;
	}
	.variety .code02{
	 width               : 45%;
	 padding             : 0.2em 0 0.2em 0;
	}
	.variety .expl02{
	 width               : 55%;
	 padding             : 0.2em 0 0.2em 0;
	}



	/*ガラス構成select*/
	.select-wrapper{
	 display             : inline-block;
	 gap                 : 0px;
	 margin-top          : 20px;
	 margin-bottom       : 6vw;
	 padding-bottom      : 12vw;
	 border-bottom       : 1px dotted #cccccc;
	}
	.select-box{
	 text-align          : left;
	 width               : 100%;
	}
	.select-box select{
	 float               : left;
	 display             : inline;
	 width               : 48%;
	 margin              : 5px 2% 1.5em 0;
	 height              : 8vw;
	}
	.hidden{
	 display             : none;
	}
	.select-txt{
	 float               : left;
	 display             : inline;
	 width               : 50%;
	 font-size           : 3vw;
	 padding             : 2vw 0 0 0;
	}
	.total{
	 margin              : 0 0 0 0;
	 padding             : 0 1em 0 1em;
	}




	/*検索ボタン回り*/
	.btnarea{
	 width               : 100%;
	 padding             : 2em 0 1em 0;
	}
	.kensaku {
	 width               : 80%;
	 padding             : 1.5em 0 1.5em 0;
	}
	.kensaku:hover{
	}
	.pdfdl {
	 width               : 80%;
	 padding             : 1.5em 0 1.5em 0;
	}
	.pdfdl:hover{
	}



	/*エラーメッセージ回り*/
	.errarea1:not(:empty){
	 width               : 90%;
	 margin              : 2em 0% 1em 0%;
	 padding             : 1em 5% 1em 5%;
	}
	.errarea2:not(:empty){
	 width               : 90%;
	 margin              : 2em 0% 1em 0%;
	 padding             : 1em 5% 1em 5%;
	}
	.errarea3:not(:empty){
	 width               : 90%;
	 margin              : 2em 0% 1em 0%;
	 padding             : 1em 5% 1em 5%;
	}



	/*テーブル*/
	.tbl01{
	 width               : 200%;
	 margin              : 4em 0 0 0;
	 font-size           : 3vw;
	 line-height         : 120%;
	}
	.tbl01 th{
	 padding             : 0.2em 0 0.5em 0;
 	 font-size           : 2.5vw;

	}
	.tbl01 th.nobd{
	 padding             : 0.2em 0 0.2em 0;
	}
	.tbl01 td.line{
	 padding             : 4px 0 0 0;
	 border-bottom       : 2px solid #cccccc;
	}

	.tbl01 td{
	 text-align          : center;
	 padding             : 1em 0 1em 0;
	}

	/*追加ボタン*/
	.addbtn{
	}
	.addbtn:hover{
	}

	.delbtn{
	}
	.delbtn:hover{
	}

	/*宛先・物件名など*/

	.opt_cell{
	 width               : 86%;
	 padding             : 1em 2% 1em 2%;
	}
	.opt_cell .cell01{
	 width               : 100%;
	}
	.opt_cell .cell02{
	 width               : 100%;
	}
	.inpttxt{
	 width               : 60vw;
	 padding             : 0.5em 0 0.5em 0;
	 margin              : 0.5em 1em 0.5em 0;
	}
	.nowrap{
	  white-space        : nowrap;
	}


	.scrollbar01{height:auto; width:100%; overflow:auto;}
	.scrollbar02{height:auto; width:100%; overflow:auto;}


	.pvr_cp01{
	 position            : absolute;
	 top                 : 50%;
	 left                : 50%;
	 transform           : translateY(-50%) translateX(-50%);
	 -webkit- transform  : translateY(-50%) translateX(-50%);
	 color               : #ffffff;
	 font-size           : 4vw;
	 font-weight         : 700;
	 width               : 90%;
	 text-align          : center;
	}





	/* フローティングナビゲーション */
	#nav-container {
	 position            : fixed;
	 right               : 5px;
	 top                 : 50%;
	 transform           : translateY(-50%);
	 display             : flex;
	 flex-direction      : column;
	 gap                 : 20px;
	 z-index             : 1;
	}

	.scroll-btn {
	 width               : 9vw;
	 height              : 9vw;
	 border-radius       : 50%;
	 border              : none;
	 background          : rgba(0, 0, 0, 0.15);
	 color               : #ffffff;
	 font-size           : 4vw;
	 cursor              : pointer;
	 display             : flex;
	 justify-content     : center;
	 align-items         : center;
	 transition          : all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	}

	.scroll-btn:hover {
	}

	/* アニメーション付きの非表示 */
	.hidden {
	}





}