@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*------------------------------------------------
ぱんくずリスト調整
------------------------------------------------*/
#breadcrumb ul li .en {
display: inline-block;
line-height: inherit;
color: #ae8747;
margin: 0 0.5em;
font-size: 8px;
}

/*--------------------------------------------------
見出し装飾
--------------------------------------------------*/
.en {
   display: block;
   font-size: 60%;
	letter-spacing: 0.04em;
   font-weight: normal;
	line-height: 45px;
	color: #a98347;
}

/*------------------------------------------------
ポストのイメージ、高さ調整
------------------------------------------------*/
.post4b .post4b_img {
text-align: center;
}
.post img{
border:0 !important;
padding:0 !important;
}
.post p{
line-height:160%; 
letter-spacing:0.02em; 
padding:20px;
box-sizing: border-box;
}
.post{
padding:50px;
margin-bottom: 30px;
}
.home .post{
background-color: transparent;
margin-bottom: 0;
padding: 0;
}
.page-domestic .post, .page-overseas .post{
padding: 0;
margin-bottom: 0;
}
.post img.aligncenter, .post img.alignright, .post img.alignleft{
background:transparent;
}


@media print, screen and (max-width: 640px){
.post {
    padding: 0;
    margin-bottom: 30px;
	box-sizing:border-box;
}
	
.post ol {
    margin: 0 0 10px 6px;
}
}



/*-------------------------------------------------------------- */
/* 追加・変更
------------------------------------------------------------*/

/*　グローバルメニュー　項目余白調整　*/
@media print, screen and (min-width: 1024px){
nav#mainNav ul li a {
    padding: 15px 30px;
}
/*nav#mainNav ul li {
    width: 14%;
}*/
}


/*float clear*/
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


/*改行位置指定用*/
span.nowrap {
display:inline-block;
white-space:nowrap;
}

/*赤文字*/
.fc-red {color:#F00}


/*画像装飾なし*/
.post img.nodeco {
	padding:0;
	border-width:0 !important;
	background-color:transparent;
}
.post img.alignright.nodeco {
	padding:0;
	border-width:0 !important;
}

/*リスト*/
.post ul li {
    margin: 0px 0px 10px 0px !important;
    list-style: outside none disc;
}
.post ol li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none decimal;
}
.post ol li ol {
margin-left:0;
}
.post ol li li {
list-style:upper-roman !important;
}



/* 2カラムレイアウト　余白設定
------------------------------------------------------------*/
@media print, screen and (min-width: 1024px){
/**/
div.column2_50 h2,
div.column2_50 h3,
div.column2_50 h4,
div.column2_50 p,
div.column2_70 h3,
div.column2_70 table,
div.column2_70 dl,
div.column2_50 img,
div.column3_33 img {
max-width:90% !important;
margin:auto !important;
}

div.column2_70 p {
margin:0 20px !important;
}

div.column2_50 h2 {
margin-bottom:.5em !important;
}

div.column2_50 ol {
width:90% !important;
margin: 10px 0 20px 20px !important;
}
}


/* テーブルボーダー修正
--------------------*/
.post table.clear {
border-left-width:0;
}


/*GoogleMap埋め込み対処
-----------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 弁護士紹介
-----------------------------------*/
dl.lawyer {
margin-bottom:2em;
}
dl.lawyer dt {
background-color:#002264;
padding:5px 15px;
color:#FFFFFF;
margin-bottom:.5em;
}
dl.lawyer table {
line-height:1.5em;
}
dl.lawyer th,
dl.lawyer td {
padding-bottom:10px !important;
}

/* 問い合わせ
-----------------------------------*/
div.contact {
display:inline-block;
}
div.contact p {
text-align: left;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
    width: auto;
}



/*v-adjust*/
#mainImg{
	padding-bottom: 0;
}
.logo a {
    color: #d0ba95;
    font-size: 120%;
}
#header-layout {
    padding-bottom: 0px;
		padding: 15px 0;
}
nav#mainNav ul li a span, nav#mainNav ul li a:hover span, nav#mainNav ul li a span {
    letter-spacing: 0.30em;
    font-size: 60%;
    padding-top: 5px;
}
nav#mainNav ul li li a span,
nav#mainNav ul li li a:hover span,
nav#mainNav ul li li a span {
    letter-spacing: 0.00em;
}
.postlist .date{
	font-size: 75%;
}
.post p{
		padding: 0 0 20px 0;
		letter-spacing: 0em;
		box-sizing: border-box;
}
p.cal-desc {
    padding: 0 0 40px 0;
    font-size: 85%;
}
.post h2, .post2b h2, .post4b h2, h2.title {
    border-bottom: 1px solid #56443e;
}
.dateLabel {
    padding: 10px;
}
@media print, screen and (min-width: 1024px){
nav#mainNav ul li li a{
	font-size:90%;
	}
nav#mainNav ul ul {
    width: 170px;
    box-sizing: border-box;
	}
nav#mainNav ul li li a span{
		padding: 5px 0 0 0;
	}
}
@media print, screen and (max-width: 1023px){
nav#mainNav ul li a span.en-cat {
    display: initial;
    font-size: 65%;
    padding-left: 10px;
	}
nav#mainNav a#menu span {
    padding-left: 35px;
    font-size: 85%;
    font-weight: normal;
	}
nav#mainNav a.menu {
	background:#032872;
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #032872), color-stop(1.00, #002060));
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,-webkit-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,-moz-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,-o-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,-ms-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/umicon2.png) no-repeat 6px 9px,linear-gradient(#032872, #002060);
	color: #d2b88e;
	border: 1px solid #002060;
	background-size: 20px;
	box-sizing: border-box;
}
nav#mainNav a.menuOpen {
	background:#032872;
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #032872), color-stop(1.00, #002060));
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,-webkit-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,-moz-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,-o-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,-ms-linear-gradient(#032872, #002060);
	background: url(../mrp04/images/micon/dmicon2.png) no-repeat 6px 9px,linear-gradient(#032872, #002060);
	color: #d2b88e;border: 1px solid #002060;background-size: 20px;
	}
}
@media print, screen and (max-width: 750px){
	#header .logo{
	margin: 0 auto;
	}
	.post dl.lawyer dd {
    width: 95%;
    margin: 0 auto;
}
	.post{
		padding: 20px;
		box-sizing: border-box;
	}
	.post p{
		font-size: 90%;
	}
#footer ul li{
		margin: 0 auto;
	}
}
.home h1.title, 
.home .post h1{
	font-size:19px;
}

.home .en{
	line-height: 20px;
}
/*------------------------------------------
レスポンシブ時メインイメージ表示サイズ調整
------------------------------------------*/
/* メインイメージスマートフォン時調整（両サイドカット）
-------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	#mainImg div.nivoSlider {
		height: 300px;
	}
	#mainImg div.nivoSlider img {
		height: 300px !important;
		width: auto !important;
		position: absolute !important;
/*
		top: 60% !important;

*/
		top: 50% !important;
		left: 50% !important;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.home h1.title.first.top-loop {
    font-size: 60%;
    margin-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
	#mainImg div.nivoSlider {
		height:265px;
	}
	#mainImg div.nivoSlider img {
		height: 265px !important;
	}
}
@media only screen and (max-width: 420px) {
	#mainImg div.nivoSlider {
		height: 235px;
	}
	#mainImg div.nivoSlider img {
		height: 235px !important;
	}
}
@media only screen and (max-width: 380px) {
	#mainImg div.nivoSlider {
		height: 187px;
	}
	#mainImg div.nivoSlider img {
		height: 187px !important;
	}
}

/*-------------------------------------------------------------- */
/* 投稿一覧出力
------------------------------------------------------------*/
.listTitle .frontlist a{
	color: #171512;
}
.postlist .post_text{
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	display: flex;
}
.postlist .post_text p.excerpt {
    font-size: 85%;
    padding: 0 6px;
}
@media only screen and (max-width: 480px) {
	.postlist .post_text {
		flex-direction: column;
	}
}


/*----TOPページ投稿部分インラインフレーム化----*/
.home ul.postlist {
	padding-top: 1px;
	border: none;
	height: 400px;
	overflow-y: auto;
}

/*-------------------------------------------------------------- */
/* TOPページ main img
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	#mainImg img{
		object-fit: cover !important;
		aspect-ratio: 16/8 !important;
        width: 100% !important;
	}
}