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




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

/*　グローバルメニュー　項目余白調整　*/
@media print, screen and (min-width: 1024px){
/*nav#mainNav ul li a {
    padding: 5px 15px;
}
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 !important;}


/*画像装飾なし*/
.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 20px !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 p,
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_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%;
}


/*---------------------------
 見出し h1
---------------------------*/
span.jp {
display:block;
margin-top:.5em;
font-size:50%;
}


/*---------------------------
 新着情報
---------------------------*/
ul.post li {
    background: #fff;
    padding: 2%;
	border:1px solid #999999;
}

/*---------------------------
 ごあいさつ
---------------------------*/
body{
	overflow-x:hidden;
	}
#wrapper, #content, .post{
	overflow: visible;
	}
.greeting {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2);
	background: url(images/greeting_bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
}
.bg-mask {
  height: 100%;
  background: rgba(255,255,255,0.5);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2);
}
.greeting .box {
padding:60px 30px;
font-size:18px;
font-weight:bold;
}

/*---------------------------
 サイトマップ
---------------------------*/
#sitemap_list  span.jp{
display:none;
}
/*---------------------------
 ヘッダー(飯)
---------------------------*/
#header-layout {
	display:flex;
	justify-content:space-between;
}
#header-layout > div {
	display:block !important;
}
nav#mainNav {
	margin:0;
	float:none;
	position:static;
	flex-shrink:0;
}
#header-layout .logo img {
	max-width: 100% !important;
	min-width: 300px !important;
	height: auto !important;
}
#header-layout div.mail img {
	max-width:100%;
	height:auto;
}
@media print, screen and (max-width: 1023px){
	#header .inner {
		width:100%;
	}
	#header-layout {
		flex-wrap:wrap;
		background:rgba(189,221,250,1);
		padding:0;
	}
	#header-layout #mainNav {
		order:1;
	}
	#header-layout > div ,
	#header-layout #mainNav {
		width:100% !important;
		text-align:center !important;
	}
	#header .contact .float {
		float:none;
	}
	#header .contact, #header .contact p {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		font-size: 93%;
		margin-bottom: 10px;
	}
	#headerInfo .float > * {
		display:block !important;
	}
	#header .logo {
		padding:20px 0;
	}
	.home nav#mainNav ul li.current-menu-item a,
	.home nav#mainNav ul li.current-menu-item a b,
	.home nav#mainNav ul li.current-menu-item span {
		color:#324B68 !important;
	}
}
.home nav#mainNav ul li.current-menu-item a b,
.home nav#mainNav ul li a:hover b,
.home nav#mainNav ul li.current-menu-parent a b ,
.home nav#mainNav ul li a b ,
.home nav#mainNav ul li a span ,
.home nav#mainNav ul li a {
	color:#fff;
}
nav#mainNav ul li a {
	font-size:16px;
}

.post p {
	white-space:normal;
}