/* For PC */
html, body{ height: 100%;}
	
body{ min-width: 1200px;}
	
.logo span{font-size: 14px; margin-left: 15px; display: inline-block; vertical-align: middle; margin-bottom: -7px;}
.logo a{ color: inherit ;text-decoration: none; transition: .3s;}
.logo img{display: inline-block; vertical-align: middle;}
.logo a:hover{ opacity: .7;}
	
.wh_blocks{ background: #ffffff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.05); box-sizing: border-box; padding: 35px 50px 45px 50px; margin-bottom:45px;}
	
.contents{ margin-left: 60px;}
.contents .contents_inn{ padding: 40px 40px 60px 40px; position: relative;}	
	

/*--- ログイン画面 -----------------------------------------------*/

#login{ width: 525px; margin-top: 120px;}
#login .logo{ text-align: center; margin-bottom: 50px;}
	
#login h2{ background: transparent; font-size: 16px; font-weight: bold; color: #000000; margin: 0 0 8px 0; padding: 0;}
#login .box + .box{ margin-top: 30px;}	
#login .box + .box + .box{ margin-top: 30px; margin-bottom: 45px;}	
#login .box input[type="text"],#login .box input[type="password"]{ width: 100%;}
	
#login .btn_area input[type="button"]{ width: 270px; height: 60px; border: 0; color: #ffffff; font-size: 20px; background: rgb(0,187,172); background: linear-gradient(90deg, rgba(0,187,172,1) 0%, rgba(0,155,134,1) 100%); text-align: center; cursor: pointer; box-shadow:0 3px 0 rgba(0,0,0,0.10); transition: .3s; border-radius: 30px; position: relative; box-sizing: border-box; letter-spacing: 0.03em; display: block; margin: 0 auto 0 auto;}
#login .btn_area input[type="button"]:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }


/*--- ヘッダー -----------------------------------------------*/
#header{position: relative;}
#header .inn{background: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.05); height: 90px; box-sizing: border-box; padding:0 35px 0 35px; display: flex; justify-content: space-between; align-items: center;}

#header .right{ display: flex; align-items: center; justify-content: flex-end;}
#header .license{ margin-right: 50px;}
#header .license .btn.w100_h24{ width: 60px; display: inline-block; margin-left: 10px;}
#header .user label{ display: block; font-size: 16px; position: relative; cursor:pointer; padding-right: 35px; transition: .3s;}
#header .user label:before{display: block; content: ""; background: url("../images/header/indent_b.png") no-repeat right center; width: 18px; height: 10px; position: absolute; right:0; top:0; bottom:7px; margin: auto;}
#header .user label img{ display: inline-block; vertical-align: middle; margin-right: 12px; }
#header .user label:hover{ opacity: .7;}
#header .user label:hover:before{ opacity: .7;}
	
#header .user input[type="checkbox"]:checked + label:before{background: url("../images/header/indent_b_2.png") no-repeat right center;}
	
#header #pop-up { display: none;}
#header .sub_menu{ display: none; background: #ffffff; color: #43c0b3; border-radius: 40px; box-shadow: 0 0 15px rgba(0,0,0,0.05); transition: .3s; text-align: center; border: 1px solid #43c0b3; overflow: hidden;}
#header .sub_menu a{ display:block;padding: 6px 50px 6px 50px; background: #ffffff; width: 100%; height: 100%; color: inherit; text-align: center; transition: .3s; box-sizing: border-box; line-height: normal;}
#header #pop-up:checked + label + .sub_menu { display: block; z-index: 9999; position: fixed; top: 75px; right: 28px; transition: .3s; }
	
#header .sub_menu a:hover{ background: #43c0b3; color: #ffffff; text-decoration: none;}


	
/*--- メニュー -----------------------------------------------*/
#menu{ width: 60px; height: 100%; box-sizing: border-box; background-color: #315935; color: #ffffff; position: absolute; top:90px; left:0; /*transition: .3s;*/ z-index: 999999;}
#menu.active{width: 250px;}
#menu.fixed{ position: fixed; top:0;}
	
#menu li.menu_width{ cursor: pointer; background: #133417; min-height: 26px; text-align: center; position: relative;}
#menu.active li.menu_width{ text-align: right; padding-right: 15px;}
#menu li.menu_width:hover{ opacity: .7;}
#menu li.menu_width img{ position: absolute; top:0; bottom:0; right:0; left:0; margin: auto;}
#menu.active li.menu_width img{ right:15px; left:auto;}
	
#menu li.menu_width .typeb{ display: none;}
#menu.active li.menu_width .typea{ display: none;}
#menu.active li.menu_width .typeb{ display: block;}	
	
#menu li:not(.menu_width){ height: 86px; border-bottom: 1px solid #234926; text-align: center;}
#menu li:not(.menu_width) a{ display: block; width: 100%; height: 100%; transition: .3s; padding-top: 30px; box-sizing: border-box;}
#menu li:not(.menu_width) a:hover{ background: #234926;}
#menu li:not(.menu_width) span{ display: none;}

#menu.active li:not(.menu_width){ text-align: left;}
#menu.active li:not(.menu_width) a{ padding-left: 38px;}
#menu.active li:not(.menu_width) a > img{ vertical-align: middle; margin: 0 15px 3px 0; display: inline-block;}
#menu.active li:not(.menu_width) span{ display:inline-block; font-size: 16px; color: #ffffff; /*font-weight: bold;*/}
	

/*--- パンくず -----------------------------------------------*/
	
.breadcrumb{ background: #eeeeee; height: 46px; overflow: hidden; z-index:999; font-size: 90%; position: sticky;position: -webkit-sticky;top: 0px;}
.breadcrumb ul{ height: 100%; display: flex; flex-wrap: nowrap;}
.breadcrumb li{display: flex; align-items: center; position: relative;}
.breadcrumb li + li:before{ display: block; content: ""; background: url("../images/icon/breadcrumb_indent.png") no-repeat; width: 114px; height: 46px; position: absolute; top:0; left:-103px; z-index: 0;}
.breadcrumb li span,.breadcrumb li a{ position: relative; z-index: 1; padding: 0 15px 0 20px;}
.breadcrumb li a{ color: #ed4373; text-decoration: underline;}
.breadcrumb li a:hover{ text-decoration:none; opacity: .7;}	
	
	
	
	
/*--- 見出し -----------------------------------------------*/
	
.contents h2{  font-size: 38px; font-weight: bold; color: #000000; background: url("../images/icon/icon_kitting_bk.png") no-repeat center left; background-size: 42px auto; min-height: 53px; box-sizing: border-box; padding: 15px 0 0 60px; margin:0 0 50px 0; position: relative;}

.contents .navi_manual + h2{ margin-top: 50px; margin-bottom: 60px;}

.contents h2.icon_user{background: url("../images/icon/icon_user_bk.png") no-repeat center left; background-size: 42px auto;}
.contents h2.icon_group{background: url("../images/icon/icon_group_bk.png") no-repeat center left; background-size: 42px auto;}
.contents h2.icon_category{background: url("../images/icon/icon_category_bk.png") no-repeat center left; background-size: 42px auto;}
.contents h2.icon_kitting{background: url("../images/icon/icon_document_bk.png") no-repeat center left; background-size: 42px auto;}
.contents h2.icon_building{background: url("../images/icon/icon_building_bk.png") no-repeat center left; background-size: 40px auto;}
	
.contents .wh_blocks h2{ background: none; font-size: 20px; color: #00ac9a; padding: 0 0 20px 0; min-height: auto; margin: 0;}
.contents .wh_blocks h2:before{ display: block; content: ""; width: 100%; height: 2px; background: #dedede; position: absolute; bottom:0; left:0;}	
.contents .wh_blocks h2:after{ display: block; content: ""; width: 150px; height: 2px; background: #00ac9a; position: absolute; bottom:0; left:0;}	

.contents .wh_blocks h2.end{ padding: 0; margin-bottom: -10px; color: #ed4373;}
.contents .wh_blocks h2.end:before,.contents .wh_blocks h2.end:after{ display: none;}

/*.contents .wh_blocks h2.noborder{ background: none; font-size: 20px; color: #00ac9a; padding: 0 0 20px 0; min-height: auto; margin: 0;}
.contents .wh_blocks h2.noborder:before,.contents .wh_blocks h2.noborder:after{ display: none;}
*/	
.contents .wh_blocks h2.spec_h{ color: #f8811d;}
.contents .wh_blocks h2.spec_h:after{ background-color: #f8811d;}
.contents .wh_blocks h2.device_h{color: #2c88e0;}
.contents .wh_blocks h2.device_h:after{ background-color: #2c88e0;}

.contents h3.orange_tit{display: block; width: 260px; height: 64px; padding-top: 20px; font-size: 18px; text-align: center; font-weight: bold; margin:50px 0 26px 0; background: rgb(255,237,222); background: linear-gradient(90deg, rgba(255,237,222,1) 0%, rgba(255,228,205,1) 100%); color: #eb7a1b; transition: all 0.2s ease; border-radius: 50px; box-sizing: border-box; cursor: pointer; position: relative;}
	
.contents h3.orange_tit:before{ content: ""; position: absolute; bottom:-15px; left:50%; right:0; margin-left: -13px; width: 0; height: 0; border-style: solid; border-right: 13px solid transparent; border-left: 13px solid transparent; border-top: 15px solid #ffe8d4; border-bottom: 0;}
	
	
/*--- テーブル -----------------------------------------------*/
/*白枠内*/
.contents .gr_tb{width: 100%; margin: auto;}
.contents .gr_tb th,.contents .gr_tb td{ padding: 13px 0 13px 0; border-bottom: 1px dotted rgba(0,0,0,0.2); box-sizing: border-box;}
.contents .gr_tb th{ background:rgba(170,219,212,0.2); color: #009c87; font-weight: bold; text-align: center; width: 150px; vertical-align: middle; line-height: normal;}
.contents .gr_tb td{padding-left: 20px; padding-right: 20px;}
.contents .gr_tb small{display: block; line-height: normal; font-size: 12px; font-weight: normal !important; opacity: .8;}
.contents .gr_tb select{ min-height: 46px; min-width: 254px; margin-bottom: 10px;}

.contents .gr_tb input#deadline_from,.contents .gr_tb input#deadline_to,.contents .gr_tb input#kitting_date_from,.contents .gr_tb input#kitting_date_to{width: 45%; max-width: 200px;}
	
.contents .gr_tb .btn_linegreen{ margin: 0;}
	
	
/*マニュアル管理トップ*/	
.contents .manual-list{width: 100%; margin: auto; border-top: 2px solid rgba(189,208,205,0.6);}
.contents .manual-list td{vertical-align: middle; padding: 16px 20px 18px 20px; border-bottom: 1px solid rgba(189,208,205,0.6); box-sizing: border-box;}	
.contents .manual-list td:first-child{width: 120px; text-align:left;}	
.contents .manual-list td:nth-child(2){ text-align:left; padding-left: 0; padding-right: 0;}	
.contents .manual-list td:nth-child(3){width: 220px; text-align:left;}	
.contents .manual-list td:last-child{width: 165px; text-align:left; padding-left: 0;}	
.contents .manual-list td a + a{ margin-top: 8px;}
.contents .manual-list tr:nth-child(odd){ background: #f2f4f4;}
	
.contents .manual-list .m_status{background: rgb(91,176,239); background: linear-gradient(90deg, rgba(91,176,239,1) 0%, rgba(62,139,231,1) 100%); width: 50px; box-sizing: border-box; text-align: center; font-size: 11px; line-height:1; padding:3px 0 3px 0; /*font-weight: bold;*/ color: #f9f9f9; margin:7px 0 8px 0;}

.contents .manual-list .m_status.in_progress{background: rgb(242,168,40); background: linear-gradient(90deg, rgba(242,168,40,1) 0%, rgba(233,108,23,1) 100%);}
.contents .manual-list .m_status.finished{background: rgb(83,83,83); background: linear-gradient(90deg, rgba(83,83,83,1) 0%, rgba(62,62,62,1) 100%);}
	

.contents .manual-list .m_category{ font-size: 13px; color: #43c0b3;}
.contents .manual-list .m_category:before{ display:inline-block; content: ""; background: url("../images/icon/indent_category.png") no-repeat center; background-size: 100% auto; width: 14px; height: 14px; vertical-align: middle; margin: 0 6px 3px 0;}
.contents .manual-list .m_tit{ font-size: 16px; /*color: #1faa98;*/color:#000; font-weight: bold; margin-bottom: 5px; margin-top: 4px;}
.contents .manual-list .m_tit a{ color: inherit; text-decoration: underline; position: relative; padding-right: 24px; line-height: 1.5em;}
.contents .manual-list .m_tit a:before{ display:block; content: ""; background: url("../images/icon/indent_circle.png") no-repeat center; background-size: 100% auto; width: 17px; height: 17px; position: absolute; bottom:0; right:0;}
.contents .manual-list .m_tit a:hover{ text-decoration: none; opacity: .7;}
.contents .manual-list .m_des{ font-size: 12px; color: #393939;}
.contents .manual-list .m_deadline{ font-size: 14px; /*font-weight: bold;*/ color: #1e1e1e; margin-bottom: 4px;}
.contents .manual-list .m_deadline.red{ color: #ed4373;}
.contents .manual-list .m_create{ font-size: 12px; color: #aaa;}
	
.contents .manual-list.kit td:first-child{width: auto;}	
.contents .manual-list.kit td:nth-child(2){width: 15%; padding-left: 15px;}	
.contents .manual-list.kit td:nth-child(3){width: 140px;}	
.contents .manual-list.kit td:nth-child(4){width: 200px;}	
.contents .manual-list.kit td:last-child{width: 230px;}	
.contents .manual-list.kit .m_deadline{ margin-bottom: 0; font-weight: normal;}

	
	
/*マニュアル編集*/	
.contents .normal_tb{width: 100%; margin: auto;}
.contents .normal_tb th{ color: #43c0b3; border-bottom: 2px solid #43c0b3; font-weight: bold; padding: 0 0 10px 0;}
.contents .normal_tb.orange th{ color: #f8811d; /*border-bottom: 2px solid #f8811d;*/ border-bottom: none; background: #fff7f0; padding-top: 12px;}
.contents .normal_tb.blue th{ color: #2c88e0; /*border-bottom: 2px solid #2c88e0;*/ border-bottom: none; background: #ecf6ff; padding-top: 12px;}
.contents .normal_tb td{ padding: 13px 0 13px 0; border-bottom: 1px dotted rgba(0,0,0,0.2); box-sizing: border-box;}

.contents .normal_tb th,.contents .normal_tb td{ padding-left: 15px; box-sizing: border-box;}
.contents .normal_tb th:last-child,.contents .normal_tb td:last-child{ padding-right: 15px;} 
	
	
.contents table .bold{ font-weight: bold;}
.contents table .normal{ font-weight: normal !important;}
.contents table .red{color: #ed4373; font-weight: bold;}
.contents table .left{ text-align: left;}
.contents table .center{ text-align: center;}
.contents table .w60{ width: 60px;}
.contents table .w80{ width: 80px;}
.contents table .w100{ width: 100px;}
.contents table .w120{ width: 120px;}
.contents table .w150{ width: 150px;}
.contents table .w200{ width: 200px;}
.contents table .w15{ width: 15%;}
.contents table .w20{ width: 20%;}
.contents table .w25{ width: 25%;}
.contents table .pd_left_0{padding-left: 0;}

.contents .normal_tb select{ min-height: 46px;}
	
.contents .normal_tb input[type="text"]{ width: 100%;}
.contents .normal_tb input[type="checkbox"]{ margin: auto;}

	
.contents .table-wrap{overflow-x: scroll; overflow-y: scroll; height:500px;}
.contents .table-wrap .normal_tb{width: 100%; border-collapse: collapse; white-space: nowrap;}
.contents .table-wrap .normal_tb th,.contents .table-wrap .normal_tb td{ padding-left: 50px; }
.contents .table-wrap .normal_tb th:first-child,.contents .table-wrap .normal_tb td:first-child{ padding-left: 20px;} 
.contents .table-wrap .normal_tb th:last-child,.contents .table-wrap .normal_tb td:last-child{ padding-right: 20px;} 
	
	
	
	
/*ログテーブル*/	
.contents .log-tb{width: 100%; margin: auto; border-top: 2px solid rgba(189,208,205,0.6);}
.contents .log-tb th{padding: 10px 20px 10px 20px; color: #009c87; font-weight: bold; border-bottom: 2px solid rgba(189,208,205,0.6); vertical-align: middle; box-sizing: border-box;}
.contents .log-tb td{padding: 16px 20px 18px 20px; vertical-align: middle; border-bottom: 1px solid rgba(189,208,205,0.6); box-sizing: border-box;}
.contents .log-tb tbody tr:nth-child(odd){ background: #f2f4f4;}	
	
	
.contents .log-tb th:first-child,.contents .log-tb td:first-child{ /*width: 100px;*/ text-align: center;}

.contents .log-tb th:nth-child(5),.contents .log-tb td:nth-child(5){ }
.contents .log-tb th:nth-child(6),.contents .log-tb td:nth-child(6){ }
.contents .log-tb th:last-child,.contents .log-tb td:last-child{ /*width: 120px;*/ text-align: center; padding-left: 0; padding-right: 0;}
	
	
/*ログテーブル 詳細*/		
.contents .log-tb.detail th:first-child,.contents .log-tb.detail td:first-child{ width: 43px; text-align: center;padding-right: 0;}
.contents .log-tb.detail th:nth-child(2),.contents .log-tb.detail td:nth-child(2){ width: 90px; text-align: center; padding-left:15px; padding-right: 15px;}
.contents .log-tb.detail th:nth-child(3),.contents .log-tb.detail td:nth-child(3){width:90px; text-align: center; padding-left:15px; padding-right: 15px;}
.contents .log-tb.detail th:nth-child(4),.contents .log-tb.detail td.title{width: auto; /*max-width: 250px;*/ padding-right: 0;}
.contents .log-tb.detail td.title span{ font-size:12px; color:#aaa; line-height:1.4;}
.contents .log-tb.detail th:nth-child(5),.contents .log-tb.detail td.value{ /*width: 100px;*/ }
.contents .log-tb.detail th:nth-child(6),.contents .log-tb.detail td:nth-child(6){ /*width: 100px;*/ padding-left: 0; padding-right: 0;}
.contents .log-tb.detail td:nth-child(6){font-weight: normal;}
.contents .log-tb.detail th:nth-child(7),.contents .log-tb.detail td:nth-child(7){ /*width: 100px;*/ text-align: left; }
.contents .log-tb.detail th:nth-child(8),.contents .log-tb.detail td:nth-child(8){width: auto; padding-left: 0; padding-right: 0;}
.contents .log-tb.detail th:last-child,.contents .log-tb.detail td.date{ /*width: 120px;*/ text-align: left; padding-left: 20px; padding-right: 20px; white-space:nowrap;}

	
/*アカウント管理*/
.contents .log-tb.user td a + a{ margin-top: 8px;}
	
.contents .log-tb.user th:first-child,.contents .log-tb.user td:first-child{ /*width: 80px;*/ text-align: center; }
.contents .log-tb.user th:nth-child(5),.contents .log-tb.user td:nth-child(5){ text-align: left;}
.contents .log-tb.user th:nth-child(6),.contents .log-tb.user td:nth-child(6){ width: auto; font-size: 13px;}
.contents .log-tb.user th:nth-child(7),.contents .log-tb.user td:nth-child(7){ font-size: 13px;}
.contents .log-tb.user th:nth-child(8),.contents .log-tb.user td:nth-child(8){ font-size: 13px;}

/*グループ一覧*/
.contents .log-tb.group td a + a{ margin-top: 8px;}
.contents .log-tb.group th:first-child,.contents .log-tb.group td:first-child{ width: 140px; text-align: center;}
.contents .log-tb.group th:nth-child(4),.contents .log-tb.group td:nth-child(4){ /*width: 200px;*/ text-align: left;}
.contents .log-tb.group th:nth-child(5),.contents .log-tb.group td:nth-child(5){ width: 200px; text-align: left;}
.contents .log-tb.group th:last-child,.contents .log-tb.group td:last-child{ width: 120px; text-align: center; padding-left: 0; padding-right: 0;}


/*カテゴリ一覧*/
.contents .log-tb.category td a + a{ margin-top: 8px;}
.contents .log-tb.category th:first-child,.contents .log-tb.category td:first-child{ width: 100px; text-align: center;}
.contents .log-tb.category th:nth-child(4),.contents .log-tb.category td:nth-child(2){ width: 200px; text-align: left;}
.contents .log-tb.category th:nth-child(5),.contents .log-tb.category td:nth-child(3){ width: 200px; text-align: left;}
.contents .log-tb.category th:last-child,.contents .log-tb.category td:last-child{ width: 120px; text-align: center; padding-left: 0; padding-right: 0;}


/*--- ボタン -----------------------------------------------*/
.btn{ display: block; cursor: pointer; margin: auto; height: 50px; font-size: 17px; text-align: center; color: #ffffff !important; text-decoration: none !important; font-weight: bold; border-radius: 50px; padding: 16px 0 0 0; transition: .3s; box-shadow: 0 2px 0 rgba(0,0,0,0.1); position: relative; box-sizing: border-box; letter-spacing: 0.03em; -webkit-text-stroke-width: 0;}
.btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }
input.btn{ padding-top: 0 !important; padding-bottom: 0 !important;}
	
.btn.w450_h80{width: 450px; height: 80px; font-size: 22px; padding-top: 24px; margin-top: 60px;}	
	
.btn.w220_h60{width: 220px; height: 60px;}
	
.btn.w180_h50{width: 180px;}
.btn.w220_h50{width: 220px;}
.btn.w250_h50{width: 250px;}
	
.btn.w280_h40{width: 285px; height: 40px; font-size: 14px; padding-top: 8px;}
.btn.w220_h40{width: 220px; height: 40px; font-size: 14px; padding-top: 8px;}
.btn.w200_h40{width: 200px; height: 40px; font-size: 14px; padding-top: 8px;}
.btn.w180_h40{width: 180px; height: 40px; font-size: 14px; padding-top: 8px;}
.btn.w150_h40{width: 150px; height: 40px; font-size: 14px; padding-top: 8px;}
	
.btn.icon_create.w150_h40,.btn.icon_create.w220_h40{ padding-top: 11px;}

.btn.w210_h30{width: 210px; height: 30px; font-size: 13px; padding-top: 7.5px;}
	
.btn.w100_h24{width: 100px; height: 24px; font-size: 12px; padding-top: 5px;}
.btn.w140_h24{width: 140px; height: 24px; font-size: 12px; padding-top: 5px;}
.btn.w180_h24{width: 180px; height: 24px; font-size: 12px; padding-top: 5px;}	
	
.btn.btn_linegreen{ color: #43c0b3 !important; border: 1px solid #43c0b3; background: transparent; box-shadow: none;}
.btn.btn_green{background: rgb(0,187,172); background: linear-gradient(90deg, rgba(0,187,172,1) 0%, rgba(0,155,134,1) 100%);}
.btn.btn_blue{background: rgb(91,176,239); background: linear-gradient(90deg, rgba(91,176,239,1) 0%, rgba(62,139,231,1) 100%);}
.btn.btn_red{background: rgb(242,84,144); background: linear-gradient(90deg, rgba(242,84,144,1) 0%, rgba(232,49,84,1) 100%);}
.btn.btn_orange{background: rgb(242,168,40); background: linear-gradient(90deg, rgba(242,168,40,1) 0%, rgba(233,108,23,1) 100%);}	
.btn.btn_gray{background: rgb(144,144,144); background: linear-gradient(90deg, rgb(144,144,144,1) 0%, rgb(89,89,89,1) 100%);}
	
.btn.btn_blue.icon_indent_b{ background: url("../images/icon/btn_reset.png") no-repeat; height: 65px; border-radius: 0; box-shadow: none; padding-bottom: 19px !important; margin-bottom: -28px;}



.btn.w450_h80.icon_kitting:before{ display:inline-block; content: ""; background: url("../images/icon/icon_kitting_wh.png") no-repeat; background-size: 100% auto; width: 38px; height: 31px; vertical-align: middle; margin: 0 20px 3px 0;}

.btn.w210_h30.icon_kitting:before{ display:inline-block; content: ""; background: url("../images/icon/icon_kitting_wh.png") no-repeat; background-size: 100% auto; width: 18px; height: 16px; vertical-align: middle; margin: 0 6px 2px 0;}
	
.btn.icon_search:before{ display:inline-block; content: ""; background: url("../images/icon/icon_search_wh.png") no-repeat center; background-size: 100% auto; width: 16px; height: 16px; vertical-align: middle; margin: 0 10px 4px 0;}
.btn.icon_close:before{ display:inline-block; content: ""; background: url("../images/icon/icon_close.png") no-repeat center; background-size: 100% auto; width: 16px; height: 16px; vertical-align: middle; margin: 0 10px 4px 0;}
.btn.icon_create:before{ display:inline-block; content: ""; background: url("../images/icon/icon_create_wh.png") no-repeat center; background-size: 100% auto; width: 16px; height: 16px; vertical-align: middle; margin: 0 10px 4px 0;}	
	
.btn.btn_linegreen.icon_indent:before{ display:inline-block; content: ""; background: url("../images/icon/indent_gr.png") no-repeat center; background-size: 100% auto; width: 6px; height: 10px; vertical-align: middle; margin: 0 6px 4px 0;}

.search_btn_area{ margin: 25px 0 -15px 0; display: flex; justify-content: space-around;}
.search_btn_area .btn{margin: 0 0 0 8px;}

.search_blocks .search_btn_area{justify-content: center;}
.search_blocks .search_btn_area .btn{margin: 0;}

.manual_t_btn_bl{ position: absolute; top:50px; right:40px; display: flex;}
.manual_t_btn_bl .btn{margin: 0 0 0 15px;}
 
.contents_inn.manual_log_bl .manual_t_btn_bl{ top:130px;}


.manual_t_btn_bl .btn.icon_close{ display: none;}
.manual_t_btn_bl .btn.icon_close.active{ display: block;}	
.manual_t_btn_bl .btn.icon_search.active{ display:none;}
	
.btn_area{display: flex; margin-top: 40px; justify-content: space-around;}
.btn_area .btn{margin: 0 8px 0 0;}
	
.btn_area_top{display: flex; margin-bottom: 20px;}
.btn_area_top .btn{margin: 0 8px 0 0;}
	
.txt_link{color: #43c0b3 !important; border:none; background: url("../images/icon/indent_gr.png") no-repeat left center; background-size: 6px auto; box-shadow: none; text-decoration: underline; margin: 0 -110px 0 20px;}
	


.fix_box{ margin-bottom: 100px;}
.fix_box > .btn_area{ position: fixed; bottom: 0; left: 60px; right: 0; justify-content: space-evenly; background: rgba(249,249,249,0.9); padding: 15px 0;}


	
/*--- 検索画面 -----------------------------------------------*/
	
.wh_blocks.search_blocks{ display: none;}
.wh_blocks.search_blocks.active{ display: block; margin: 0 0 50px 0;}
	
	
/*--- ページャー＆並び替え -----------------------------------------------*/
.ind_block{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin-bottom: 20px;}
.ind_block table.pager{ margin: 0;}
.ind_block table.pager td{ padding: 0;}
.ind_block table.pager em{color: #ed4373; font-size: 30px; font-weight: 600;}
.ind_block table.pager span{ font-size: 14px; display: inline-block; vertical-align: text-bottom; margin: 0 0 1px 5px;}

.ind_block table.pager td > span{margin: 0 0 -3px -5px; color: #4b4948;}

.ind_block .select_num{ margin-left: 10px;}
.ind_block .select_num select{ width: 80px;}
.ind_block .select_num span{  font-size: 13px; margin: 0 0 -2px 0 !important; color: #4b4948;}
	
.ind_block > .box + .box{ display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-end;}	
	
.ind_block > .box + .box > p{margin-right: 10px;}
	
.ind_block select{ border: 1px solid #e9e9e9; background:url("../images/icon/indent_b_bk.png") no-repeat right 10px center,#e9e9e9; background-size: 11px auto;}
	
	
/*--- タブ切り替え -----------------------------------------------*/
	
/*.m_d_tabs{ margin: -90px auto 0 auto; padding-top: 140px;}

.m_d_tabs .tab_item { display: block; width: 260px; height: 64px; padding-top: 20px; font-size: 18px; text-align: center; font-weight: bold; float: left; margin:0 15px 26px 0; color: #333333; background: #e6e6e6; transition: all 0.2s ease; border-radius: 50px; box-sizing: border-box; cursor: pointer; position: relative;}
.m_d_tabs .tab_item:hover {opacity: 0.75;}
.m_d_tabs input[name="tab_item"] {display: none;}
.m_d_tabs .tab_content {  display: none; clear: both; overflow: hidden;}


.m_d_tabs #m_d_k:checked ~ #m_d_k_content,.m_d_tabs #m_d_t:checked ~ #m_d_t_content {display: block;}

.m_d_tabs input#m_d_k:checked + .tab_item { background: rgb(255,237,222); background: linear-gradient(90deg, rgba(255,237,222,1) 0%, rgba(255,228,205,1) 100%); color: #eb7a1b;}
.m_d_tabs input#m_d_t:checked + .tab_item { background: rgb(223,239,255); background: linear-gradient(90deg, rgba(223,239,255,1) 0%, rgba(205,230,255,1) 100%); color: #2c88e0;}	
	
.m_d_tabs input:checked + .tab_item:before{ content: ""; position: absolute; bottom:-15px; left:50%; right:0; margin-left: -13px; width: 0; height: 0; border-style: solid; border-right: 13px solid transparent; border-left: 13px solid transparent; border-top: 15px solid #ffe8d4; border-bottom: 0;}

.m_d_tabs input#m_d_t:checked + .tab_item:before{ border-top: 15px solid #d5eaff; }	*/
	
.m_d_tabs .tab_content{ padding-top: 140px; margin-top: -140px;}

/*--- キッティング作業 -----------------------------------------------*/

.kit_work_bl{ display: flex; justify-content: flex-start; flex-wrap: nowrap; margin: 30px 0 0 0;}
.kit_work_bl > .box + .box{ margin-left: 30px;}

.kit_work_bl.detail{justify-content: space-between; align-items: center;}
	
.kit_work_bl.detail div.box:first-child{width:100%;}

.kit_work_bl.detail table{ font-weight: bold; font-size: 18px; margin-top: 10px;}
	
	
/*--- その他 -----------------------------------------------*/

.navi_manual{ z-index:999; background: #00ac9a; border-radius: 10px; box-sizing: border-box; overflow: hidden; margin-bottom: 43px; transition: .3s; margin-top: -13px; position: sticky;position: -webkit-sticky;top: 46px;}
	
.navi_manual ul{ display: flex; justify-content: space-between;}
.navi_manual li{width: 16.6%;}
.navi_manual li + li{ border-left: 1px solid #009a8a;}
.navi_manual li a{ display: block; text-align: center; padding:13px 0 13px 0; color: #ffffff; text-decoration: none; transition: .3s;}
.navi_manual li a:hover{ background: #009a8a;}

.navi_manual.is_stuck{ left:60px; right: 0; border-radius: 0; width:calc(100% - 60px) !important; top: 59px !important;}
.navi_manual.stucked{ left:60px; right: 0; border-radius: 0; /*width:calc(100% - 60px) !important;*/}


.caveat_txt{margin-bottom: 30px; text-align:center; font-size:20px; margin:-5px 0 25px 0; color:rgba(232,49,84,1); font-weight:bold; border: 1px solid rgba(232,49,84,1); padding:20px; background-color: #fff0f4;}