/*
Theme Name: コベルコソフトサービス イントラサイト
Theme URI: https://haku.jp
Author:KOBELCO SOFT SERVICE CORPORATION
Author URI: https://www.kobelcosoft-service.co.jp/
Description: イントラサイトテーマ
*/

*{
	box-sizing:border-box
}
body,h1,h2,h3,h4,h5,p,form,ul,li,figure{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #5F6368;
}
input[type=text],input[type=number],input[type=date],select{
	background: #F5F5F5;
	border: none;
	outline: none;
	padding: 12px 7px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
header{
	background: #1E3DA9;
	height: 65px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	z-index: 100;
}
body.logged-in header{
	top:30px;
}
header .inner{
	min-width: 1200px;
	
	position: relative
}
#logo{
	display: block;
	position: absolute;
	height: 42px;
	left: 15px;
	top:10px;
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	background-image: url("/wp-content/themes/kss/static/img/logo.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 42px 42px;
	padding-left: 50px;
	line-height: 1.2;
	padding-top: 5px;
}
#hdr_search{
	position: absolute;
	left: 310px;
	width: 310px;
	top:12px;
}
header input[type=text]{
	width:100%;
	font-size: 13px;
}
#hdr_search_btn{
	position: absolute;
	height: 42px;
	left: 625px;
	top:20px;
}
#hdr_search_btn a{
	display: block;	
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	position: relative
}
#hdr_search_btn div{
	display: inline-block;
	position: absolute;
	width: 70px;
	left: 27px;
	top:6px;
}
#hdr_search_btn span{
	left: 0;
	top:0;
	position: absolute;
}
#hdr_user{
	right: 45px;
	top:20px;
	position: absolute;
	width: 200px;
}
#hdr_user span{
	color: #FFF;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
}
#hdr_user p{
	color: #FFF;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-top: 5px;
	margin-left: 8px;
}
#hdr_user a{
	color: #FFF;
	text-decoration: none
}
#hdr_logout{
	position: absolute;
	right: 15px;
	top:20px;
}
#hdr_logout span{
	color: #FFF;
}
#hdr_logout span{
	
}
#search_modal{
	width: 570px;
	height: 470px;
	position: fixed;
	background: #FFF;
	border-radius: 6px;
	top:80px;
	left: calc((100% - 570px)/2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	z-index: 1001;
	padding: 15px 35px;
	display: none;
}
#overlay{
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 2000px;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	display: none;
}
#search_close{
	text-align: right;
}
.btn_search_close{
	color: #333;
	font-size: 13px;
}
#search_modal h1{
	font-size: 17px;
	margin-bottom: 10px;
}
#search_modal input[type=text]{
	width: 100%;
}
#search_modal h2{
	font-size: 16px;
	margin-bottom: 2px;
	padding-top: 15px;
}
#search_btnbox{
	text-align: center;
	padding: 16px 0 ;
}
#search_date1{
	
}
#search_date2{
	
}
#search_catgory{
	
}
.btn_search{
	background: #1E3DA9;
	color: #FFF;
	line-height: 1;
	border-radius: 5px;
	border:0;
	text-align: center;
	width: 140px;
	padding: 14px;
	font-size: 16px;
	font-weight: bold
}
.btn_clear{

}

sub{
	position: absolute;
	width: 265px;
	top:65px;
	height: 2000px;
	background: #F8F9FD;
	padding: 25px 10px 25px 25px;
	z-index: 10;
}
.logged-in sub{
	padding-top: 55px
}
#side_blog{
	width: 100%;
	display: flex;
	text-decoration: none;
	margin-bottom: 20px
}
#side_blog figure{
	width: 65px;
	height: 65px;
	overflow: hidden;
	border-radius: 6px;

}
#side_blog .title{
	width: calc(100% - 65px);
	padding-left: 10px;
	padding-top: 3px;
}
#side_blog figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#side_blog h2{
	font-size: 15px;
	margin-bottom: 3px;
}
#side_blog .date{
	font-size: 12px;
	color: #5F6368
}
#side_blog p{
	font-size: 14px;
	color: #5F6368
}
#side_nav1{

	padding-bottom: 20px;
	margin-left: -25px;

}
#side_nav1 ul{

}
#side_nav1 li{
	padding-left: 25px;
}
#side_nav1 li.active{

}
#side_nav1 li:hover{
	background: #eee!important;
	border-radius: 0 20px 20px 0;
}

#side_nav1 a{
	display: flex;
	text-decoration: none;
	font-size: 15px;
	padding: 8px 0 8px 8px
}
#side_nav1 span{
	color: #5F6368
}
#side_nav1 p{
	width: calc(100%-25px);
	color: #5F6368;
	padding-left: 6px
}
#side_nav1 .red span{
	color: #DA4852
}
#side_nav1 .red p{
	color: #DA4852
}
.icn_new{
	color: #FFF !important;
	display: inline-block;
	background: #DA4852;
	font-size: 10px;
	line-height: 1;
	margin-left: 5px;
	padding: 4px 4px 3px 4px;
	border-radius: 2px;
	font-weight: bold
}
#side_nav1 li.active{
	
}
.page_home .n_home,
.page_kinkyu .n_kinkyu,
.page_movie .n_movie,
.page_info .n_info,
.page_kojinjouhou .n_kojinjouhou,
.page_inshidento .n_inshidento,
.page_omedetou .n_omedetou,
.page_yattane .n_yattane,
.page_life .n_life,
.page_koubaikanren .n_koubaikanren,
.page_communication .n_communication,
.page_gijutujouhou .n_gijutujouhou,
.page_faq .n_faq,
.page_offical .n_offical,
.page_rinkushuu .n_rinkushuu{
	background:#E4E9F7 !important;
	border-radius: 0 20px 20px 0;
}


#tip {
	position: absolute;
    display: none;
    align-items: center;
	font-size: 12px;
	z-index: 1000;
    max-width: 300px;
    margin-left: 10px;
    padding: .4em 0.6em;
    border-radius: 3px;
    background-color: #FFF;
    color: #333;
	border: 1px solid #ccc
}


#side_banner{
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
#side_banner a{
	display: block
}
#side_banner img{
	width: 100%;
	height: auto
}
#side_nav2{
	padding:10px 0;
}
#side_nav2 li{
	
}
#side_nav2 li a{
	color: #5F6368;
	font-size: 12px;
}
#copyright{
	font-size: 9px;

}
main{
	padding: 150px 0 0 290px;
	min-width:1200px;
	max-width: 1600px;
}
body.logged-in main{
	padding-top:150px;
}
#hdr_nav{
	position: absolute;
	left: 290px;
	top:100px;
	width: calc(100% - 290px);
	z-index: 2;
	min-width: 1000px
}
body.logged-in #hdr_nav{
	top:130px !important;
}

ul.tab{
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
ul.tab li{
	border-bottom: 3px solid #FFF;
	position: relative
}
ul.tab li.active,
.page_shachou #n_shachou,
.page_kitei #n_kitei,
.page_shinsei #n_shinsei,
.page_schedule #n_schedule,
.page_shanai-shisutemu #n_shanai-shisutemu,
.page_schedule #n_schedule,
.my-profile #n_profile
{
	border-bottom: 3px solid #1E3DA9
}
ul.tab li:hover
{
	border-bottom: 3px solid #DDD
}
ul.tab li a{
	padding: 6px 10px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #707070
}
#inportant_news{

}
#inportant_news .inner{
	overflow-y: scroll;
	height: 220px;
	overflow-x:none;
	padding-right: 15px;
}
#inportant_news h2{
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-image: url("/wp-content/themes/kss/static/img/icn_important.svg");
	background-repeat: left center;
	background-size: 16px auto;
	padding-left: 22px;
	background-repeat: no-repeat;
	line-height: 1;

}
.scroll_bar{
   overflow-y: scroll;
}
.scroll_bar::-webkit-scrollbar{
   width: 7px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #eee;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #ccc;
}
.submenu{
	display: none
}
.submenu li{
	
}
.submenu a{
	
}
#hdr_contact{
	width: 200px;
	position: absolute;
	right: 15px;
	bottom: 25px;
}
#hdr_contact h3{
	font-size: 12px;
}
#hdr_contact p{
	font-size: 12px;
	padding-left: 6px;
	line-height: 120%;
}
#hdr_contact p a{
	font-size: 12px;
}

.box{
	padding: 25px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	border-radius: 6px;
	margin-bottom: 30px
}
#inportant_news h2{
	
}
#inportant_news .inner{
	
}
.list1{
	
}
.list1 li{
	border-bottom: 1px solid #eee
}
.list1 li:last-child{
	border: none
}
.list1 a{
	text-decoration: none;
	display: block;
	padding: 10px 0;
}
.list1 .title{
	display: flex
}
.list1 .date{
	color: #707070;
	font-size: 14px;
	width: 100px;
}
.list1 p{
	color: #1E3DA9;
	font-size: 14px;
	width: calc(100% - 150px);
}
.list1 .view{
	font-size: 12px;
	text-align: right;
	color: #707070;
	width: 85px;
}
.list1 figure{
	width: 90px;
	height: 67px;
	overflow: hidden;
	border-radius: 4px;
	background: #eee;
}
.list1 figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#tab{
	
}
#tab ul{
	
}
#tab li{
	
}
#tab li.active{
	
}
#tab li a{
	
}
#top_news{
	
}
#top_news .inner{
	
}
.list2{
	
}
.list2 li{
	border-bottom: 1px solid #eee
}
.list2 li:last-child{
	border: none
}
.list2 a{
	text-decoration: none;
	display: block;
	padding: 10px 0;

}
.list2 .title{
	display: flex;
	width:calc(100% - 100px);
	padding-right: 8px;
}
.list2 .date{
	color: #707070;
	font-size: 14px;
	width: 100px;
	margin-right: 6px;
}
.list2 .category{
	width: 86px;
	margin-right: 10px;
	height: 22px;
	text-align: center;
	font-size:12px;
	background: #E4E9F7;
	color: #000000;
	padding-top:6px;
	line-height: 1;
}
.list2 p{
	color: #1E3DA9;
	font-size: 14px;
	width: calc(100% - 150px);
	padding-right: 15px;
}
.list2 .view{
	font-size: 12px;
	text-align: right;
	color: #707070;
	width: 85px;


}
.list2 figure{
	width: 100px;
	height: 67px;
	overflow: hidden;
	border-radius: 4px;
	background: #eee;
	margin-right: 15px;
}
.list2 figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#topic_pass{
	font-size: 12px;
	color: #5F6368;
	padding-bottom: 20px;
}
#topic_pass a{
	font-size: 12px;
	color: #5F6368
}
.h1{
	font-size: 28px;
	color: #5770B3;
	padding: 20px 0 10px 0;
	border-bottom: 2px solid #5770B3;
	margin-bottom: 20px;
}
.h2,
h2.wp-block-heading{
	font-size: 18px !important;
	color: #fff !important;
	padding: 8px 13px !important;
	margin-bottom: 15px !important;
	background: #6883CA !important;
}
.h2 a,
h2.wp-block-heading a{
	display: block;
	color: #FFF;
	text-decoration: none
}
.h3,h4.wp-block-heading{
	font-size: 17px;
	border-bottom: 2px solid #CDD6EE;
	margin-bottom: 15px;
	padding: 5px;
}
.h4,h4.wp-block-heading{
	font-size: 17px;
	color: #6883CA;
	padding: 5px;
}

.list3 li{
	background-image: url("/wp-content/themes/kss/static/img/maru.svg");
	background-repeat: no-repeat;
	background-position: left 5px center;
	padding: 10px 10px 10px 21px;
	border-bottom: 1px solid #eee;
}
.list3 li:last-child{
	border: none
}
.txt1{
	font-size: 15px;
	line-height: 180%;
	margin-bottom: 30px;
}

.wp-block-table table{
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
}
.wp-block-table table th,
.wp-block-table table td{
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
.wp-block-table table th{
	background: #eee;
}
table.ta1{
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
}
table.ta1 th,
table.ta1 td{
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
table.ta1 th{
	background: #eee;
}
.wp-element-button{
	display: block;
	width: 240px;
	background: #6883CA !important;
	color: #FFF;
	padding: 14px !important;
	font-weight: bold !important;
	text-decoration: none;
	line-height: 1 !important;
	border-radius: 4px !important;
	text-align: center;
	padding: 15px 0 !important;
	margin: 0 auto 30px auto

}
.btn2{
	display: inline-block;
	border: 1px solid #ccc;
	color: #5770B3;
	padding: 14px;
	text-decoration: none;
	line-height: 1;
	border-radius: 4px;
	text-align: center;
	padding: 15px 20px;

}
.tit1{
	border-bottom: 2px solid #CDD6EE;
	margin-bottom: 15px;
	padding: 5px;
}
.tit1 .date{
	font-size: 16px;
	font-weight: normal;
}
.tit1 p{
	font-size: 18px;
}
.box50{
	display: flex;
	 justify-content: space-between;
	padding-bottom: 20px;
}
.box50 .item1{
	width: 49%;
}
.box50 .item2{
	width: 49%;
}
.fnt_s{
	font-size: 12px;	
}
.blue_box{
	padding: 25px;
	background: #F5F7FC;
	font-size: 15px
}
.blue_box h4{
	margin-bottom: 5px;
	color: #6883CA
}
.wp-block-image{
	padding-top: 20px;	
}
.entry_list{
	margin-bottom: 10px;	
}
.entry_list a{
	display: block;
	overflow: hidden;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	font-size: 14px;
}
.entry_list li:last-child a{
	border:none !important;
}
.entry_list .entry_date{
	float: left;
	color: #777;
	padding-right: 15px;
}
.entry_list .entry_title{
	float: left;
	color: #333;
	margin-right: 15px;
}
.entry_list .view{
	float: left;
	color: #666;
	font-size: 12px;
	width: 85px;

}

#depertment_menu{
	background: #1E3DA9;
	padding: 10px 10px 10px 20px;
	width: 310px;
	position: absolute;
	left: 370px;
	top:134px;
	z-index: 100;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	display: none
}

.logged-in #depertment_menu{
	top:168px;
}
body.logged-in #depertment_menu{
	top:168px;
}
#depertment_menu ul{
	overflow: hidden
}
#depertment_menu li{
	width: 33.3%;
	float: left
}
#depertment_menu li a{
	color: #FFF;
	display: block;
	padding: 4px 0;
	text-decoration: none;
	font-size: 13px;
}
#close_department a{
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
	position: absolute;
	right: 13px;
	bottom: 5px
}
.publish_later{
	display: none
}
.search_list{
	
}
.search_list li{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.search_list li a{
	text-decoration: none !important;
}
.search_list h4{
	font-size: 18px;
	font-weight: normal;
	color: #4007A2;
	padding-bottom: 3px;
}
.search_list .search_site{
	font-size: 12px;
	color: #333;
	font-weight: bold
}
.search_list .search_url{
	font-size: 11px;
	font-weight: normal;
	color: #006D21
}
.search_list .search_body{
	font-size: 12px;
	padding-bottom: 3px;
}
.search_logo{

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px auto;

	padding-bottom: 5px;
}
main#life h3{
	background: #96A9ED;
	color: #FFF;
	padding: 14px 11px;
	margin-bottom: 10px;
	border-radius: 0 0px 15px 0

}
main#life ul{
	padding-left: 10px;
	margin-bottom: 16px;
}
main#life li a{
	color: #333;
	font-size: 14px;
}
.tgl_cnt{
	display: none	
}
.sub_tit{
	font-size: 16px;
	color: #6883CA;
	padding: 5px;
	border-bottom: 1px solid #6883CA;
	font-weight: bold;
	margin-bottom:10px;
}
.subgroup{
	padding-left: 20px;
	padding-bottom: 20px;
}
.sitemap_list{

}
.smbox{
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 8px;
	border: 2px solid #eee;
}
.smbox h4{
	margin-bottom: 10px;
}
.smbox ul{
	padding-left: 20px;
}
.smbox ul li a{
	font-size: 14px;
}
.smbox a{
	color: #333;
}
.subMenu{
	display: none;
	position: absolute;
	left: 0;
	top:38px;
	background: #1E3DA9;
	padding: 10px 10px 10px 20px;
	width: 310px;
	z-index: 100;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
#depertment_menu ul{
	overflow: hidden;
	display: block !important
}
body .subMenu li{
	display: block;
	width: 33.3%;
	float: left;
	border: none;
}
body #m2 li{
	display: block;
	width: 100% !important;
	float: left;
	border: none;
}
body .subMenu li:hover{

	border: none;
}
body .subMenu li a{
	color: #FFF !important;
	font-weight: normal !important;
	display: block;
	padding: 4px 0;
	text-decoration: none;
	font-size: 13px;
	border: none;
}
body .subMenu li:last-child{
	width: 100%;
	text-align: right;
	padding-right: 15px
}
#member_info{
	display:flex;
	margin-bottom: 15px;
}
#avatar{
	width: 220px;
}
#member_name{
	width: 320px;
}
#member_name h4{
	margin-bottom: 0px;
	font-size: 20px;
	padding-top: 40px;
}
#member_name{
	width: 320px;
}
#member_name a{
	display: block;
	color: #333;
	padding-top: 10px;
}
ul li.n_kinkyu p,ul li.n_kinkyu span{
	color: #DA4852!important;
}
#sortbox{

	margin-bottom: 20px;
}
#sortbox .btn{
	color:#FFF;
	background: #1E3DA9;
	border: none;
	outline: none;
	border-radius: 3px;
	padding: 10px 12px;
}
.list1 .category{
	width: 86px;
	margin-right: 10px;
	height: 22px;
	text-align: center;
	font-size:12px;
	background: #E4E9F7;
	color: #000000;
	padding-top:6px;
	line-height: 1;
}
/* KSS電話帳 */
#search_box{
	display: flex;
	margin-bottom: 15px;
}
#search_box p{
	font-size: 12px;
	padding-bottom: 3px;
}
#search_btn{
	color:#FFF;
	background: #1E3DA9;
	border: none;
	outline: none;
	border-radius: 3px;
	padding: 10px 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
}
#search_box .item1,#search_box .item2{
	margin-right: 5px;
}
#search_box .item3{
	position: relative;
	width: 53px
}
#profile_modal{
	width: 700px;
	height: 690px;
	border: 1px solid #000;
	position: fixed;
	background: #FFF;
	border-radius: 6px;
	top:80px;
	left: calc((100% - 870px)/2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	z-index: 1001;
	padding: 15px 35px;
}
#profile_modal h3{
	font-size: 15px;
	margin-bottom: 4px;
	border-left: 3px solid #666;
	padding-left: 7px;
	line-height: 1;
}
#profile_modal th{
	width: 170px;
	font-size: 13px;
	padding: 5px;
}
#profile_modal th{
	font-size: 13px;
	padding: 5px;
}
.pmemo{
	font-size: 12px;
	color: rgba(129,53,55,1.00)
}
.pbook td,.pbook th{
	padding: 6px !important;
	font-size: 14px !important;
}
#close_modal{
	text-align: right;
	padding-bottom: 7px;
	padding-right: 10px
}
#close_modal a{
	font-size: 14px;
	color: #333;
}