@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------

　   header

--------------------------------------------------------------------------------------------- */

/*ロゴマーク*/
.site_ttl{}p

.site_ttl .logo{}
.site_ttl .logo a{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
.site_ttl .logo a:hover{
	opacity: .6;
	}
.site_ttl .logo a img{
	width: 100%;
	max-width: 284px;
	height: auto;
	max-height: 107px;
	}
	@media only screen and ( max-width : 800px ) {}
	@media only screen and ( max-width : 650px ) {
		.site_ttl .logo{
			width: 90%;
			}
		}
	@media only screen and ( max-width : 480px ) {
		.site_ttl .logo{
			width: 80%;
			}
		}
	@media only screen and ( max-width : 360px ) {
		
		}


/* ---------------------------------------------------------------------------------------------

　   パンくず

--------------------------------------------------------------------------------------------- */

.pan {
	width: 96%;
	max-width: 1200px;/*max-width: 980px;*/
	color:  #777;
	/*font-size:		12px;*/
	font-size: 80%;
	
	font-weight: bold;
	margin:	0 auto ;
	padding: 15px 0 16px 0;
	}
.pan ul{}
.pan ul li{
	float: left;
	list-style: none;
	}
.pan ul li:before{
	content: '\00a0>\00a0';
	}
.pan ul li:first-child:before{
	content: none;
	}
.pan a {	
	color:			#b52b44;
	text-decoration:none;
	}
.pan a:hover {
	color:			#b52b44;
	text-decoration:underline;
	}
.pan .post{
	float:none;
	}
	@media only screen and (max-width: 1024px) {
		.pan ul {
			width: 88%;
			}
		}
	@media only screen and (max-width: 560px) {
		.pan ul {
			/*font-size:		0.8em;*/
			font-size: 70%;
			}
		.pan{
    		word-break :break-all;
			padding: 7px 0;
			line-height: 120%;
			}
		}


/* ---------------------------------------------------------------------------------------------

　   ページタイトル

--------------------------------------------------------------------------------------------- */

.page_header{
	position: relative;
	background-image: url("../img/koho_bg_l.png"), url("../img/bg_red.jpg");
	background-repeat: no-repeat, repeat;
	background-size: 16%, auto;
	background-position: top right, top left;
	border-radius: 3px;
	width: 96%;
	max-width: 1200px;/*max-width: 980px;*/
	height: 100px;
	margin: 20px auto;
	}
.page_header h1{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	color: #ffffff;
	/*font-size: 32px;*/
	font-size: 180%;
	
	line-height: 120%;
	margin-left: 34px;
	margin-right: 30px;
	text-align: left;
	}

	@media only screen and (max-width: 800px) {
		.page_header{
			height: 80px;
			}
		.page_header h1{
			/*font-size: 24px;*/
			font-size: 140%;
			}
		}
	@media only screen and (max-width: 650px) {
		.page_header{
			height: 70px;
			}
		.page_header h1{
			/*font-size: 21px;*/
			font-size: 125%;
			
			margin-left: 20px;
			margin-right: 18px;
			}
		}
	@media only screen and (max-width: 480px) {
		.page_header{
			height: 50px;
			margin: 10px auto 20px auto;
			}
		.page_header h1{
			/*font-size: 18px;*/
			font-size: 110%;
			
			margin-left: 15px;
			margin-right: 14px;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   contener

--------------------------------------------------------------------------------------------- */

.contener{}

.contener_block{
	width: 96%;
	max-width: 1200px;/*max-width: 980px;*/
	margin:	0 auto;
	padding: 0 0 20px 0;
	}

/*ページ上 キャッチコピー*/
.contener_block p.catch{
	color: #5a3d1b;
	/*font-size: 18px;*/
	font-size: 110%;
	
	font-weight: bold;
	}
	@media only screen and ( max-width : 650px ) {
		/*ページ上 キャッチコピー*/
		.contener_block p.catch{
			/*font-size: 16px;*/
			font-size: 100%;
			}
		}
	@media only screen and ( max-width : 480px ) {
		/*ページ上 キャッチコピー*/
		.contener_block p.catch{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		}

/*----------

　メニュー

----------*/

.menu{
	margin-bottom: 40px;
	}

.menu .menu_block_pg{
	width: 96%;
	max-width: 1200px;/*max-width: 980px;*/
	margin: 0 auto;
	background: #fff;
	border-radius: 5px;
	}


/*-- カテゴリー 第2階層 --*/
.menu.sub-page{}

/*メニュー 1個ずつ*/
.menu.sub-page .item{
	width: 48%;
	}
/*最終行左寄せ解除
.menu .menu_block::after {
	content: inherit;
	display: inherit;
	height: inherit;
	}*/

.menu.sub-page .m_wrap{
	display: flex;
	}

.menu.sub-page .trmg{
	width: 40%;
	margin-right: 15px;
	}
.menu.sub-page .tx{
	width: 60%;
	margin: 0;
	}

/*サムネイル画像*/
.menu.sub-page .item .trmg{
	padding-top: 38%;
	}
.menu.sub-page .item .trmg img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	}
	@media only screen and ( max-width : 650px ) {
		.menu.sub-page .m_wrap{
			display: block;
			}
		.menu.sub-page .trmg{
			width: 100%;
			margin-right: 0;
			}
		.menu.sub-page .tx{
			width: 100%;
			}
		/*サムネイル画像*/
		.menu.sub-page .item .trmg{
			padding-top: 100%;
			margin-bottom: 10px;
			}
		}
	@media only screen and ( max-width : 480px ) {
		}
	@media only screen and ( max-width : 360px ) {
		}

/*----------

　フッター サイトマップ

----------*/

#footer{
	border-top: 1px solid #D6CAB8;
	}


/*----------

　下層ページ サブメニュー

----------*/

/*----　ページ上　----*/

/*全体*/
.sub_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 96%;
	max-width: 1200px;/*max-width: 980px;*/
	margin: 0 auto 25px auto;
	}

/*1個ずつ*/
.sub_nav .s_btn{
	width: 24%;
	}
.sub_nav .s_btn a{
	display: block;
	border: solid 1px #b52b44;
	border-radius: 2px;
	color: #b52b44;
	/*font-size: 1em;*/
	font-size: 100%;
	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 12px 2%;
	transition: .3s;
	}
.sub_nav .s_btn a:hover{
	background: #b52b44;
	color: #fff;
	}

/*最終行 左寄せ*/
.sub_nav::after,
.sub_nav::before {
	content: "";
	display: block;
	width: 24%;
	height: 0;
	}
.sub_nav::before {
	order: 1;
	}



/*----　ページ下　----*/

/*全体*/
.bundle_block .sub_nav{
	width: 100%;
	margin: 0 auto 0 auto;
	}
.bundle_block .sub_nav .s_btn a{
	border: solid 1px #D6CAB8;
	color: #42210B;
	/*font-size: 14px;*/
	font-size: 90%;
	
	text-align: left;
	padding: 10px 15px;
	margin-bottom: 10px;
	transition: .3s;
	}
.bundle_block .sub_nav .s_btn a i{
	color: #D6CAB8;
	}

/*文字数多い項目名用*/
.bundle_block .sub_nav .tx_s a{
	/*font-size: 11px;*/
	font-size: 75%;
	
	line-height: 115%;
	}
.bundle_block .sub_nav .s_btn a:hover i{
	color: #fff;
	}
.bundle_block .sub_nav .s_btn a:hover{
	background: #D6CAB8;
	color: #fff;
	}

	@media only screen and ( max-width : 960px ) {
		/*文字数多い項目名用*/
		.bundle_block .sub_nav .s_btn.tx_s a{
			/*font-size: 12px;*/
			font-size: 80%;
			
			padding: 12px 15px;
			}
		}
	@media only screen and ( max-width : 800px ) {
		.sub_nav .s_btn a{
			/*font-size: 14px;*/
			font-size: 90%;
			
			padding: 10px 5px;
			}
		}
	@media only screen and ( max-width : 670px ) {
		/*全体*/
		.sub_nav{
			margin: 0 auto 5px auto;
			}
		/*1個ずつ*/
		.sub_nav .s_btn{
			width: 49%;
			}
		.sub_nav .s_btn a{
			/*font-size: 14px;*/
			font-size: 90%;
			
			line-height: 130%;
			margin-bottom: 10px;
			}
		/*文字数多い項目名用*/
		.bundle_block .sub_nav .s_btn.tx_s a{
			padding: 6.5px 15px;
			}
		}
	@media only screen and ( max-width : 480px ) {
		.sub_nav .s_btn a{
			/*font-size: 12px!important;*/
			font-size: 80%!important;
			
			padding: 8px 9px!important;
			}
		}
	@media only screen and ( max-width : 360px ) {
		
		}



/*----------

　バナー　JAバンク用

----------*/

.bnr{
	width: 96%;
	max-width: 1200px;/*max-width: 980px*/
	margin: 20px auto 20px auto;
	}
.bnr .bnr_block{}

.menu .bnr{
	background: #fff;
	border-radius: 5px;
	padding: 20px 0 10px 0 ;
	margin-bottom: 40px;
	}

.menu .bnr .bnr_block{
	width: 96%;
	margin: 0 auto;
	}



/*----------

　バナー 小サイズ

----------*/
.bnr .bnr_block .b_s{
	margin-bottom: 5px;
	}

/*----------

　バナー 大サイズ

----------*/
.bnr .bnr_block .b_l{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.bnr .bnr_block .b_l .item{
	width: 48.5%;
	}
	@media only screen and ( max-width : 650px ) {
		.bnr .bnr_block .b_l .item{
			width: 100%;
			}
		}
	@media only screen and ( max-width : 480px ) {
		
		}
	@media only screen and ( max-width : 360px ) {
		
		}





/* ---------------------------------------------------------------------------------------------

　   見出し

--------------------------------------------------------------------------------------------- */

.midashi_red{
	color: #ffffff;
	/*font-size: 21px;*/
	font-size: 125%;
	
	background:url("../img/bg_red.jpg") repeat;
	border-radius: 3px;
	line-height: 130%;
	padding: 20px 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	float: none;
	clear: both;
	}
.midashi_red a{
	color: #ffffff!important;
	text-decoration: none!important;
	}
.midashi_red a:hover{
	text-decoration: underline!important;
	}

h2{
	color: #b52b44;
	/*font-size: 22px;*/
	font-size: 120%;
	
	border-bottom: solid 1px #b52b44;
	line-height: 130%;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 14px;
	position: relative;
	float: none;
	clear: both;
	}

h2 a{
	text-decoration: none!important;
	transition: .2s;
	}
h2 a:hover{
	opacity: .7;
	}

h3{
	color: #b52b44;
	/*font-size: 20px;*/
	font-size: 115%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 130%;
	padding: 3px 10px;
	border-left: 3px solid #b52b44;
	}

h4{
	color: #b52b44;
	/*font-size: 18px;*/
	font-size: 110%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 130%;
	}

h5{
	color: #42210B;
	/*font-size: 18px;*/
	font-size: 110%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 130%;
	}
h6{
	color: #42210B;
	/*font-size: 16px;*/
	font-size: 100%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 130%;
	}

/*タイトルの右側に線*/
.ttl-bd-r{
	display: flex;
	align-items: center;
	}
.ttl-bd-r:after{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	}
.ttl-bd-r:after{
	margin-left: 0.5rem;
	}

	


/*----------

　見出し

----------*/

.ttl_center{}
.ttl_center .en{
	font-size: 200%!important;
	}
.ttl_center .jp{
	font-size: 110%!important;
	margin-top: 15px;
	}
	@media only screen and (max-width: 800px) {
		.ttl_center .en{
			font-size: 180%!important;
			}
		.ttl_center .jp{
			font-size: 90%!important;
			}
		}
	@media only screen and (max-width: 650px) {
		.ttl_center .en{
			font-size: 170%!important;
			}
		.ttl_center .jp{
			font-size: 80%!important;
			margin-top: 10px;
			}
		}
	@media only screen and (max-width: 360px) {
		.ttl_center .en{
			font-size: 150%!important;
			}
		.ttl_center .jp{
			font-size: 75%!important;
			margin-top: 5px;
			}
		}






/* ---------------------------------------------------------------------------------------------

　   TABLE

--------------------------------------------------------------------------------------------- */

table{
	width:100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
	border-top:1px solid #CBBAA1;
	border-left:1px solid #CBBAA1;
	/*font-size: 1em;*/
	font-size: 100%;
	
	margin:5px 0 30px 0;
	border-collapse:collapse;
	}
table th{
	color: #42210B;
	text-align:center;
	padding:10px;
	border-bottom:1px solid #CBBAA1;
	border-right:1px solid #CBBAA1;
	word-break: break-all!important;
	}
table td{
	padding:12px;
	border-bottom:1px solid #CBBAA1;
	border-right:1px solid #CBBAA1;
	}

table.manual{
    width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	}
table.manual .midashi{
	background:#E1D5C7;
	}
table.manual th{
	background:#F0EBE5;
	}

table.mobile-block{}

	@media only screen and (max-width: 650px) {
		table{
			line-height: 160%;
			}
		table th{
			padding: 8px 10px ;
			/*border-top:1px dashed #935614;*/
			white-space: wrap;
			}
		table td{
			padding:8px 10px;
			white-space: wrap;
			}
		table td,
		table th{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		table.mobile-block td,
		table.mobile-block th{
			display:block;
			}
		table.mobile-block {
			border:none;
				}
		table.mobile-block th{
			text-align:left;
			font-weight: bold;
			}
		table.mobile-block td{
			border:none;
			}
		table.mobile-block th br{
			display: none;
			}
		}
	@media only screen and (max-width: 480px) {
		table th,
		table td{
			padding:8px 5px;
			}
		table td,
		table th{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		table.mobile-block{
			width: 97%;
			}
		table.mobile-block th{
			border-right:none;
			}
		}
	@media only screen and (max-width: 360px) {
		table td,
		table th{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}







/* ---------------------------------------------------------------------------------------------

　   TEX

--------------------------------------------------------------------------------------------- */

.tex {
	background: #ffffff;
	border-radius: 5px;
	padding: 10px 0;
	width: 100%;
	}
.tex:after{
	content: " "; 
	display: block;
	clear: both;
	}
.tex p{
	/*font-size: 1em;*/
	font-size: 100%;
	
	line-height: 180%;
	margin-top: 12px;
	margin-bottom: 12px;
	}
.tex a{
	color:			#b52b44;
	font-weight: bold;
	text-decoration:underline;
	}
.tex a:hover{
	text-decoration:none;
	}
.tex img,
.tex2 img{
	border: 0;
	border-radius: 5px;
	max-width: 100%;
	height: auto;
	}
.tex img a{
	border: 0;
	}
.tex a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	}

.searchMore{
	color: #555!important;
	/*font-size: 0.85rem;*/
	font-size: 100%;
	
	text-decoration: none!important;
	}
.searchMore:hover{
	text-decoration: underline!important;
	}

	@media only screen and (max-width: 650px) {
		.tex {
			margin: 0 auto;
			padding: 10px 0;
			width: 100%;
			}
		.tex p{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		}
	@media only screen and (max-width: 480px) {
		.tex p{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		}
	@media only screen and (max-width: 360px) {
		.tex p{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}

/*テキスト*/
.gr{
	color: #64c750;
	}
.red{
	color: #B40003;
	font-weight: bold;
	}

/*頭文字を1文字下げる*/
.danraku_1{
	text-indent: 1em;
	margin-left: 1em;
	}
.danraku_2{
	text-indent: 2em;
	margin-left: 2em;
	}
.danraku_3{
	text-indent: 3em;
	margin-left: 3em;
	}
.danraku_4{
	text-indent: 4em;
	margin-left: 4em;
	}
/*段落*/
.indent_1{
	padding-left:1em;
	text-indent:-1em;
	}
.indent_2{
	padding-left:2em;
	text-indent:-2em;
	}
.indent_3{
	padding-left:3em;
	text-indent:-3em;
	}
.indent_4{
	padding-left:4em;
	text-indent:-4em;
	}

/* ------------------------------------- */
/*	フロート設定
/* ------------------------------------- */
.tex img.aligncenter {
    display:		block;
    margin-left:	auto;
    margin-right:	auto;
	clear:			none;
	}
.tex img.alignright {
    margin-left:	1em;
    margin-right:	0;
    margin-bottom:	1em;
    display:		inline;
	clear:			none;
	}
.tex img.alignleft {
	margin-left:	0;
	margin-right:	1em;
	margin-bottom:	1em;
	display:		inline;
	clear:			none;
	}
.tex img.alignnone {
    margin-left:	0;
    margin-right:	0;
    margin-bottom:	1em;
	clear:			none;
	}
.tex .alignright {
	float:			right;
	}
.tex .alignleft {
	float:			left;
	}
	@media screen and (max-width: 800px){
	/*	tex
	/* ------------------------------------- */
	.tex img.alignright,
	.tex img.alignleft,
	.tex img.alignnone,
	.tex img.aligncenter {
		display:		block;
		margin-left:	auto;
		margin-right:	auto;
		clear:			both;
		}
	.tex .alignright {
		float:			none;
		}
	.tex .alignleft {
		float:			none;
		}
	.tex .aligncenter {
		clear:			both;
		display:		block;
		margin-left:	auto;
		margin-right:	auto;
		}
	}

/* ---------------------------------------------------------------------------------------------

　   ブログページ

--------------------------------------------------------------------------------------------- */

.entry{
	width: 68%;
	margin: 10px 0 40px 0;
	float: left;
	}
aside.aside{
	width: 28%;
	margin: 10px 0 0 0;
	float: right;
	}
	@media only screen and (max-width: 650px) {
		.entry{
			width: 100%;
			float: none;
			}
		aside.aside ul{
			display: none;
			}
		aside.aside{
			width: 100%;
			margin: 15px 0 0 0;
			}
		}
	@media only screen and (max-width: 480px) {
		.entry{
			margin: 10px 0 50px 0;
			}
		}
aside ul li{
	list-style: none;
	margin: 0 0 50px 0;
	/*font-size:0.95em;*/
	font-size: 95%;
	}

/*最近の投稿 日付*/
aside ul li .post-date{
	display: block;
	color: #555;
	/*font-size: 13px;*/
	font-size: 85%;
	
	margin-left: 1.5em;
	}

/* h2デフォルトスタイル解除 */
aside h2{
	background:none;
	border-radius:0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: inherit;
	float: inherit;
	clear: inherit;
	}
aside h2 a{
	color: inherit;
	text-decoration: inherit;
	}
aside h2 a:hover{
	text-decoration: inherit;
	}

aside h2{
	color:#555;
	/*font-size:1em;*/
	font-size: 100%;
	
	font-weight:bold;
	line-height: 160%;
	margin-bottom:5px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #aaa;
	}
aside ul{
	margin: 0 0 40px 0;
	}
aside ul li{
	margin: 0 0 10px 0;
	}


aside .widget_categories ul li:before,
aside .widget_recent_entries ul li:before,
aside .widget_archive ul li:before{
	content: "・";
	color:#b52b44;
}
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	line-height: 140%;
	margin-bottom: 8px;
}
aside .widget_categories ul li a,
aside .widget_recent_entries ul li a,
aside .widget_archive ul li a,
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	color:			#b52b44;
}

aside .widget_recent_entries ul li{
	padding-left:1em;
	text-indent:-1em;
}

/*検索*/
aside .widget_search{
	margin-bottom: 30px;
	}
aside .widget_search form label.screen-reader-text{
	display:block;
	}

aside ul.children{
	margin-top: 10px;
	margin-left: 10px;
	}

aside .widgettitle{
	margin-bottom:15px;
	}



/*	arvhive
/* ------------------------------------- */


.entry .cat{
	display: inline-block;
	background: #b52b44;
	color: #fff;
	/*font-size: 12px;*/
	font-size: 80%;
	
	font-weight: bold;
	line-height: 130%;
	margin: 0px 4px 0px 0px;
	padding: 6px 10px 4px 10px;
	border-radius: 3px;
	}

.entry .date{
	display: inline-block;
	color: #b52b44;
	/*font-size: 13px;*/
	font-size: 85%;
	
	font-weight: bold;
	line-height: 100%;
	margin: 15px 0 0 0;
	}
.entry .tx{
	/*font-size: 16px;*/
	font-size: 100%;
	
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}

	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.entry .tx{
			margin: 10px 0px 20px 0px;
			padding: 0px;
			}
		}
	@media only screen and (max-width: 480px) {
		.entry .date{
			margin: 0;
			}
		}
.entry .tx a {
	color: #b52b44;
	text-decoration: none;
	}
.entry .tx a:hover {
	color: #b52b44;
	text-decoration: underline;
	}



/* ---------------------------------------------------------------------------------------------

　   ボタン

--------------------------------------------------------------------------------------------- */

.postmetadata a{
	margin: 5px 0;
	padding: 7px 22px 5px 20px;
	color: #ffffff;
	display: inline-block;
	background-color: #b52b44;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
	}
.postmetadata a:hover{
	opacity: .8;
	}


	@media only screen and (max-width: 800px) {
			.postmetadata a{
				margin: 10px 0;
				}
			}
	@media only screen and (max-width: 680px) {
			.postmetadata a{
				margin: 5px 0;
				padding: 5px 17px 3px 15px;
				}
			}





/* ---------------------------------------------------------------------------------------------

　   ページネーション スタイル　2022年6月修正後

--------------------------------------------------------------------------------------------- */

.wp-pagenavi {
	/*font-size: 0.9em;*/
	font-size: 90%;
	
    margin: 1em 0;
	padding: 10px 20px 80px 0px;
	display:block;
	clear:both;
	}
.wp-pagenavi:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
	}

.wp-pagenavi a,
.wp-pagenavi span{
	display: block;
    float: left;
    margin-left: 7px;
	border:1px solid #aaa!important;
	border-radius: 3px;
	color: #777!important;
    padding: 3px 13px 2px 13px!important;
    text-decoration: none;
	}
.wp-pagenavi a:first-child {
    margin-left: 0;
	}
.wp-pagenavi a:hover {
    background-color: #ccc!important;
	border:1px solid #ccc!important;
    color: #fff!important;
    transition: .3s;
	}
.wp-pagenavi span.current{
    border:1px solid #777!important;
	color: #888!important;
	}
	@media only screen and (max-width: 650px) {
			.wp-pagenavi{
				padding: 10px 20px 40px 0px;
				}
			.wp-pagenavi a,
			.wp-pagenavi span,
			.wp-pagenavi a.active,
			.wp-pagenavi span.current{
				padding: 4px 10px!important;
				}
			}










/* ---------------------------------------------------------------------------------------------

　   お問い合わせ　contact

--------------------------------------------------------------------------------------------- */

.form table th{
	padding: 20px;
	width: 30%;
}
.form table td{
	padding: 20px;
	width: 70%;
}


.form input,
.form textarea,
.form select,
.form checkbox{
	border:solid 1px #dddddd;
	padding: 3px 5px;
	width: 100%;
}

.form select{
	padding: 3px 15px;
}

.form .radio_btn{
	display: flex;
}
.form .radio_btn .mwform-radio-field label{
	display: block;
	white-space: nowrap;
}


.form input.submit_button,
.form #div_btn input.bt{
	background: #fff;
	border: solid 1px #b52b44;
	color: #b52b44;
	/*font-size: 1.3em;*/
	font-size: 120%;
	
	font-weight: normal;
	border-radius: 50px;
	margin: 20px auto;
	padding: 8px 20px;
	width: 200px;
	display: block;
	}
.form input.submit_button:hover,
.form #div_btn input.bt:hover{
	background: #b52b44;
	color: #fff;
	border: solid 1px #b52b44;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.form input.submit_button:active,
.form #div_btn input.bt:active{
	background: #b52b44;
	color: #fff;
	}
.form table a {
	color:			#b52b44;
	text-decoration:none;
	border-bottom: dotted 1px #b52b44;
	transition-duration: 0.3s;
	}

	@media only screen and (max-width: 650px) {
		.form .radio_btn{
			display: block;
			}
		.form table{
			/*font-size:1em;*/
			font-size: 100%;
			}
		.form table th{
				padding: 10px 5px 5px 5px;
			}
		.form table td{
				padding: 5px 5px 10px 5px;
			}
		.form table th{
			width: 100%;
			border-bottom: none;
			}
		.form table td{
			width: 100%;
			}
		.form input,
		.form textarea,
		.form select,
		.form checkbox{
			width: 90%;
			}
		.form .check_box input{
			width: inherit;
			}
		}

.form .radio_btn .mwform-radio-field input{
	width: inherit;
}





img.pagevisual{
	width: 42%;
	max-width: 450px;
	height: auto;
	}
	@media only screen and (max-width: 800px) {
		img.pagevisual{
			width: 80%;
			}
		}


img.featuresvisual{
	width: 55%;
	max-width: 574px;
	height: auto;
	}
	@media only screen and (max-width: 800px) {
		img.featuresvisual{
			width: 80%;
			}
		}



ul.listbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}

ul.listbox li{
	display: block;
	width: 42%;
	border: dashed 1px #64c750;
	border-radius: 7px;
	margin-bottom: 18px;
	padding: 10px 3%;
	}

ul.listbox li p.ttl{
	color: #64c750;
	/*font-size: 24px;*/
	font-size: 140%;
	
	font-weight: bold;
	line-height: 120%;
	}
ul.listbox li p.ttl a{
	color: #64c750;
	}

ul.listbox li p.text{
	/*font-size: 18px;*/
	font-size: 110%;
	
	line-height: 120%;
	}

ul.listbox li.flex{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	}


	@media only screen and (max-width: 800px) {
		ul.listbox.file_dl{
			display: block;
			justify-content: space-between;
			flex-wrap: wrap;
			}

		ul.listbox.file_dl li{
			display: block;
			width: 93%;
			border: dashed 1px #64c750;
			border-radius: 7px;
			margin-bottom: 18px;
			padding: 10px 3%;
			}
		}
	@media only screen and (max-width: 650px) {
		ul.listbox li{
			width: 100%;
			border-radius: 5px;
			margin-bottom: 14px;
			padding: 10px 2%;
			}
		ul.listbox li p.ttl{
			/*font-size: 17px;*/
			font-size: 105%;
			
			margin: 0 0 5px 0;
			}
		ul.listbox li p.text{
			/*font-size: 14px;*/
			font-size: 90%;
			
			line-height: 140%;
			margin: 0;
			overflow-wrap: break-word;
			}
		ul.listbox li.flex{
			display: block;
			}
		}
	@media only screen and (max-width: 480px) {
		ul.listbox li p.ttl{
			/*font-size: 15px;*/
			font-size: 95%;
			}
		ul.listbox li p.text{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		}
	@media only screen and (max-width: 360px) {
		ul.listbox li p.ttl{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		ul.listbox li p.text{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}




.column2,
.column3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}

.column2 .inner{
	width: 42%;
	border: dashed 1px #64c750;
	border-radius: 7px;
	margin-bottom: 18px;
	padding: 10px 3%;
	text-align: center;
	}
.column2 .inner .ttl{
	color: #64c750;
	/*font-size: 26px;*/
	font-size: 150%;
	
	font-weight: bold;
	line-height: 120%;
	}
.column2 .inner .ttl p{}

.column3 .inner{
	width: 28%;
	border: dashed 1px #64c750;
	border-radius: 7px;
	margin-bottom: 18px;
	padding: 10px 1.5% 20px 1.5%;
	}
.column3 .inner img{
	max-width: 100%;
	height: auto;
	}
.column3 .inner p{
	line-height: 120%;
	margin: 5px auto;
	padding: 0;
	}
	@media only screen and (max-width: 650px) {
		.column2 .inner{
			width: 44%;
			border-radius: 5px;
			margin-bottom: 14px;
			padding: 10px 2% ;
			}
		.column3 .inner{
			width: 44%;
			border-radius: 5px;
			margin-bottom: 14px;
			padding: 8px 1% 15px 1%;
			}
		.column2 .inner .ttl{
			/*font-size: 17px;*/
			font-size: 105%;
			
			margin: 5px 0;
			}
		.column2 .inner .ttl p,
		.column3 .inner p{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		}
	@media only screen and (max-width: 480px) {
		.column2 .inner .ttl{
			/*font-size: 15px;*/
			font-size: 95%;
			}
		.column2 .inner .ttl p,
		.column3 .inner p{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		}
	@media only screen and (max-width: 360px) {
		.column2 .inner .ttl{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		.column2 .inner .ttl p,
		.column3 .inner p{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}



.box{
	border: dashed 1px #b52b44;
	border-radius: 7px;
	/*font-size: 18px;*/
	font-size: 110%;
	
	padding: 10px 3%;
	}
	@media only screen and (max-width: 650px) {
		.box{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		}
	@media only screen and (max-width: 480px) {
		.box{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		}
	@media only screen and (max-width: 360px) {
		.box{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}



.aside .hogo_login{
	color: #ffffff;
	background:url("../img/bg_pink.jpg") repeat;
	border-radius: 5px;
	line-height: 130%;
	padding: 12px 18px;
	margin-bottom: 30px;
	}

.aside .hogo_login p{
	/*font-size: 18px;*/
	font-size: 110%;
	
	font-weight: bold;
	line-height: 140%;
	}



/*ロゴ・情報*/
.contact_info{
	margin-top: 15px;
	}
.contact_info .ttl1{
	color:#7f4f21;
	/*font-size: 21px;*/
	font-size: 125%;
	
	line-height: 125%;
	margin: 0;
	padding: 0;
	}
.contact_info .ttl2{
	color:#7f4f21;
	/*font-size: 36px;*/
	font-size: 180%;
	
	line-height: 125%;
	margin: 0 0 10px 0;
	padding: 0;
	}
.contact_info .tel{
	color:#7f4f21;
	/*font-size: 36px;*/
	font-size: 180%;
	
	line-height: 100%;
	margin: 0;
	padding: 0;
	}
.contact_info .text{
	/*font-size: 18px;*/
	font-size: 110%;
	
	line-height: 140%;
	}
	@media only screen and (max-width: 650px) {
		.contact_info .ttl1{
			/*font-size: 18px;*/
			font-size: 110%;
			
			}
		.contact_info .ttl2{
			/*font-size: 28px;*/
			font-size: 160%;
			}
		.contact_info .tel{
			/*font-size: 28px;*/
			font-size: 160%;
			}
		.contact_info .text{
			/*font-size: 14px;*/
			font-size: 90%;
			}
		}
	@media only screen and (max-width: 480px) {
		.contact_info .ttl1{
			/*font-size: 15px;*/
			font-size: 95%;
			}
		.contact_info .ttl2{
			/*font-size: 24px;*/
			font-size: 140%;
			}
		.contact_info .tel{
			/*font-size: 24px;*/
			font-size: 140%;
			}
		.contact_info .text{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		}
	@media only screen and (max-width: 360px) {
		.contact_info .ttl1{
			/*font-size: 13px;*/
			font-size: 85%;
			}
		.contact_info .ttl2{
			/*font-size: 18px;*/
			font-size: 110%;
			}
		.contact_info .tel{
			/*font-size: 18px;*/
			font-size: 110%;
			}
		.contact_info .text{
			/*font-size: 12px;*/
			font-size: 80%;
			}
		}


.box02{
	border-radius: 10px;
	background:#FFF9D6;
	padding: 20px 36px;
    margin: 2em auto;
    color: #565656;
    box-shadow: 0px 0px 0px 10px #FFF9D6;
    border: dashed 2px #AE8D46;
	width: 90%;
	}

.box02 .box_ttl{
	color: #7f4f21;
	/*font-size: 28px;*/
	font-size: 160%;
	
	font-weight: bold;
	margin: 15px 0;
	line-height: 160%;
	}

.box02 p{
	line-height: 200%;
	text-indent: 1em;
	background-image: linear-gradient(90deg, rgba(255, 246, 230, 0) 0%, rgba(255, 246, 230, 0) 50%, #FFF9D6 0%, #FFF9D6 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ffffff 100%);
	background-size: 8px 100%,100% 2em;
	}

.round{
	display: inline-block;
	color: #ffffff;
	background: #7f4f21;
	border-radius: 20px;
	padding: 0.35em 1.5em;
	margin: 0 0 10px 0;
	}
	@media only screen and (max-width: 800px) {
		.box02{
			padding: 15px 25px;
			margin: 2em auto;
			width: auto;
			}
		.box02 .box_ttl{
			/*font-size: 21px;*/
			font-size: 125%;
			}
		}
	@media only screen and (max-width: 650px) {
		.box02{
			border-radius: 7px;
			padding: 12px 20px;
			margin: 2em auto;
			}
		.box02 .box_ttl{
			/*font-size: 18px;*/
			font-size: 110%;
			
			margin: 10px 0;
			}
		.round{
			/*font-size: 0.8em;*/
			font-size: 80%;
			}
		}
	@media only screen and (max-width: 480px) {
		.box02 .box_ttl{
			/*font-size: 16px;*/
			font-size: 100%;
			
			margin: 8px 0;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   基本方針

--------------------------------------------------------------------------------------------- */

.kihon{
	display: flex;
	justify-content: space-between;
	}

.kihon .k-item{
	width: 32%!important;
	}

.kihon .k-item{
	text-align: center;
	}
.kihon .k-item table{
	margin: 0;
	}



/* ---------------------------------------------------------------------------------------------

　   もへじくんの紹介

--------------------------------------------------------------------------------------------- */

.moheji{}

.moheji .m-moheji,
.moheji .m-chunzo{
	width: 100%;
	display: flex;
	}

.moheji .m-moheji .ph,
.moheji .m-chunzo .ph{}

.moheji .m-moheji .tx img,
.moheji .m-chunzo .tx img{
	margin: 0;
	}
.moheji .m-moheji .tx{
	margin: 20px 0 0 20px;
	width: 60%;
	}
.moheji .m-chunzo .tx{
	margin: 0 0 0 20px;
	}

/*母・父・祖父・祖母*/
.moheji .m-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.moheji .m-wrap .m-item{
	width: 23%;
	}
.moheji .m-wrap .m-item .ph{
	text-align: center;
	}
.moheji .m-wrap .m-item .ph img{
	max-width: 194px;
	}
.moheji .m-wrap .m-item .tx{
	text-align: center;
	}
.moheji .m-wrap .m-item .tx img{
	margin: 0;
	}
.moheji .m-wrap .m-item .tx p{
	text-align: left;
	}

	@media only screen and ( max-width : 800px ) {}
	@media only screen and ( max-width : 650px ) {
		.moheji .m-moheji,
		.moheji .m-chunzo{
			display: block;
			width: 96%;
			margin: 0 auto;
			margin-top: 10px;
			}
		.moheji .m-moheji .tx{
			margin: 10px 0 0 0;
			width: 100%;
			}
		.moheji .m-chunzo .tx{
			margin: 0 0 0 0;
			}
		.moheji .m-wrap{
			width: 96%;
			margin: 0 auto;
			}
		.moheji .m-wrap .m-item{
			width: 46%;
			}
		}
	@media only screen and ( max-width : 480px ) {}





/* ---------------------------------------------------------------------------------------------

　   サイトマップ

--------------------------------------------------------------------------------------------- */

.sitemap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}

.sitemap a{
	color: #42210B;
	text-decoration: none;
	}
.sitemap a:hover{
	text-decoration: underline;
	}

.sitemap #mapleft,
.sitemap #mapright{
	width: 46%;
	}

.sitemap #mapleft{}
.sitemap #mapright{}


.sitemap .mapbox{
	margin-bottom: 20px;
	}



.sitemap .maptitle{
	display: block;
	margin-bottom: 10px;
	border-bottom: dotted 1px #C8B69C;
	}
.sitemap .maptitle::before{
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	margin-right: 4px;
	color:#b52b44;
	}
.sitemap .maptitle a{
	color:#b52b44;
	}


.sitemap .mapbox > ul{
	margin: 0 0 20px 20px;
	}

.sitemap .mapbox > ul > li{
	list-style: none;
	margin-bottom: 5px;
	}
.sitemap .mapbox > ul > li::before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: 900;
	margin-right: 4px;
	color:#C8B69C;
	}

.sitemap .mapbox > ul > li > ul{
	margin: 0 0 20px 20px;
	}

.sitemap .mapbox > ul > li > ul > li{
	list-style: none;
	margin-top: 5px;
	}
.sitemap .mapbox > ul > li > ul > li::before{
	content: '・';
	color:#C8B69C;
	}


	@media only screen and ( max-width : 800px ) {}
	@media only screen and ( max-width : 650px ) {}
	@media only screen and ( max-width : 480px ) {
		.sitemap .mapbox > ul{
			margin: 0 0 20px 0.5em;
			}
		.sitemap .mapbox > ul > li{
			/*font-size: 0.9em;*/
			font-size: 90%;
			
			margin-bottom: 3px;
			}
		.sitemap .mapbox > ul > li > ul{
			margin: 0 0 20px 0.5em;
			}
		}
	@media only screen and ( max-width : 360px ) {}


/* ---------------------------------------------------------------------------------------------

　   個人情報保護方針

--------------------------------------------------------------------------------------------- */

.privacypolicy{}

.privacypolicy p{
	margin-left: 1.2em;
	}
.privacypolicy span{
	display: block;
	margin-left: 1em;
	}

.privacypolicy ul{
	margin-left: 2em;
	}
.privacypolicy ul li{
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	}
.privacypolicy ul li::before{
	content: '・';
	}









/* ---------------------------------------------------------------------------------------------

　   申請書ダウンロード（2025年5月追記）

--------------------------------------------------------------------------------------------- */

.list_style___basic{}

.list_style___basic li{
	margin: 0.75rem 2rem;
	font-size: 110%;
	line-height: 170%;
	}

.list_style___basic li a{
	text-decoration: underline;
	}

.list_style___basic li i{}

	@media only screen and ( max-width : 767px ) {}
	@media only screen and ( max-width : 600px ) {}
	@media only screen and ( max-width : 480px ) {}
	@media only screen and ( max-width : 360px ) {}



/* ---------------------------------------------------------------------------------------------

　   アーカイブページ（2025年5月追記）

--------------------------------------------------------------------------------------------- */

.archive_list{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #D6CAB8;
	}

.archive_list .ttl{
	font-size: 120%;
	margin: 0 0 0.2rem 0;
	}
.archive_list .ttl a{
	text-decoration: none;
	}
.archive_list .ttl a:hover{
	text-decoration: underline;
	}
.archive_list .date{
	font-size: 85%;
	margin: 0;
	}
	@media only screen and ( max-width : 767px ) {}
	@media only screen and ( max-width : 600px ) {
		.archive_list .ttl{
			font-size: 110%;
			margin: 0 0 0.1rem 0;
			}
		}
	@media only screen and ( max-width : 480px ) {}
	@media only screen and ( max-width : 360px ) {}