/*
Theme Name:LAW child
Theme URI:
Description:UNIARKオリジナルテ拏マ
Template:law_tcd031
Author:UNIARK
Author URI:https://uniark.co.jp/
Version:1.0
*/
/*追加*/
body{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 100% !important;
}
a:-webkit-any-link {
    text-decoration: none !important;
}

ul.bb-custom-grid {
	width:100%;	
	 margin-bottom: 0;
}
ul.bb-custom-grid li{
	width:45%;
	float:left;
	border:#cdd6df solid 1px;
	list-style: none;
	margin:3px;
}
ul.bb-custom-grid li img{
	width:50%;	
}

ul.bb-custom-grid li h3{
	background:#cdd6df;
	color:#000;
	font-size:95%;
	margin-bottom:5px;
}
ul.bb-custom-grid li p{
	line-height:1.8em;	
}

/*Add*/

.story {
	
	padding:20px;
	width: 90%;
	line-height:1.8em;
	background:#cdd6df;
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:40px;
}

.post_content h2{
	padding:0.5em 0.3em 0.5em 1.0em!important;
     border-top: 3px double #063261;
     border-bottom: 3px double #063261;
	position: relative;
}

.post_content h3{
	background:#222439;
	color:#FFF;
	padding:0.5em 0.5em 0.5em 1.8em!important;
	position: relative;
}

.post_content h3:after{
	position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}






.post_content h4{
	background:#f4f4f4;
	padding: 0.25em 0.5em!important;
	border-left: solid 7px #063261;
}

.post_content h4.kouka{
	padding:0.3em 0.3em 0.3em 1.4em!important;
     border: 1px solid #CCC;
	position: relative;
}

.post_content h4.kouka:after{
	position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color: #446689;
}


.post_content h5{
	background:#063261;
	color:#fff;
	padding: 0.25em 0.8em!important;
}



.post_content h6{
	padding-bottom: .5em;
  border-bottom: 1px solid #063261;
  color:#063261;
}
.post_content .bb-bookblock{
	height:200px;
	overflow:hidden;
}

#index_news_image { display:block; width:100%; height:auto; margin:0 0 100px 0!important; }
#index_news { width:1200px; margin:0 auto; padding:0 0 100px!important; overflow:hidden!important; }
#index_news .headline { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size:32px; font-weight:400; line-height:220%; letter-spacing:1px; margin:0 0 30px 0; color:#000; }
#index_news ol { position:relative; margin:0 -65px 0 0!important;list-style-type: none!important;}
#index_news li { float:left; width:300px!important; margin:0 65px 33px 0!important; }
#index_news li a.image { width:120px; height:120px; display:block; float:left; margin:0 25px 0 0; position:relative; overflow:hidden; }
#index_news li a.image img { display:block; width:100%; height:100%; }
#index_news li a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#index_news li a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#index_news li .date { font-size:14px; font-weight:bold; line-height:120%; }
#index_news li .title { font-size:14px; font-weight:400; line-height:180%; display:block; }
#index_news .link_button { background:#aaa; float:right; display:inline-block; color:#fff; width:195px; height:50px; line-height:50px; padding:0 12px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#index_news .link_button:hover { text-decoration:none; }
#index_staff_list .image img {
    object-fit: contain!important;
}
.post_content h2 {
    padding: 0.5em 0.3em 0.5em 1.0em;
    border-top: 3px double #063261;
    border-bottom: 3px double #063261;
    position: relative;
}