@charset "UTF-8";

/*-----------------------------------サブナビゲーション*/
#subnavBox {
	width:240px;
	float: right;
}
#subnav {
	margin-bottom: 20px;
}
#subnavBox h2{
	color: #533924;
	font-size: 21px;
	padding-bottom: 2px;
	border-bottom: 1px solid #D2C2AF;
}
#subnavBox h2.outside:after{
	content: "";
	background: url("../images/ic-outside.svg") center no-repeat;
	width: 13px;
	height: 11px;
	display: inline-block;
	margin-left: 6px;
}
#subnav h2 img{
	vertical-align: bottom;
}
#subnav ul {
	margin: 0 5px;
}
#subnav li{
	border-bottom: 1px dashed #D2C2AF;
}
#subnav li a{
	padding: 15px 0;
	display: block;
}
#subnav li a:before{
	color: #D2C2AF;
	content: "》";
	font-weight: bold;
}
#subnav li.endli{
	background: none;
}
/*-----------------------------------メインエリア*/
#container {
	width:800px;
	float: left;
}
#cocoro_rokko #container{
	width:830px;
	float: none;
}
#privacy #container,
#link #container,
#inquiry #container,
#sitemap #container {
	width:1100px;
	float: none;
}

/*-----------------------------------ページタイトル*/
/*#pgtitle {
	background:url(../images/pagetitle.jpg) bottom left;
	border: 1px solid #d9d9d9;
	padding: 10px 0 10px 20px;
	font-size: 133.3%;
	color: #b6083b;
	font-weight: bold;
}*/
#pgtitle{
	color: #533924;
	font-size: 36px;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.0;
	padding-bottom: 15px;
	border-bottom: 1px solid #D2C2AF;
	margin-bottom: 50px;
}
#pgtitle.f24{ font-size: 24px;}
#pgtitle .f24{ font-size: 24px;}
#pgtitle img{
	height: 27px;
	width: auto;
	vertical-align: middle;
	margin-left: 15px;
}
#pgtitle .devanagari{
	color: #FBB03B;
	font-size: 65%;
	font-weight: normal;
	margin-left: 15px;
}

/*-----------------------------------サブタイトル*/
.subtitle {
	color: #FBB03B;
	font-size: 150%;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #fff 50%);
	margin-bottom: 20px;
	/*
	border: 1px solid #d9d9d9;
	background:url(../images/subtitle.jpg) bottom left;
	padding: 5px 0 5px 20px;
	font-size: 116.6%;
	color: #b6083b;
	clear:both;
	*/
}
.subtitle.ttl_link {
	padding-right: 8em;
	position: relative;
}
.subtitle.ttl_link a{
	font-size: 65%;
	font-weight: normal;
	display: block;
	position: absolute;
	top: -.2em;
	right: 1em;
}
#textArea .subtitle.ttl_link a{ text-decoration: none;}
.subtitle.ttl_link a:before{
	content: "≫";
	color: #FBB03B;
	font-size: 175%;
	display: inline-block;
	margin-right: .2em;
}
.subtitle02 {
	font-size: 116.6%;
	border-bottom: 1px solid #FBB03B;
	color: #FBB03B;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 20px 0;
}
/*-----------------------------------テキストエリア*/
#textArea {
	padding: 0;
}
#textArea a{
	text-decoration:underline ;
}
#textArea a:hover{
	text-decoration:none ;
}
#textArea p{ line-height: 2.25;}

.text {
	padding: 15px 0 20px;
	position: relative;
	overflow:hidden;
}
.text02 {
	margin: 20px 0;
	padding: 10px;
	background-color:#f0f0f0;
}

/*-----------------------------------テーブル*/
.table01 {
	border-top: 1px solid #D2C2AF;
}
.table01 th,.table01 td{
	padding: 10px 0;
	border-bottom: 1px solid #D2C2AF;
}
.table01 th{
	padding-right: 20px;
	position: relative;
}
.table01 th:before,.table01 th:after{
	content: "";
	position: absolute;
	right: 0;
	background: #F7F4ED;
	display: block;
	width: 20px;
	height: 1px;
}
.table01 th:before{ top: -1px;}
.table01 th:after{ bottom: -1px;}

/*-----------------------------------テーブルセル背景*/
.tdBk01 {
	background-color: #e6f5fa;
}
.tdBk02 {
	background-color: #ccecf4;
}

@media screen and (max-width: 767px){
	#pgtitle .devanagari{ margin-left: 0;}
	#subnavBox {
		width: 100%;
		float: none;
	}
	#subnav {
		padding: 0 10px;
		margin-bottom: 10px;
	}
	#subnavBox h2{ padding-left: 5px;}
	#subnavBox h2 img{
		vertical-align: bottom;
		margin-left: 5px;
	}
	#subnavBox p{
		text-align: center;
		margin-right: 10px;
		margin-left: 10px;
	}
	#pgtitle{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		line-height: 1.0;
		padding-bottom: 15px;
		border-bottom: 1px solid #999;
		margin-bottom: 20px;
		position: relative;
	}
	#pgtitle.f24{ font-size: 18px;}
	#pgtitle .f24{ font-size: 18px;}
	#pgtitle img{
		height: 18px;
		width: auto;
		margin-left: 0;
	}
	#pgtitle:after{
		display: block;
		width: 100px;
		height: 1px;
		border-bottom: 1px solid #B10532;
		position: absolute;
		right: 0;
		bottom: -1px;
		left: 0;
		margin: 0 auto;
	}
	/*-----------------------------------メインエリア*/
	#container {
		width:100%;
		float: none;
	}
	#cocoro_rokko #container,
	#privacy #container,
	#link #container,
	#sitemap #container,
	#inquiry #container {
		width:100%;
		float: none;
	}
	.text {
		padding: 15px 10px 20px;
		position: relative;
		overflow:hidden;
	}
	#textArea {
		padding: 0 10px;
	}
	/*
	.table01 th{
		padding: 5px;
		text-align: center;
		background-color: #fff2de;
		border-bottom: 5px solid #fff;
		border-right: 1px solid #fff;
	}
	.table01 td{
		padding: 5px;
		border-bottom: 5px solid #fff;
		border-right: 1px solid #fff;
	}
	*/
}

/* wpeditor */
.wpeditor{ text-align: left; clear: both; margin-bottom: 80px;}
.wpeditor *:first-child{ margin-top: 0!important;}
.wpeditor h1,.wpeditor h2,.wpeditor h3,.wpeditor h4,.wpeditor h5,.wpeditor h6,.wpeditor a{ line-height: 1.4; margin-top: 2em;}
.wpeditor a{ text-decoration: underline;}
.wpeditor h1{ font-size: 32px;}
.wpeditor h2{ font-size: 30px;}
.wpeditor h3{ font-size: 28px;}
.wpeditor h4{ font-size: 24px;}
.wpeditor h5{ font-size: 20px;}
.wpeditor h6{ font-size: 18px;}
.wpeditor p, .wpeditor ul, .wpeditor ol, .wpeditor table{ margin-top: 2em;}
.wpeditor p{ line-height: 2;}
.wpeditor figure{ text-align: center; margin-top: 55px;}
.wpeditor img{ display: block; margin: 2em auto 0;}
.wpeditor p.date{ text-align: right;}
a.pdf{
	padding-left: 40px;
	background: url("../images/ic-pdf.png") left center / 30px auto no-repeat;
	min-height: 30px;
	display: inline-block;
}
#textArea a.pdf{ text-decoration: none;}
.wpeditor .pdf{ line-height: 1.8;}
@media screen and (max-width: 540px){
	.wpeditor{ padding-top: 15px; margin-bottom: 40px;}
	.wpeditor h1{ font-size: 20px;}
	.wpeditor h2{ font-size: 18px;}
	.wpeditor h3{ font-size: 16px;}
	.wpeditor h4{ font-size: 15px;}
	.wpeditor h5{ font-size: 14px;}
	.wpeditor h6{ font-size: 13px;}
	.wpeditor figure{ text-align: center; margin-top: 30px;}
}