/*
Theme Name: 宮崎県健康長寿サポートサイト-令和8年度～
*/

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター固定用css*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
html,body{
	height:100%;
	margin:0;
	padding:0;
}

#wrap {
	/*position: relative;*/
	height: 100%;
	min-height: 100%;
	background: #f9f8f3;
}

body > #wrap {
	height: auto;
}

#contener {
	padding-bottom:150px;
}


div#content {
	width: 100%;	
	margin: 0 auto;
	background:#f9f8f3;
	line-height: 1.5;
}


/*--------------ビジュアルエディター用-----------------*/

/* =Images
-------------------------------------------------------*/

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


@media only screen and  (max-width: 640px) {
	.alignleft,
	img.alignleft {
		margin: 10px auto;
		width:100%;
		display:block;
	}
	.alignright,
	img.alignright {
		margin: 10px auto;
		width:100%;
		display:block;
	}
	.aligncenter,
	img.aligncenter {
		margin: 10px auto;
		width:auto;
		display:block;
	}
	img.alignleft,
	img.alignright,
	img.aligncenter {
		margin-bottom: 10px;
	}
}




.wp-caption {
/*background: #F6EBF1;*/
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 632px !important;
    padding: 0;
    text-align: center;
    border-radius: 5px;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
    color: #000;
    font-size: 1.1em;
    margin: 5px;
    /* padding: 5px; */
    text-align: left;
    font-weight: 700;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}

#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}






/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*共通*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
a {
	color: #040404;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.clear {clear: both;}

.pd10 {padding: 10px;}

.fl_r {float: right;}
.fl_l {float: left;}

.tx_ac {text-align: center !important;}
.tx_ar {text-align: right !important;}
.tx_al {text-align: left !important;}

.martop0 {margin-top: 0 !important;}
.martop1 {margin-top: 1rem !important;}
.martop3 {margin-top: 3rem !important;}
.martop6 {margin-top: 6rem !important;}

.marbottom0 {margin-bottom: 0 !important;}
.marbottom1 {margin-bottom: 1rem !important;}
.marbottom3 {margin-bottom: 3rem !important;}
.marbottom6 {margin-bottom: 6rem !important;}

.padtop0 {padding-top: 0 !important;}
.padtop1 {padding-top: 1rem !important;}
.padtop3 {padding-top: 3rem !important;}
.padtop6 {padding-top: 6rem !important;}

.padbottom0 {padding-bottom: 0 !important;}
.padbottom1 {padding-bottom: 1rem !important;}
.padbottom3 {padding-bottom: 3rem !important;}
.padbottom6 {padding-bottom: 6rem !important;}


.clearfix:after {
	content: " "; 
	display: block;
	height: 0.1px; 
	font-size: 0.1em; 
	clear: both;
	visibility: hidden;
}
*+html .clearfix{
  height:1%;
}
* html .clearfix,{
   height: 1%;
}

img {
 width:auto;
}

/*--画像の回り込み解除用--*/
.img_post_box {
	padding: 0 0 10px;
	clear:both
}






/*--フォーム周りの設定--*/
.mainContents input,
.mainContents textarea,
.mainContents select {
	border:1px solid #999;
	padding:10px;
	color:#666;
	margin-bottom:10px;
	border-radius:4px;
}

.mainContents strong {
	font-weight: bold;
}

#sp-shopList {
	display: none;
}

@media only screen and  (max-width: 480px) {
	#sp-shopList {
		display: block;
	}
}

.submit_btn {
	margin: 0 auto 20px;
	text-align: center;
}

#contact_submit {
	padding:20px;
	border-radius:4px;
	border:none;
	background-color:#009E96;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 700;
	color:#fff;
	text-align:center;
}

/*--ul---------------*/
ul {
		word-break: break-all;
}

ul li {
	line-height: 1.8;
	/*text-indent: -1em;*/
	text-decoration: none;
}

li ul {
	padding: 0;
	font-size:0.8em;
}


/*--ol--*/

ol {
	
}

ol li {
	line-height: 1.8;
	font-size:1.2em;
	text-decoration: none;

}



/*-----画像の配置-----*/
.alignleft {
  display: block;
  float: left;
  margin-right: 15px;
  margin-bottom: 1em;
}
.aligncenter {
  display: block;
  margin:0 auto;
}
.alignright {
  display: block;
  float: right;
  margin-left: 15px;
  margin-bottom: 1em;
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*レスポンシブ：共通設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/



@media only screen and  (max-width: 640px) {

	img {
		max-width: 100%;
		height: auto;
	}



}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*全体の囲み設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


#wrap {
	width:100%;

}

#wrap {
	font-size: 100%;
	color: #2E302E;
}

#wrap {
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
}

/*--#containerページレイアウト：横幅1020pxのコンテナー--*/
#container {
	width:1020px;
	margin:0 auto;
}

.mainContents section {
	margin: 0 auto 50px;
	clear: both;
}


@media only screen and  (max-width: 640px) {

	#container {
		width:100%;
		margin:0 auto;
	}

	.mainContents section {
		margin: 0 auto 50px;
		clear: both;
	}
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ヘッダーの設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/*--ヘッダーの設定--*/
div.h_inner {
	width:1020px;
    height: 150px;
	margin:0 auto;
	padding: 20px 0;
	position: relative;
}

div.h_inner_r {
    position: absolute;
    bottom: 20px;
    right: 200px;
}


/*--ヘッダー：ロゴ--*/


div.h_inner h1 {
	width: 500px;
    height: 120px;
    position: absolute;
    top: 20px;
    left: 0;
}


/*--ヘッダー：文字サイズ変更--*/


dl.font-size_box {
    display: table;
}

dl.font-size_box dd {
    padding: 5px;
}


dl.font-size_box dt {
    font-size: 1.2em;
    padding: 5px;
}

dl.font-size_box dt,
dl.font-size_box dd {
    display: table-cell;
    vertical-align: middle;
}

dl.font-size_box dt:before {
		content: "● "	
}

/*--ヘッダー：サイトマップ--*/


p.sitemap_link {
    font-size: 1.2em;
    padding: 5px;
}


p.sitemap_link:before {
		content: "● "
	
}

/*--ヘッダー:検索フォーム--*/
div.search_form {
	position: absolute;
	top: 90px;
	right:0;
}

.searchform label{display: none;}
.searchform input[type="text"]{
	float: left; */
	width: 200px;
	height: 40px;
	padding: 10px 0;
	background: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.searchform input[type="submit"]{
	width: 30px;
	height: 32px;
	margin: 5px 0 0 -40px;
	background: url(./img/search.png) no-repeat;
	border: none;
	box-shadow: none;
}

.searchform input[type="submit"]:hover{
	filter: alpha(opacity=80); /* マウスホバーで薄くする */
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*--ヘッダー：パンくずリストの設定--*/
.breadcrumb {
	width:1020px;
	margin:10px auto;	
}

@media only screen and  (max-width: 640px) {
	.breadcrumb {
		display:none;
	}
}



@media only screen and  (max-width: 640px) {

	/*--ヘッダーの設定--*/
	div.h_inner {
		width:100%;
	    	height: 150px;
		margin:0 auto;
		padding: 20px 0;
		position: relative;
	}


	div.h_inner_r {
		position: absolute;
		bottom: 20px;
		right: 200px;
		display:none;
	}


	/*--ヘッダー：ロゴ--*/


	div.h_inner h1 {
		width: 100%;
		height: auto;

	}

	/*--ヘッダー：文字サイズ変更--*/

	dl.font-size_box {
		display: table;
		display:none;
	}

	dl.font-size_box dd {
		padding: 5px;
		display:none;

	}


	dl.font-size_box dt {
		font-size: 1.2em;
		padding: 5px;
		display:none;
	}

	dl.font-size_box dt,
	dl.font-size_box dd {
		display: table-cell;
		vertical-align: middle;
	}

	dl.font-size_box dt:before {
		content: "● "	
		display:none;

	}

	/*--ヘッダー：サイトマップ--*/


	p.sitemap_link {
		font-size: 1.2em;
		padding: 5px;
	}


	p.sitemap_link:before {
		content: "● "
		display:none;

		
	}

	/*--ヘッダー:検索フォーム--*/
	div.search_form {
		position: absolute;
		top: 90px;
		right:0;
		display:none;

	}

	.searchform label{display: none;}
	.searchform input[type="text"]{
		float: left; */
		width: 200px;
		height: 40px;
		padding: 10px 0;
		background: #f2f2f2;
		border: 1px solid #ccc;
		border-radius: 5px;
		display:none;

	}

	.searchform input[type="submit"]{
		width: 30px;
		height: 32px;
		margin: 5px 0 0 -40px;
		background: url(./img/search.png) no-repeat;
		border: none;
		box-shadow: none;
		display:none;

	}

	.searchform input[type="submit"]:hover{
		filter: alpha(opacity=80); /* マウスホバーで薄くする */
		-moz-opacity: 0.80;
		opacity: 0.80;
		display:none;

	}


}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*メインナビゲーション*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#g-nav {
	margin: 0 auto;
	width: 100%;
	height: 60px;
	clear: both;
	background-image: url(./img/bg_nav.png);

}

#g-nav ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 850px;
}

#g-nav li{
  text-indent: -9999px;
  float:left;
  margin: 0;
  padding: 0;
}

#g-nav li{
width: 170px;
}

#g-nav a{
  display: block;
  width: 100%;
    height: 60px;
  background-image: url(./img/nav.png);
  background-repeat: no-repeat;
}

#menus1 a{background-position: 0 0;}
#menus2 a{background-position: -170px 0;}
#menus4 a{background-position: -510px 0;}
#menus5 a{background-position: -680px 0;}
#menus6 a{background-position: -850px 0;}

#g-nav a:hover{
  background-image: url(./img/nav.png);
  background-repeat: no-repeat;
}

#menus1 a:hover{background-position: 0 -60px;}
#menus2 a:hover{background-position: -170px -60px;}
#menus3 a:hover{background-position: -340px -60px;}
#menus4 a:hover{background-position: -510px -60px;}
#menus5 a:hover{background-position: -680px -60px;}
#menus6 a:hover{background-position: -850px -60px;}


@media only screen and  (max-width: 640px) {

	#g-nav {
		display:none;
		margin: 0 auto;
		width: 100%;
		height: 60px;
		clear: both;
		background-image: url(./img/bg_nav.png);

	}

	#g-nav ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	#g-nav li{
		text-indent: -9999px;
		float:left;
		margin: 0;
		padding: 0;
	}

	#g-nav li{
		width:50%;
	}

	#g-nav a{
		display: block;
		width: 100%;
		height: 60px;
		background-image: url(./img/nav.png);
		background-repeat: no-repeat;
	}

	/*#menus1 a{background-position: 0 0;}
	#menus2 a{background-position: -170px 0;}
	#menus3 a{background-position: -340px 0;}
	#menus4 a{background-position: -510px 0;}
	#menus5 a{background-position: -680px 0;}
	#menus6 a{background-position: -850px 0;}

	#g-nav a:hover{
	  background-image: url(./img/nav.png);
	  background-repeat: no-repeat;
	}

	#menus1 a:hover{background-position: 0 -60px;}
	#menus2 a:hover{background-position: -170px -60px;}
	#menus3 a:hover{background-position: -340px -60px;}
	#menus4 a:hover{background-position: -510px -60px;}
	#menus5 a:hover{background-position: -680px -60px;}
	#menus6 a:hover{background-position: -850px -60px;}*/

}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*メイン*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*--トップページ：スライドショー部分の設定--*/
#sliders_box  {
	width: 1020px;
	margin: 20px auto;

}

@media only screen and  (max-width: 640px) {
	#sliders_box  {
	width: 100%;
	margin: 20px auto;
	}
}

/*--.contentsWrap：外枠・背景グレー-----------*/
.contentsWrap {
	width: 700px;
	background: #f2f2f2;
	float: left;
	border-radius: 4px;
	margin-bottom: 50px;
}

@media only screen and  (max-width: 640px) {
	.contentsWrap {
		width: 100%;
		background: #f2f2f2;
		float: left;
		border-radius: 4px;
		margin-bottom: 50px;
	}


}

/*--.contentsWrap：内枠・白＆左上ポイント-----------*/


.mainContents {
	width: 680px;
	margin: 10px auto;
	background: #fff;
	padding: 40px 20px;
	background-image: url(./img/bg_post.gif);
	background-repeat: no-repeat;
	border-radius: 4px;
	border: 1px solid #ccc;
}

@media only screen and  (max-width: 640px) {
	.mainContents {
	width: 98%;
	margin: 10px auto;
	background: #fff;
	padding: 10px;
	background-image: url(./img/bg_post.gif);
	background-repeat: no-repeat;
	border-radius: 4px;
	border: 1px solid #ccc;
	}


}

/*--#main--*/

#main {
    margin: 20px auto;
}

@media only screen and  (max-width: 640px) {
	#main {
		margin: 20px auto;
		width:100%;
	}


}

#main p {
	font-size:1.2em;
}

#main li {
	font-size:1.2em;
}

@media only screen and  (max-width: 640px) {
	
	#main p {
		font-size:1em;
	}

	#main li {
		font-size:1em;
	}

}


/*--トップページ：スライド以下の囲み--*/
.inr {
	width: 100%;
   	margin: 0 auto;
}


/*--トップページ：宮崎県の現状～知事表彰のバナーリンク部分の設定--*/
section.inner_bg_green {
	background: #76C1C4;
	background-image: url(./img/bg_main_title_minna.png);
	width: 100%;
	background-repeat: repeat-x;
	padding-bottom: 30px;
}

@media only screen and  (max-width: 640px) {
	section.inner_bg_green {
		width: 100%;
		background: none;
		background-image:none;
		padding-bottom: 10px;
	}
}


/*--トップページ：みんなの健康づくりリボン部分の設定--*/

div.top_title_img {
	width: 1020px;
	margin: 0px auto;
}

@media only screen and  (max-width: 640px) {

	div.top_title_img {
		width: 100%;
		margin: 0px auto;
	}

}


/*--トップページ：リボン下・宮崎県の現状～知事表彰バナー--*/
#top_bana01_box {
	width: 1020px;
	margin: 0px auto;
}


#top_bana01_box ul.prolist {
	width:100%;
}


#top_bana01_box ul.prolist li {
	width: 25%;
	float:left;
}

@media only screen and  (max-width: 640px) {
	#top_bana01_box {
		width: 100%;
		margin: 0px auto;
	}


	#top_bana01_box ul.prolist {
		width:100%;
		display:table;
	}


	#top_bana01_box ul.prolist li {
		display:table-cell;
	}

}

@media only screen and  (max-width: 480px) {
	#top_bana01_box {
		width: 100%;
		margin: 0px auto;
	}


	#top_bana01_box ul.prolist {
		width:100%;
	}


	#top_bana01_box ul.prolist li {
		width: 50%;
		float:left;
	}

}




/*--重要なお知らせ：表示されるテキストの設定--*/

div.emergency_text {
	background-color: #ffffff;
	padding: 12px;
}

/*--重要なお知らせの囲み--*/
div.top_info_box {
	border: 2px solid #ff0000;
	border-radius: 4px;
}

/*--重要なお知らせの見出し設定--*/
div.top_info_box h3 {
	background-color: #ff0000;
	padding:10px;
}


/*--トップページ：カテゴリーパネル部分の設定--*/

#top_category_box {
	margin: 20px auto 0;
}

#top_category_box ul {
	width:100%;
	margin:0 auto;

}

#top_category_box ul li {
	float: left;
	width: 25%;
	padding: 5px;
	margin-bottom: 5px;
}


@media only screen and  (max-width: 640px) {

	#top_category_box {
		width:100%;
		margin: 20px auto;
	}

	#top_category_box ul {
		width:100%;
		margin: 20px auto;
		text-align:center;

	}

	#top_category_box ul li {
		float:left;
		width:50%;
	}

}






/*--トップページ：ピンク色背景の囲み設定--*/

section.inner_bg_pink {
	background-color:#ffeff6;
	width:100%;
}



div.top_info_box p {
	padding: 10px 0 0 10px;
}



div#top_info-cat_box {
	width: 1020px;
	margin: 0 auto;
	padding: 20px 0;
}

@media only screen and  (max-width: 640px) {

	section.inner_bg_pink {
		background-color:#ffeff6;
		width:100%;
	}



	div.top_info_box p {
		padding: 10px 0 0 10px;
	}



	div#top_info-cat_box {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}

}

/*--トップページ：健康長寿ちゃんねるとSALKOの設定--*/

#top_bana02_box {
    width: 1020px;
    background-color: #effab4;
    margin: 0 auto;
}


#top_bana02_box ul.prolist {
    width: 1020px;
    margin: 20px auto;
    padding: 10px;
}


#top_bana02_box ul.prolist li {
    float: left;
    padding: 5px;
    width: 50%;
}

#top_bana02_box ul.prolist li:last-child {
    padding-right: 0px;
}

@media only screen and  (max-width: 640px) {

	#top_bana02_box {
	    width: 100%;
	    margin: 0 auto;
	}


	#top_bana02_box ul.prolist {
	    width: 90%;
	    margin: 20px auto;
	    padding: 20px 0;
	}


	#top_bana02_box ul.prolist li {
	    padding: 5px;
	    width: 100%;
	}

}
/*--トップページ：横並び外部へのバナー設定--*/

#top_bana03_box {
	width:100%;
	background-color:#fff;
}


#top_bana03_box ul.prolist {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	margin: 0 auto 20px;
	max-width: 1020px;
}




#top_bana03_box ul.prolist li {
	min-width: 20%;
	max-width: 33.3%;
	padding: 3px;
}

ul.prolist li img{
	max-width: 100%;
	height: auto;
}

@media only screen and  (max-width: 640px) {

	#top_bana03_box {
		display:none;
	}


	#top_bana03_box ul.prolist {
		display:none;
	}


	#top_bana03_box ul.prolist li {
		display:none;
	}


}

/*--トップページ:新着情報タイトル--*/
div.title_news {
	background-color:#0075a9;
	border-radius:4px;
	margin:20px auto;
	padding:10px;
}

/*--トップページ：新着情報の表示設定--*/
#top_news_box {
	width:1020px;
	margin: 0 auto;
}

#top_news_box ul.prolist {
	width: 100%;
	border-spacing: 5px;
}

#top_news_box ul.prolist li {
	border: 1px solid #333;
	border-radius: 4px;
	width: 245px;
	background-color: #fff;
	text-align: center;
	padding: 10px;
	float: left;
	margin: 5px;
	position: relative;
}

dt.news_post_img img {
	width: 200px;
	overflow: hidden;
}

dd.news_post_updata {
	font-size: 1em;
	text-align: left;
	margin: 5px 0;
	color: #7d0000;
}

dd.news_post_title {
	font-size:1.2em;
	text-align:left;
	margin-bottom:10px;
	color:#7d0000;
}

dd.news_post_morebtn {
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 200;
    background-color: #999;
    text-decoration: none;
    display: block;
    cursor: pointer;
    width: 100%;
    border: 1px dotted #666;
    margin: 10px 0;
}

dd.news_post_morebtn a {
	color: #000;
	width:100%;
	display:block;
    text-align: center;
    padding: 10px 8px;
	color: #fff;
	text-decoration: none;
}

dd.news_post_morebtn a:hover {
	background: #f2f2f2;
	text-decoration: none;
	color: #000;
}

@media only screen and  (max-width: 640px) {

	#top_news_box {
		width:100%;
		margin: 0 auto;
	}

	#top_news_box ul.prolist {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	#top_news_box ul.prolist li {
		width: 100%;
		background-color: #fff;
		display: block;
		padding: 0;
		margin: 0;
		border: none;
	}

	dt.news_post_img img {
		display:none;
	}

	dd.news_post_updata {
		font-size: 1em;
		color: #7d0000;
	}

	dd.news_post_title {
		font-size:1em;
		color:#7d0000;
	}

	dd.news_post_morebtn {
		display:none;
	}

	dd.news_post_morebtn a {
		color: #000;
		width:100%;
		display:block;
	    text-align: center;
	    padding: 10px 8px;
		color: #fff;
	}

	dd.news_post_morebtn a:hover {
		background: #f2f2f2;
		text-decoration: none;
		color: #000;
	}
}









/*--トップページ：新着情報一覧へのボタン設定--*/
div.btn_news_acv {
	width:100%;
	margin:20px auto;
	text-align:right;
}

@media only screen and  (max-width: 640px) {
	div.btn_news_acv {
		width:90%;
		margin:10px auto;
		text-align:right;
	}

}

/*--固定ページ：ベジ活応援店：googlemapの表示--*/

div#map {
	width:630px;
	height:350px;
}

@media only screen and  (max-width: 640px) {
	div#map {
		width:80%;
		height:100px;
	}

}


/*--固定ページ：プラグイン「wp_pagenavi」の表示--*/
.wp_pagenavi_box {
	margin:20px auto;
}

/*--固定ページ：ベジ活レシピ：投稿した写真の横並び部分の設定--*/

ul.menu_photo {
	margin:20px auto;
	clear:both;	
}

/*--固定ページ：感染症ページ&歯と口の健康・電話番号の設定と栄養素表--*/
dl.dl_list {
	font-size: 1.2em;
	margin: 20px auto;
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 4px;
}


dl.dl_list dt{  
	padding-top: 5px;
	padding-bottom: 5px;
	width: 25%;
	float: left;
	clear: both;
}
 
dl.dl_list dd{    
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 120px;
}

/*--BMIの表示設定--*/

p#bmiError{
	text-align: center;
	color: red;
}

/*--ボタン：BMIを計算--*/
.btn_c {
	text-align:center;
	margin:10px auto;
	width:600px;
}

@media only screen and  (max-width: 640px) {
	.btn_c {
		text-align:center;
		margin:10px auto;
		width:100%;
	}

}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*サイドの設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

.sideWrap {
	width: 300px;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	border-radius: 4px;
}

.mainSide {
	width: 280px;
	margin: 10px auto;
	background: #fff;
}


@media only screen and  (max-width: 640px) {
	.sideWrap {
		width:100%;
		background: #f2f2f2;
		margin-right: 20px;
		border-radius: 4px;
		display:none;
	}

	.mainSide {
		width: 100%;
		margin: 10px auto;
		background: #fff;
	}


}




/*--サイド：健康長寿推進会議等３つのリンク--*/

#s-nav01 {
	width: 280px;
	height: 200px;
	clear: both;
	background-image: url(./img/bg_s_nav01.jpg);
	margin: 0 auto 20px;
}

#s-nav01 ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	height: 200px;
}

#s-nav01 li{
  text-indent: -9999px;
  float:left;
  margin: 0;
  padding: 0;
}

#s-nav01 li#menu1,
#s-nav01 li#menu3 {
height:70px;
}

#s-nav01 li#menu2 {
height:60px;
}


#s-nav01 #menu1 a,
#s-nav01 #menu3 a
 {
  display: block;
  height:70px;
  width: 280px;
  background-image: url(./img/bg_s_nav01.jpg);
  background-repeat: no-repeat;
}

#s-nav01 #menu2 a {
  display: block;
  height: 60px;
  width: 280px;
  background-image: url(./img/bg_s_nav01.jpg);
  background-repeat: no-repeat;
}


#s-nav01 #menu1 a{background-position: 0 0;}
#s-nav01 #menu2 a{background-position: 0 -70px;}
#s-nav01 #menu3 a{background-position: 0 -130px;}




#s-nav01 a:hover{
  background-image: url(./img/bg_s_nav01.jpg);
  background-repeat: no-repeat;
}

#s-nav01 #menu1 a:hover{background-position: -280px -0;}
#s-nav01 #menu2 a:hover{background-position: -280px -70px;}
#s-nav01 #menu3 a:hover{background-position: -280px -130px;}

@media only screen and  (max-width: 640px) {
	#s-nav01 {
		width: 100%;
		height: auto;
		clear: both;
		background-image: url(./img/bg_s_nav01.jpg);
		margin: 0 auto 20px;
	}

	#s-nav01 ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		height: 200px;
	}

	#s-nav01 li{
		text-indent: -9999px;
		float:left;
		margin: 0;
		padding: 0;
	}

	#s-nav01 li#menu1,
	#s-nav01 li#menu3 {
		height:70px;
	}

	#s-nav01 li#menu2 {
		height:60px;
	}


	#s-nav01 #menu1 a,
	#s-nav01 #menu3 a
	 {
		display: block;
		height:70px;
		width: 280px;
		background-image: url(./img/bg_s_nav01.jpg);
		background-repeat: no-repeat;
	}

	#s-nav01 #menu2 a {
		display: block;
		height: 60px;
		width: 280px;
		background-image: url(./img/bg_s_nav01.jpg);
		background-repeat: no-repeat;
	}


	#s-nav01 #menu1 a{background-position: 0 0;}
	#s-nav01 #menu2 a{background-position: 0 -70px;}
	#s-nav01 #menu3 a{background-position: 0 -130px;}




	#s-nav01 a:hover{
	  background-image: url(./img/bg_s_nav01.jpg);
	  background-repeat: no-repeat;
	}

	#s-nav01 #menu1 a:hover{background-position: -280px -0;}
	#s-nav01 #menu2 a:hover{background-position: -280px -70px;}
	#s-nav01 #menu3 a:hover{background-position: -280px -130px;}

}





/*--サイド：健康づくり--*/

#s-nav02 {
	clear: both;
	background: #d66440;
	padding: 10px;
	margin: 0 auto 20px;
}

#s-nav02 ul{
	background: #fff;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

#s-nav02 li{
  margin: 0;
  padding: 0;
}

#s-nav02 li:not(:last-child){
	border-bottom: 1px solid #000;
}

#s-nav02 li a{
	display: block;
	width: 100%;
	padding: 15px 10px;
	background: #fff;
}

#s-nav02 li a:hover{background: #fff79a;}

@media only screen and  (max-width: 640px) {
	#s-nav02 {
		width: 280px;
		height: 560px;
		clear: both;
		background-image: url(./img/bg_s_nav02.png);
		margin: 0 auto 20px;

	}

	#s-nav02 ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		height: 560px;
	}

	#s-nav02 li{
		text-indent: -9999px;
		float:left;
		margin: 0;
		padding: 0;
	}

	#s-nav02 li#menu1,
	#s-nav02 li#menu9 {
		height:70px;
	}

	#s-nav02 li#menu2,
	#s-nav02 li#menu3,
	#s-nav02 li#menu4,
	#s-nav02 li#menu5,
	#s-nav02 li#menu6,
	#s-nav02 li#menu7,
	#s-nav02 li#menu8 {
		height:60px;
	}


	#s-nav02 #menu1 a,
	#s-nav02 #menu9 a
	 {
		display: block;
		height: 70px;
		width: 280px;
		background-image: url(./img/bg_s_nav02.png);
		background-repeat: no-repeat;
	}

	#s-nav02 #menu2 a,
	#s-nav02 #menu3 a,
	#s-nav02 #menu4 a,
	#s-nav02 #menu5 a,
	#s-nav02 #menu6 a,
	#s-nav02 #menu7 a,
	#s-nav02 #menu8 a {
		display: block;
		height: 60px;
		width: 280px;
		background-image: url(./img/bg_s_nav02.png);
		background-repeat: no-repeat;
	}


	#s-nav02 #menu1 a{background-position: 0 0;}
	#s-nav02 #menu2 a{background-position: 0 -70px;}
	#s-nav02 #menu3 a{background-position: 0 -130px;}
	#s-nav02 #menu4 a{background-position: 0 -190px;}
	#s-nav02 #menu5 a{background-position: 0 -250px;}
	#s-nav02 #menu6 a{background-position: 0 -310px;}
	#s-nav02 #menu7 a{background-position: 0 -370px;}
	#s-nav02 #menu8 a{background-position: 0 -430px;}
	#s-nav02 #menu9 a{background-position: 0 -490px;}



	#s-nav02 a:hover{
		background-image: url(./img/bg_s_nav02.png);
		background-repeat: no-repeat;
	}

	#s-nav02 #menu1 a:hover{background-position: -280px -0;}
	#s-nav02 #menu2 a:hover{background-position: -280px -70px;}
	#s-nav02 #menu3 a:hover{background-position: -280px -130px;}
	#s-nav02 #menu4 a:hover{background-position: -280px -190px;}
	#s-nav02 #menu5 a:hover{background-position: -280px -250px;}
	#s-nav02 #menu6 a:hover{background-position: -280px -310px;}
	#s-nav02 #menu7 a:hover{background-position: -280px -370px;}
	#s-nav02 #menu8 a:hover{background-position: -280px -430px;}
	#s-nav02 #menu9 a:hover{background-position: -280px -490px;}

}


/*--サイド：いきがいづくり--*/
#s-nav03 {
	width: 280px;
	height: 80px;
	clear: both;
	background-image: url(./img/bg_s_nav03.jpg);
	margin: 0 auto 20px;

}

#s-nav03 ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	height: 80px;
}

#s-nav03 li{
  text-indent: -9999px;
  float:left;
  margin: 0;
  padding: 0;
}

#s-nav03 li#menu1 {
height:80px;
}

#s-nav03 li#menu1 {
height:80px;
}

#s-nav03 #menu1 a {
  display: block;
  height: 70px;
  width: 280px;
  background-image: url(./img/bg_s_nav03.jpg);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}

#s-nav03 a:hover{
  background-image: url(./img/bg_s_nav03.jpg);
  background-repeat: no-repeat;
}

#s-nav03 #menu1 a:hover{background-position: -280px -0;}



@media only screen and  (max-width: 640px) {
	#s-nav03 {
		width: 280px;
		height: 80px;
		clear: both;
		background-image: url(./img/bg_s_nav03.jpg);
		margin: 0 auto 20px;

	}

	#s-nav03 ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		height: 80px;
	}

	#s-nav03 li{
		text-indent: -9999px;
		float:left;
		margin: 0;
		padding: 0;
	}

	#s-nav03 li#menu1 {
		height:80px;
	}

	#s-nav03 li#menu1 {
		height:80px;
	}

	#s-nav03 #menu1 a {
		display: block;
		height: 70px;
	  width: 280px;
	  background-image: url(./img/bg_s_nav03.jpg);
	  background-repeat: no-repeat;
	}

	#menu1 a{background-position: 0 0;}

	#s-nav03 a:hover{
	  background-image: url(./img/bg_s_nav03.jpg);
	  background-repeat: no-repeat;
	}

	#s-nav03 #menu1 a:hover{background-position: -280px -0;}


}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッターの設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*--フッター：ページの先頭へ戻るの設定--*/

div#to-top {
	background-color: #eeeeee;
	text-align: center;
	clear: both;
}

div#to-top a:link {
	background-color: #eeeeee;
	padding: 8px 0;
	text-align: center;
	width: 100%;
	float: right;
	margin-bottom: 20px;
}

div#to-top a:hover {
	background-color: #ccc;
	text-decoration: none;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*--フッター--*/

#footer {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}

@media only screen and  (max-width: 640px) {
	#footer {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
	}
}



/*--フッター：テキストリンクの設定--*/
#f_inbox {
	width: 1020px;
    margin: 20px auto;
}

.f_l_box {
    float: left;
    width: 201px;
}

.f_r_box {
       margin-left: 250px;
    /* float: left;*/
}

div.f_textlogo_box {
	margin-bottom: 30px;
}

div.f_textlink_box {
	display: table;

}


div.f_textlink_box ul {
	float:left;
	margin-right:10px;
	display: table-cell;

}


div.f_textlink_box ul li {
	font-size: 12px;
/*	background-image: url(img/point_li_01.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	margin-bottom: 1.4em;
}

div.f_textlink_box ul li:before {
	content: "●　"
}

/*--フッター：コピーライト--*/
div.copy {
    padding: 30px 0;
    margin: ;
    text-align: center;
    background-color: #f19149;
    font-size: 12px;
}


div.copy a {
	color:#fff;
}

@media only screen and  (max-width: 640px) {
	#f_inbox {
		width: 100%;
		margin: 20px auto;
	}

	.f_l_box {
		width:100%;
		margin:10px auto;
		text-align:center;

	}

	.f_r_box {
		width:100%;
		margin:10px auto;

	}

	div.f_textlogo_box {
		width:100%;
		text-align:center;
		margin: 10px auto;

	}

	div.f_textlink_box {
		    display: block;
		padding: 10px;
		width: 100%;
	}


	div.f_textlink_box ul {
		display: inline-block;
		width: 43%;
		float: none;
		vertical-align: top;
	}


	div.f_textlink_box ul li {
		font-size: 1em;
		margin-bottom: 1em;
	}

	div.f_textlink_box ul li:before {
	}

	/*--フッター：コピーライト--*/
	div.copy {
		padding: 20px;
		text-align: center;
		background-color: #f19149;
	}
	div.copy a {
		color:#fff;
		font-size: 0.8em;
	}
}





/*------------------------------------------------------------*/
/*--固定ページ-----------*/
/*------------------------------------------------------------*/


.mainContents a{text-decoration: underline;}
.mainContents a:hover{text-decoration: none;}

/*--固定ページ：キャッチコピー部分の設定：水色花柄ボックス--*/
.title_point {
	width:100%;
	border:3px solid #7ecef4;
	border-radius:4px;
	background-image: url(./img/bg_title_post.png);
	background-repeat: no-repeat;
	text-align:center;
	padding:20px;
	font-size:1.4em;
	margin: 20px auto;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.title_point_tl {
	width:100%;
	border:3px solid #7ecef4;
	border-radius:4px;
	background-image: url(./img/bg_title_post.png);
	background-repeat: no-repeat;
	text-align:left;
	padding:20px;
	font-size:1.4em;
	margin: 20px auto;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media only screen and  (max-width: 640px) {
	.title_point_tl {
		width:100%;
		border:3px solid #7ecef4;
		border-radius:4px;
		background-image: url(./img/bg_title_post.png);
		background-repeat: no-repeat;
		text-align:left;
		padding:20px;
		font-size:1.2em;
		margin: 20px auto;
		font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

/*--投稿の一覧：イベントカレンダー、レシピ、カテゴリー別の表示--*/
ul.list_box {
	width: 100%;
}

ul.list_box li {
	margin: 0!important;
	text-indent: 0!important;
	text-align: center;
	width: 32%;
	padding: 0 5px 10px!important;
	display: inline-block;
	vertical-align: top;
}

dl.cal_list_dl {
	background: #EFE3D1;
	padding: 15px 10px;
}

dl.cal_list_dl dt {
	margin-bottom:10px;
}

dl.cal_list_dl dt img {
	width:100%;
	border-radius:4px;
}

dl.cal_list_dl dd {
	background: #;
	margin-bottom:10px;
	padding: 5px;
	font-size: 1em;
}

dl.cal_list_dl dd span {
	padding: 5px;
	font-weight: 700;
}

dl.cal_list_dl dd.excerpt {
	background: #fff;
	padding: 5px;
	text-align: left;
	font-size: 0.9em;
}


@media only screen and  (max-width: 640px) {
	ul.list_box {
		width: 100%;
	}

	ul.list_box li {
		margin: 0!important;
		text-indent: 0!important;
		text-align: center;
		width: 100%;
		padding: 0 5px 10px!important;
		display: inline-block;
		vertical-align: top;
	}

	dl.cal_list_dl {
		background: #EFE3D1;
		padding: 15px 10px;
	}

	dl.cal_list_dl dt {
		margin-bottom:10px;
	}

	dl.cal_list_dl dt img {
		width:100%;
		border-radius:4px;
	}

	dl.cal_list_dl dd {
		background: #;
		margin-bottom:10px;
		padding: 5px;
		font-size: 1em;
	}

	dl.cal_list_dl dd span {
		padding: 5px;
		font-weight: 700;
	}

	dl.cal_list_dl dd.excerpt {
		background: #fff;
		padding: 5px;
		text-align: left;
		font-size: 0.9em;
	}
}




/*--固定ページ：お問い合わせ表示の設定--*/

#contact_box {
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 20px;
}

#contact_box dl {
	padding:;
}

#contact_box dl dt {
	width: ;
	font-size: 14px;
	font-weight: 700;
}

#contact_box dl dd {
	padding:10px 0;
	margin-bottom:20px;
}

#contact_box dl dt span {
	margin-right: 10px;
	color: #fff;
	font-size: 12px;
	background-color: #de1000;
	border-radius: 4px;
	padding: 2px 5px;
}


#contact_box dl input,
textarea,
select {
	border:1px solid #999;
	padding:10px;
	color:#666;
	margin-bottom:10px;
	border-radius:4px;
}


.submit_btn {
	margin: 0 auto 20px;
	text-align: center;
}

#contact_submit {
	padding:20px;
	border-radius:4px;
	border:none;
	background-color:#009E96;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 700;
	color:#fff;
	text-align:center;
}

@media only screen and  (max-width: 640px) {
	#contact_box {
	    margin: 0 auto;
	    border-radius: 4px;
	    border: 1px solid #ccc;
	    padding: 20px;
	}

	#contact_box dl {
		padding:;
	}

	#contact_box dl dt {
		width: ;
		font-size: 14px;
		font-weight: 700;
	}

	#contact_box dl dd {
		padding:10px 0;
		margin-bottom:20px;
	}

	#contact_box dl dt span {
		margin-right: 10px;
		color: #fff;
		font-size: 12px;
		background-color: #de1000;
		border-radius: 4px;
		padding: 2px 5px;
	}


	#contact_box dl input,
	textarea,
	select {
		border:1px solid #999;
		padding:10px;
		color:#666;
		margin-bottom:10px;
		border-radius:4px;
		width:100%;
	}


	.submit_btn {
		margin: 0 auto 20px;
		text-align: center;
	}

	#contact_submit {
		padding: 20px 5px;
		border-radius: 4px;
		border: none;
		background-color: #009E96;
		font-size: 16px;
		letter-spacing: 3px;
		font-weight: 700;
		color: #fff;
		text-align: center;
		width: 100%;
		font-size: 0.8em;
	}
}
/*--固定ページ:塩分チェック--*/

table#salt_box td    {
text-align: center;
    padding: 5px;
}

div.caption_txt {
    font-size: 14px;
    opacity: 0.6;
    text-align: center;
    color: #fff;
    background-color: #000;
}

figure {
	position: relative;
	overflow: hidden;
	width: 110px;
}
figcaption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
figure:hover figcaption {
	top: 0;
	left: 0;
}

/*固定ページ:歯と口の健康・栄養素の横並び表--*/
dl.point_list { 
    margin:0 auto 20px;
}

dl.point_list dt{  
    background-color: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    width: 35%;
    float: left;
    clear: both;
    border-left: 5px solid #EB8F00;
}
 
dl.point_list dd{    
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    padding-bottom: 8px;
    padding-top: 8px;
    margin-left: 40%;
    margin-bottom: 8px;
}




/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*--投稿ページ-----------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*--トピックスページ：投稿一覧--*/
#news_box {
	border:1px solid #ccc;
	padding:20px;
	margin:20px auto;
	border-radius: 4px;
}

dl.new_topics {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #e7e7e7;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}

dl.new_topix dt {
	float: left;
	margin-right: 20px;
	width: 220px
}

dl.new_topix dd {
	width: 320px;
	float: right;
}

.blog-data {
	margin-bottom:10px;
}

.blog-title {
	font-size: 1.2em;
	letter-spacing: 3px;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog-title a {
	color: #019E97;
}


.blog-text {
	margin-bottom:20px;
}

.blog-img {
	float: left;
	margin-right: 30px;
}

.blog-img img {
	width: 220px;
	overflow: hidden;
}

.blog-detail {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 200;
	background-color: #f2f2f2;
	text-decoration: none;
	display: block;
	cursor: pointer;
	width: 200px;
	border: 2px solid #019E97;
	margin: 10px 0;
	float: right;
}

.blog-detail a {
	color: #019E97;
	width:100%;
	display:block;
	text-align: center;
	padding: 10px 8px;
}

.blog-detail a:hover {
	background: #019E97;
	text-decoration: none;
	color: #fff;
}

@media only screen and  (max-width: 640px) {
	/*--トピックスページ：投稿一覧--*/
	#news_box {
		border:1px solid #ccc;
		padding:20px;
		margin:20px auto;
		border-radius: 4px;
	}

	dl.new_topics {
		display: table;
		table-layout: fixed;
		width: 100%;
		padding: 10px 0;
		border-bottom: 2px solid #e7e7e7;
		vertical-align: top;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	#news_box {
		border: none;
		padding:10px;
		margin:10px auto;
		border-radius: 4px;
	}
	.blog-img {
		border: 1px solid #ccc;
		margin: 0 auto 10px auto;
		border-radius: 4px;
		padding: 5px;
		float:none;
	}

	.blog-img img {
		border-radius:4px;
		border-radius: 4px;
		width: 100%;
		height: auto;
	}

	.blog-detail {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 200;
		background-color: #f2f2f2;
		text-decoration: none;
		display: block;
		cursor: pointer;
		width: 100%;
		border: 2px solid #019E97;
		margin: 10px auto;
	}

	.blog-detail a {
		color: #019E97;
		width:100%;
		display:block;
		text-align: center;
		padding: 10px 8px;
	}

	.blog-detail a:hover {
		background: #019E97;
		text-decoration: none;
		color: #fff;
	}

}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*文字の装飾*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*--見出しの装飾:h1--*/
.mainContents h1 {
    margin: 20px 0 40px;
    font-size: 2em;
    position: relative;
    text-align: center;
}
.mainContents h1 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
    color: #0075a9;
}
.mainContents h1::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0075a9;
}

@media only screen and  (max-width: 640px) {
	.mainContents h1 {
	    margin: 20px 0 40px;
	    font-size: 1.2em;
	    position: relative;
	    text-align: center;
	}
	.mainContents h1 span {
	    position: relative;
	    z-index: 2;
	    display: inline-block;
	    margin: 0 2.5em;
	    padding: 0 1em;
	    background-color: #fff;
	    text-align: left;
	    color: #0075a9;
	}
	.mainContents h1::before {
	    position: absolute;
	    top: 50%;
	    z-index: 1;
	    content: '';
	    display: block;
	    width: 100%;
	    height: 2px;
	    background-color: #0075a9;
	}
}




/*--見出しの装飾:h2--*/

.mainContents h2 {
	font-size: 20px;
	position: relative;
	padding-top: .5em;
	border-top: 4px solid #ccc;
	margin: 30px 0 20px;
	color: #000;
}

.mainContents h2::after {
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #009E96;
}


@media only screen and  (max-width: 640px) {
	.mainContents h2 {
		font-size: 1.4em;
		position: relative;
		padding-top: .5em;
		border-top: 4px solid #ccc;
		margin: 30px 0 20px;
		color: #000;
	}

	.mainContents h2::after {
		position: absolute;
		top: -4px;
		left: 0;
		z-index: 2;
		content: '';
		width: 20%;
		height: 4px;
		background-color: #009E96;
	}
}


/*--見出しの装飾:h3--*/

.mainContents h3 {
position: relative;
    background-color: #F19149;
    padding: 10px;
    font-size: 18px;
    margin: 20px 0 30px 0;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
}


.mainContents h3:before {
content: "";
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-top: 10px solid #F19149;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}


@media only screen and  (max-width: 640px) {
	.mainContents h3 {
		position: relative;
		background-color: #F19149;
		padding: 10px;
		font-size: 1.2em;
		margin: 20px 0 30px 0;
		font-weight: bold;
		color: #fff;
		border-radius: 4px;
	}


	.mainContents h3:before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 30px;
		width: 0;
		height: 0;
		border-top: 10px solid #F19149;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}


}


/*--見出しの装飾:h4--*/

.mainContents h4 {
font-size: 1.4em;
    border-bottom: 2px solid #EB6877;
    margin-bottom: 0.5em;
    text-align: justify;
    letter-spacing: 0.05em;
    color: #dd0000;
    font-weight: 700;

}





@media only screen and  (max-width: 640px) {
	font-size: 1.2em;
	    border-bottom: 2px solid #EB6877;
	    margin-bottom: 10px;
	    text-align: justify;
	    letter-spacing: 0.5em;
	    color: #dd0000;
	    font-weight: 700;

	}
}


/*--見出しの装飾:h5--*/

.mainContents h5 {
	font-size: 16px;
	color: #ec6941;
	font-weight: 700;
}

/*--h5:青--*/
.mainContents h5.b-title {

	color:#009ED2;
}
/*--h5:黒--*/
.mainContents h5.bl-title {

	color:#000000;
}

.mainContents h5.h5_02 {
	font-size: 1rem;
    border-bottom: 2px solid #EB6877;
    margin-bottom: 0.5em;
    text-align: justify;
    letter-spacing: 0.05em;
    color: #dd0000;
    font-weight: 700;
}


/*--見出しの装飾:h6--*/

.mainContents h6 {
	font-size: 16px;
	margin: 30px 0 10px;
	color: #000;
	font-weight: 700;
}

h6.bl-title {
	font-size:1em;

}

.mainContents h6.h6_02 {
	border-bottom: 2px solid #ccc;
}

.mainContents .h_num {
	font-size: 16px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    text-align: justify;
    letter-spacing: 0.05em;
    color: #000;
    font-weight: 700;
    padding: 16px 0;
    padding-left: 60px;
    position: relative;
}
.mainContents .h_num:before {
	content: "";
	width: 50px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-repeat: no-repeat!important;
	background-position: left top!important;
}
.mainContents .h_num.num1:before {
	background: url("img/hnum_01.gif");
}
.mainContents .h_num.num2:before {
	background: url("img/hnum_02.gif");
}
.mainContents .h_num.num3:before {
	background: url("img/hnum_03.gif");
}

/*固定ページ内の「お問い合わせ」オレンジ色見出し*/
.contact_us {
    font-size: 1.6em;
    margin-bottom: 20px;
    color: #ec6941;
    font-weight: 700;
    border-left: 5px solid #ec6941;
    padding-left: 10px;
}

/*--フォント設定--*/

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-weight: normal;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/*--文字サイズ--*/
.large {
	    font-size: 120%;
}

.small {
	font-size:0.9em !important;
}

.bold {
	font-weight: bold;
}


@media only screen and  (max-width: 640px) {
	.large {
		    font-size: 1.2em;
	}

	.small {
		font-size:0.6em !important;
	}
}

/*--文字色--*/

.red {
	color:#e60012;
}
.orange {
	color:#ec6941;
}
.blue {
	color:#003567;
}



/*--テキストインデント--*/

.indent {
	text-indent: 1.2em;
}


/*--ul：丸付きリスト--*/

ul.circle_point {
	margin: 0 0 20px 30px;
	
}

ul.circle_point li {
	line-height: 1.8;
	text-indent: -1.4em;
    text-decoration: none;
}


ul.circle_point li:before {
	content: "● "
	
}

/*固定ページ：知事表彰の功績概要部分*/
ul.circle_point li ul li:before {
	content: ""
	
}

ul.circle_point li ul li{
	line-height: 1.8;
	text-indent: 1em;
	text-decoration: none;
}


/*--ol：番号付きリスト--*/
ol.number_point {
	margin: 0 0 20px 20px;
	
}

ol.number_point li {
	line-height: 1.8;
	counter-increment: num;
	text-indent: -1em;
	font-size:1.2em;
}

ol.number_point li:before {
	content: " " counter(num) "  ";
}

/*ベジ活レシピの作り方*/
div.recipe ol {
	margin: 0 0 20px 20px;
	
}

div.recipe ol li {
	line-height: 1.8;
	counter-increment: num;
	text-indent: -1em;
	font-size:1.2em;
}

div.recipe ol li:before {
	content: " " counter(num) "  ";
}

/*--固定ページ：オフィス系のアイコン表示--*/
.office_box {
    width: 100%;
    border-bottom: 1px dotted #666;
    font-size: 1.2em;
    clear: both;
}


/*--PDFのアイコン表示--*/


div.pdf_icon {
    background: url(./img/icon_pdf.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}


/*a[href $='.pdf']	{
    background: url(./img/icon_pdf.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}*/

/*a[href $='.pdf']:hover	{
	text-decoration: underline;

}*/

/*--ワードのアイコン表示--*/
a[href $='.doc']	{
    background: url(./img/icon_word.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}

a[href $='.doc']:hover	{
	text-decoration: underline;
}

a[href $='.docx']	{
    background: url(./img/icon_word.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}

a[href $='.docx']:hover	{
	text-decoration: underline;
}


/*--エクセルのアイコン表示--*/
a[href $='.xls']	{
    background: url(./img/icon_excel.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}

a[href $='.xls']:hover	{
	text-decoration: underline;
}

a[href $='.xlsm']	{
    background: url(./img/icon_excel.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}

a[href $='.xlsm']:hover	{
	text-decoration: underline;
}

a[href $='.xlsx']	{
    background: url(./img/icon_excel.gif) no-repeat center left;
    margin: 0;
    padding: 8px 0 8px 30px;
    color: #167AC6;
    text-decoration: none;
    display: block;
}

a[href $='.xlsx']:hover	{
	text-decoration: underline;
}



/*--背景色の設定--*/
.bg_blue {
	font-weight: 700;
	color: #fff;
	background: #009ED2;
}

.bg_sky {
	font-weight: 700;
	color:#231B1B;
	background: #7FCCE7;
}

.bg_yellow {
	font-weight: 700;
	color:#231B1B;
	background: #FFEE52;
}

.bg_orange {
	font-weight: 700;
	color:#231B1B;
	background: #F09648;
}

.bg_red {
	font-weight: 700;
	color:#fff;
	background: #E60012;
}

.bg_wine {
	font-weight: 700;
	color:#fff;
	background: #C11920;
}

.bg_pink {
	font-weight: 700;
	color:#fff;
	background: #F189B7;
}

/*ロコモティブ進行表*/


.bg_locomo_01 {
    background: #E8F1F7;
}

.bg_locomo_01 th {
    background: #68C9F2;
	color:#fff;
}


.bg_locomo_02 {
    background: #C4E6F9;
}

.bg_locomo_02 th {
    background: #4F97B6;
	color:#fff;
}

.bg_locomo_03 {
    background: #F2F9E6;
}
.bg_locomo_03 th {
    background: #98D3C9;
	color:#fff;
}

.bg_locomo_04 {
    background: #FFFCC6;
}
.bg_locomo_04 th {
    background: #BCA10E;
	color:#fff;
}

.bg_locomo_05 {
    background: #FFDA88;
}
.bg_locomo_05 th {
    background: #F28F00
;
	color:#fff;
}

.bg_locomo_06 {
    background:#F39C9C;
}
.bg_locomo_06 th {
    background: #E63E0D;
	color:#fff;
}

/*--いきがいづくりページ：受賞者名前部分の設定--*/
.senior_name {
	font-size:18px;
	border-left:5px solid #F19149;
	padding-left:20px;
	margin-bottom:10px;	
}


/*--タイトルに王冠のイラストを表示：金色--*/
.crown_1 {
    background: url(./img/crown_1.png) no-repeat center left;
    margin: 0;
    padding: 5px 0 0px 30px;
    color: #167AC6;
    text-decoration: none;
}

/*--タイトルに王冠のイラストを表示：銀色--*/
.crown_2 {
    background: url(./img/crown_2.png) no-repeat center left;
    margin: 0;
    padding: 5px 0 0px 30px;
    color: #167AC6;
    text-decoration: none;}

/*--保健所市役所等のビルのイラストを表示--*/
.bills {
	background: url(./img/office.png) no-repeat center left;
	margin: 0;
	padding: 5px 0 0px 40px;
	color: #167AC6;
	text-decoration: none;
}

/*--タイトルにチェックボックスのイラストを表示：チェックボックス--*/
.checklist {
    background: url(./img/checklist.png) no-repeat center left;
    margin: 0;
    padding: 5px 0 5px 40px;
    color: #167AC6;
    text-decoration: none;
}

/*--タイトルにレ点チェックボックスのイラストを表示：ロコモのcheck部分--*/

.checklist7 {
	background: url(./img/check.png) no-repeat center left;
	margin: 40px 0 0 0;
	padding: 5px 0 5px 50px;
	color: #167AC6;
	float: left;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
}

ul.check_list {
	margin-bottom:10px;
}

ul.check_list li {
    background: url(./img/check.png) no-repeat center left;
    margin: 0;
    padding: 5px 0 0px 50px;
    color: #167AC6;
    text-decoration: none;
    font-size: 1.2em;
}


ul.check_list li:before {
	content: none;
	
}


/*--グラフのタイトル--*/
.g_title {
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding: 0 0 8px;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #f19149;
    width: 90%;
    margin: 0px auto 10px;
}

/*--緑色のボックス--*/

.green_box {
    margin: 20px auto 30px;
    border: 2px solid #a4c48a;
    padding: 20px 20px 0;
    border-radius: 4px;
}


/*--灰色のボックス--*/

.gray_box {
    margin: 20px auto 30px;
    border: 2px solid #666;
    padding: 20px 20px 0;
    border-radius: 4px;
}

/*--ピンク色のボックス--*/

.pink_box {
    margin: 10px auto;
    border: 2px solid #FF559B;
        padding: 20px 0 0 20px;
    border-radius: 4px;
    color: #FF227D;
}

/*--ピンク色のボックス--*/

.pink_nt_box {
    margin: 10px auto;
    border: 2px solid #FF559B;
        padding: 20px 0 0 20px;
    border-radius: 4px;
}

/*--赤色のボックス--*/

.red_box {
	margin: 10px auto;
	border: 2px solid red;
        padding: 20px 0 0 20px;
	border-radius: 4px;
	color: red;
}

/*--青色のボックス--*/

.blue_box {
    margin: 20px auto 30px;
    border: 2px solid #0075a9;
    padding: 20px 20px 0;
    border-radius: 4px;

}

.orange_box{
    margin: 20px auto 30px;
    border: 2px solid #F19149;
    padding: 20px 20px 0;
    border-radius: 4px;

}
/*--青色のボックス：ロコモページの外部リンク用--*/

.blue_box_bg {
    margin: 20px auto 30px;
    border: 2px solid #0075a9;
    padding: 20px 20px 0;
    border-radius: 4px;
	background-image: url(./img/bg_g.jpg);

}


/*--出典--*/
.note {
	vertical-align:super;
	font-size: 0.8em;
	font-weight: 700;
}

/*--出典--*/

.source_box {
	padding: 0 0 10px;
	clear:both
}

/*--固定ページ：画像の横並びボックス--*/
div.post_in_box {
	width:100%;
	display:table;
	border-spacing: 10px;
	margin-bottom:20px;
}

div.post_in_l_box_50 {
	width:50%;
	display:table-cell;
    vertical-align: top;
}

div.post_in_r_box_50 {
	width:50%;
	display:table-cell;
    vertical-align: top;
}

@media only screen and  (max-width: 640px) {
	div.post_in_box {
		width:100%;
		margin:10px auto;
	}

	div.post_in_l_box_50 {
		width:100%;
		clear:both;
		display:block;
	}

	div.post_in_r_box_50 {
		width:100%;
		clear:both;
		display:block;

	}
}




/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ページ内リンクボタンの装飾設定*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*--ボタン：ページ内リンクボタンの囲み--*/
.button-content {
	width: 100%;
	margin: 10px auto 30px;
	text-align: center;
}

/*--固定ページ：歯と口の健康「緑色のページ内アンカー」--*/
.block{
	display: table;
	margin: 20px auto;
	border-spacing: 2px;
	border-radius: 4px;
	border-collapse: separate;
}

.block__element {
	font-weight: 700;
}

.block > .block__element,
.block > a{
	display: table-cell;
	width: 160px;
	padding: 9px;
	border: 1px solid #21770C;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	border-collapse: separate;
	color: #21770C;
	background: #fff;
	text-decoration: none;
	font-size: 1em !important;
}

.block > a:hover{
	background: #21770C;
	color:#fff;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.block2 { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;
	gap: 1%;
	margin: 20px auto;
}

.block2 > .block__element,
.block2.box2 > a {margin-bottom: 10px;}

.block2.box2 > .block__element,
.block2.box2 > a {width: 49.5%;}

.block2.box3 > .block__element,
.block2.box3 > a {width: 32.6%;}

.block2.box4 > .block__element,
.block2.box4 > a {width: 24.25%;}


.block2 a{
	display: block;
	padding: 18px 9px;
	border: 1px solid #21770C;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	border-collapse: separate;
	color: #21770C;
	background: #fff;
	text-decoration: underline;
	height: 100%;
}

.block2 > a:hover{
	background: #21770C;
	color:#fff;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.mar0 {margin-bottom: 0;}
.mar1 {margin-bottom: 1rem;}
.mar2 {margin-bottom: 2rem;}
.mar3 {margin-bottom: 3rem;}
.mar4 {margin-bottom: 4rem;}
.mar5 {margin-bottom: 5rem;}



.panel_box { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;gap: 1%; }

.panel_box > div > * { width: 100%; }

.panel_box.box2 > div { width: 49.5%; }

.panel_box.box3 > div { width: 32.6%; }

.panel_box.box4 > div { width: 24.25%; }

@media screen and (max-width: 560px) { .panel_box { /*SP*/ }
  .panel_box.box2 div, .panel_box.box3 div, .panel_box.box4 div { width: 100%; } }



/*--固定ページ：青色リンクボタン--*/
.btn_page {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	background-color: #fff;
	text-decoration: none;
	cursor: pointer;
	width: 48%;
	border: 1px solid #0075a9;
	margin: 2px;
	display: inline-block;
}

.btn_page a {
	color: #0075a9;
	width:100%;
	display:block;
	text-align: center;
	padding: 20px 8px;
	text-decoration: none;
	background: #fff;
}

.btn_page a:hover {
	background: #0075a9;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media only screen and  (max-width: 640px) {
	.btn_page {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 600;
		background-color: #fff;
		text-decoration: none;
		cursor: pointer;
		width: 80%;
		border: 1px solid #0075a9;
		margin: 10px auto;
		display:block;
	}

	.btn_page a {
		color: #0075a9;
		width:100%;
		display:block;
		text-align: center;
		padding: 10px 8px;
		background: #fff;
	}

	.btn_page a:hover {
		background: #0075a9;
		text-decoration: none;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}


/*ベジ活応援店 エリア別ページ　エリア一覧*/
#vege_area_list,#vege_area_list *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#vege_area_list{
	margin-bottom: 2em;
}

#vege_area_list li{
	width: 25%;
	float: left;
	padding: 5px;
	text-align: center;
}

#vege_area_list li a{
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #4c91c9;
	padding: 5px;
	color: #fff;
	text-decoration: none;
}

#vege_area_list li a:hover{
	background: #3475A9;
}

/*--固定ページ：ベジ活応援店一覧の詳細ボタン*/
button.button_hp {
    font-size: 1em;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #167AC6;
    color: #fff;
    border-style: none;
    border-radius: 4px;
}
button.button_hp:hover {
    background-color: #0075A9;
    color: #fff;
}

a.button_hp {
    font-size: 1em;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #167AC6;
    color: #fff;
    border-style: none;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}
a.button_hp:hover {
    background-color: #0075A9;
    color: #fff;
}


/*--固定ページ：介護予防市町村一覧のPDFボタン*/
button.button_pdf {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #FD79B9;
	color: #fff;
	width:80%;
	border-style: none;
	border-radius: 4px;
	text-align:center;
}
button.button_pdf:hover {
	background-color: #E8388D;
	color: #fff;
}
a.button_pdf {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #FD79B9;
	color: #fff;
	width:80%;
	border-style: none;
	border-radius: 4px;
	text-align:center;
        display: block;
        margin: 0 auto;
}
a.button_pdf:hover {
	background-color: #E8388D;
	color: #fff;
}




/*--固定ページ：赤ボタン・横幅80％--*/

.btn_window {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	background-color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	width: 80%;
	border: 3px solid #D90000;
	margin: 10px auto 20px;
}

.btn_window a {
	color: #D90000;
	width:100%;
	display:block;
	text-align: center;
	padding: 20px 10px;
	text-decoration: none;
}

.btn_window a:hover {
	background:#D90000;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn_window_blue {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	background-color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	width: 80%;
	border: 3px solid #0075a9;
	margin: 10px auto 20px;
}

.btn_window_blue a {
	color: #0075a9;
	width:100%;
	display:block;
	text-align: center;
	padding: 20px 10px;
	text-decoration: none;
}

.btn_window_blue a:hover {
	background:#0075a9;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media only screen and  (max-width: 640px) {
	.btn_window {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 600;
		background-color: #fff;
		text-decoration: none;
		display: block;
		cursor: pointer;
		width: 100%;
		border: 3px solid #D90000;
		margin: 10px auto 20px;
	}

	.btn_window a {
		color: #D90000;
		width:100%;
		display:block;
		text-align: center;
		padding: 10px 10px;
	}

	.btn_window a:hover {
		background:#D90000;
		text-decoration: none;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}



/*--ボタン：緑・ページ内アンカー：横幅80％--*/

.btn_anc_c {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	background-color: #21770C;
	text-decoration: none;
        display: inline-flex;
	cursor: pointer;
	width: 80%;
	border: 1px solid #21770C;
	margin: 2px auto;
}


.btn_anc_c a {
	color: #fff;
	width:100%;
	display:block;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;


}

.btn_anc_c a:hover {
	background: #fff;
	text-decoration: none;
	color: #21770C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*--固定ページ：歯と口の健康：ページ内の上部へ戻るボタン--*/

div.post_top {
	background-color: #eeeeee;
	clear: both;
	border-radius: 4px;
	width: 200px;
	float: right;
	margin-bottom: 30px;
}

div.post_top a:link {
	background-color: #eeeeee;
	padding: 8px 0;
	text-align: center;
	width: 100%;
       float: right;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
}

div.post_top a:hover {
	background-color: #ccc;
	text-decoration: none;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media only screen and  (max-width: 640px) {
	div.post_top {
		background-color: #eeeeee;
		clear: both;
		border-radius: 4px;
		width: 100%;
		margin-bottom: 30px;
	}

	div.post_top a:link {
		background-color: #eeeeee;
		padding: 8px 0;
		text-align: center;
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 4px;
		text-decoration: none;
	}

	div.post_top a:hover {
		background-color: #ccc;
		text-decoration: none;
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}




/*--固定ページ：ロコモドテスト横並び３つリンクボタン--*/
/*.btn_page_30_g {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #21770C;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
    width: 32%;
    border: 1px solid #21770C;
    margin: 0px auto 2px;
}

.btn_page_30_g a {
	color: #fff;
	width:100%;
	display:block;
    text-align: center;
    padding: 20px 10px;
}

.btn_page_30_g a:hover {
	background: #fff;
	text-decoration: none;
	color: #21770C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/


.button-blue_box {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    border-spacing: 5px;
}


.btn_page_30 {
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
    width: 32%;
    border: 1px solid #0075a9;
    margin: 0px auto 2px;
    vertical-align: middle;
    overflow: hidden;
    height: 9em;
}

.btn_page_30 a {
	color: #0075a9;
	width:100%;
	display:block;
    text-align: center;
    padding: 20px 8px;
    text-decoration: none;
}

.btn_page_30 a:hover {
	background: #0075a9;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media only screen and  (max-width: 640px) {
	.btn_page_30 {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 600;
		background-color: #fff;
		text-decoration: none;
		display: block;
		cursor: pointer;
		width: 80%;
		border: 1px solid #0075a9;
		margin: 0px auto 10px;
		vertical-align: middle;
	}

	.btn_page_30 a {
		color: #0075a9;
		width:100%;
		display:block;
		text-align: center;
		padding: 20px 8px;
	}

	.btn_page_30 a:hover {
		background: #0075a9;
		text-decoration: none;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}






/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*--テーブルの設定-----------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

table {
	font-size:inherit;
}


table {
	width:100%;
	margin-bottom:20px;
}

table ,
td,
th {
	border: 1px solid #595959;
	border-collapse: collapse;
	vertical-align: middle;
}
td,th {
	padding:10px 5px;
}
th {
	background: #f0e6cc;
	vertical-align: middle;
}


/*--テーブル設定：お問い合わせページのお問い合わせ一覧--*/
.contact_boxs {
	width:100%;
}

.contact_boxs table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 2px solid #00b9eb;
    border-left: 2px solid #00b9eb;
    border-radius: 4px;
    margin-bottom: 20px;
}

.contact_boxs table th {
	width: 50%;
	border-collapse: separate;
	vertical-align: middle;
	border-right: 2px solid  #00b9eb !important;
	border-bottom: 2px solid  #00b9eb !important;
	background-color:#fff !important;
	font-size: 1.2em;
	padding:8px;

}
.contact_boxs table td {
vertical-align: middle;
    border-collapse: separate;
    font-size: 1.4em;
    border-radius: 0 4px 4px 0;
    border-right: 2px solid #00b9eb !important;
    border-bottom: 2px solid #00b9eb !important;
    padding: 8px;

}
.contact_boxs table td span {
	color: #00b9eb;
	margin: 10px 0;
	letter-spacing: 0.2em;
}



/*--テーブル設定：ロコモティブ状態による色分けテーブル--*/

div.Arrow_space {
	margin:10px auto;
	padding:0;
	text-align:center;
}

div.locomo {
	margin:0 auto 20px;
}

div.locomo table {
	border: 2px solid #231B1B;
	border-radius: 4px;
	border-collapse: separate;
}

div.locomo table th {
	font-size: 1.6em;
	padding: 10px;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #231B1B;
}

div.locomo table td {
	padding:10px;
	font-size:0.9em;

}

/*--テーブル設定：エリア別マップのリストテーブル表示--*/
div.area_table table {
	width:100%;
	margin-bottom:20px;
	word-break: break-all;
}


div.area_table table ,
div.area_table table td,
div.area_table table th {
	border: 1px solid #595959;
	border-collapse: collapse;
	vertical-align: middle;
}
div.area_table table td,
div.area_table table th {
	padding:10px 5px;
}
div.area_table table th {
	background: #f0e6cc;
	vertical-align: middle;
}


@media only screen and  (max-width: 640px) {


	div.area_table table {
		width:100%;
		margin-bottom:20px;
		word-break: break-all;
	}


	div.area_table table ,
	div.area_table table td,
	div.area_table table th {
		border: 1px solid #595959;
		border-collapse: collapse;
		vertical-align: middle;
		font-size:1em;
	}
	div.area_table table td,
	div.area_table table th {
		padding:10px 5px;
	}
	div.area_table table th {
		background: #f0e6cc;
		vertical-align: middle;
	}
}




/*--テーブル設定：賛同団体--*/

.support-list table {
	width:100%;
	margin-bottom:20px;
}

.support-list table ,
.support-list table td,
.support-list table th {
	border: 1px solid #595959;
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
}
.support-list table td,
.support-list table th {
	padding: 10px;
}
.support-list table th {
	background-image: url(./img/bg_h6.png);
	vertical-align: middle;
	font-size: 18px;
	letter-spacing: 3px;
	font-weight: 700;
}

/*--テーブル設定：応援店一覧の設定--*/

div#shop_list {
	margin:30px 0;
}

div#shop_list table {
	width:630px;
	margin:0 auto;
}

div#shop_list table th.shop_name {
	width:300px;
}

div#shop_list table th.shop_add {

}

/*ベジ活レシピ*/
.recipe table {
	width:100%;
	margin-bottom:20px;
	word-break: break-all;
}


.recipe table ,
.recipe table td,
.recipe table th {
	border: 1px solid #595959;
	border-collapse: collapse;
	vertical-align: middle;
}
.recipe table td,
.recipe table th {
	padding:10px 5px;
}
.recipe table th {
	background: #f0e6cc;
	vertical-align: middle;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*--その他-----------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


dl.shop {  
	width: 300px;
	margin:0 auto 10px;
	word-wrap: break-word;
}


dl.shop dt{  
	padding:5px 8px 5px 0;
	width: 70px;
	float: left;
	clear: both;
	vertical-align: top !important;
}
 
dl.shop dd{    
	padding:5px 0;
	margin-left: 80px;
	margin-bottom: 3px;
}

div.shop_name {
	font-size: 1.2em;
	font-weight: 200;
	background-color: #f2f2f2;
	margin: 0 auto 10px;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	width: 280px;
	border: 1px solid #ccc;
}

div.shop_img {
	width: 300px;
	margin:20px 0;
}

div.shop_img img {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}


div.shop_pr,
div.shop_pr2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom:10px;
}

/*----*/

#main_box {
	width: 560px;
	background: #ffff00;
}


#top_main_box {
	width: 100%;
	background: #ffff00;
}


/*--ページ内の縦並びのリスト--*/


ul.list-content {
    width: 260px;
    display: block;
}


ul.list-content li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px dotted #666;
	text-indent: -1em;
	font-size:1.2em;

}

/*--ページ内の縦並びのリスト(PDF用)--*/


ul.list-pdf {
    width: 260px;
    display: block;
}


ul.list-pdf li {
    margin: 0;

}


ul.list-pdf li:before {
	content: none;
	
}





/*--YouTube動画--*/
dt.video_img img {
	width: 220px;
	height:auto;
	overflow: hidden;
}








.btn_blue_25 {
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    background-color: #fff;
    text-decoration: none;
    height: 60px;
    border: 1px solid #0075a9;
    width: 24%;
    margin: 2px;
    display: table-cell;
}

.btn_blue_25 a {
    color: #0075a9;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.btn_blue_25 a:hover {
	background: #0075a9;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}





/*青ボタン：横幅100％*/
/*.btn_page_100 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
    width: 100%;
    border: 1px solid #0075a9;
    margin: 0px auto 2px;
}

.btn_page_100 a {
	color: #0075a9;
	width:100%;
	display:block;
    text-align: center;
    padding: 20px 10px;


}

.btn_page_100 a:hover {
	background: #0075a9;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/


/*【緑色】ページ内のアンカーリンクのボタン*/

/*.btn_page_anc {
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #21770C;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
    width: 16%;
    margin: 2px auto;
border:1px solid #21770C;
}

.btn_page_anc a,
.btn_page_anc_2 a {
	color: #fff;
	width:100%;
	display:block;
    text-align: center;
        padding: 8px 0;


}


.btn_page_anc a:hover,
.btn_page_anc_2 a:hover {
	background: #fff;
	text-decoration: none;
	color: #21770C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/



/*----ページ内外部へのリンクのボタン50%--*/

/*.button-green_box {
    display: block;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    border-spacing: 5px;
}




.btn_anc_green {
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    background: #21770C;
    text-decoration: none;
    height: 60px;
    border: 1px solid #21770C;
    width: 24%;
    margin: 2px;
    display: table-cell;
}

.btn_anc_green a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
	background: #21770C;
}


.btn_anc_green a:hover {
background: #fff;
color:#21770C;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/






/*----ページ内ポイントとなるコメント等のボタン風囲み--*/
/*div.button-content_point {
	width:100%;
	margin:30px auto;
	text-align:center;
	display: table;
	border-spacing: 5px;
}



.btn_point {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 100;
	padding: 20px 8px;
	background-color: #EB6877;
	text-decoration: none;
	display: inline-block;
	display:table-cell;
	color:#fff;
}*/

div.s_contact_box_news {
	width: ;
    border: 2px solid #8fc31f;
    background-color: #FFF;
    border-radius: 4px 4px 4px 4px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

div.s_contact_box_news h2 {
    background-color: #8fc31f;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    margin: 0;
    padding: 10px;
    width: ;
    font-size: 18px;
	letter-spacing: 3px;
	font-weight: 700;
}

div.s_form_box {
	position: relative;
    top: 40px;
    left: 0;
    padding: 20px;

}

/*固定ページ：画像の囲み設定*/

.page_img {
	margin: 20px auto;
	border: 1px solid #999;
	padding: 5px;
}

/*固定ページ:ギャラリー--*/

div.gallery {
	padding:10px 0;
	clear:both;
}

/*横並びのためのdl*/


dl.list dt{  
    font-size: 1.4em;
    font-weight: bold;
    /* background-color: #f2f2f2; */
    padding: 10px 0px 10px 10px;
    width: 80px;
    float: left;
    clear: both;
    /* border-left: 5px solid #EB8F00; */
    margin-bottom: 5px;
}
 
dl.list dd{    
    padding: 5px 0px 10px 10px;
    /* padding-top: 10px; */
    margin: 0 0 5px 100px;
}

.img_box {
	margin: 10px auto;
	clear:both
}



div#area_map {
	margin:20px auto;
	border:1px solid #ccc;
}

div.photo_box {
	width:100%;

}

.main-image img {
	width:100%;
	border-radius:4px;
	margin:0 auto 20px;
}


/*--固定ページ：固定ページ内の新着情報お知らせ部分の設定--*/

.page-news_box {
	width: 100%;
	border: 3px solid #7ecef4;
	border-radius: 4px;
	padding: 20px;
	margin: 20px auto 50px;
}


.page-news_box ul {
	margin:0;
	padding:0;
}

.page-news_box ul li {
	padding:0;

}

iframe {
	width:100%;
	
 }

/*--20160331_追記：メニュー部分--*/
@media only screen and (min-width: 641px) {

	#menu{
	  width: 100%;
	  max-width: 640px;
	  margin: 0 auto;
	  padding: 0;
	display:none;
	}

	#menu li{
	  display: block;
	  float: left;
	  width: 12.5%;
	  margin: 0;
	  padding: 0; 
	display:none;
	}

	#menu li a{
	  display: block;
	  padding: 12px 0 10px;
	  background: #333;
	  color: #fff;
	  text-align: center;
	  text-decoration: none;
	display:none;

	}

	#menu li a:hover{
	  background: #444;
	display:none;

	}

	#toggle{ 
	 display: none;
	}

}
@media only screen and (max-width: 640px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #EB6E00;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #EB6E00;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
	#menu li a{
	  display: block;
	  padding: 12px 0 10px;
	   background-image: url(./img/bg_nav.png);
	    color: #000;
	    font-weight: 700;
	    text-align: center;
	    text-decoration: none;
		border-bottom: 1px solid #ccc;
	}

	#menu li a:hover{
	  background-image: url(./img/bg_nav.png);
color: #666;
	}




}


div#area {
    display:none;
    height:1px;
}



.hp-link {
    padding: 2px 6px;
    width: 20px;
    vertical-align: middle;
    display: inline-table;
    font-size: 0.6em;
}

.hp-link a {
background-color: #EB8F00;
    padding: 2px 6px;
    vertical-align: middle;
    display: block;
    border-radius: 4px;
	color:#fff;
	text-decoration: none;
}

.hp-link a:hover {
	background-color: #DC6F12;
	    text-decoration: none;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;

}