/*!
記事 「「今から備える親のフレイル予防」をリニューアルしました」用のCSS
2025年1月10日田崎
*/
/* table03 */
#table03 .fixed {
  width: 4%;
}
#table03 .cont {
  width: 24%;
}
#table03 th, #table05 td {
  text-align: center;
  min-width: 130px;
  padding: 10px 5px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
#table03 .fixed {
  position: sticky;
  left: 0;
  min-width: 30px !important;
}
#table03 {
  font-size: 90%;
  border: 1px solid #707070;
}
#table03 th {
  background-color: #f0f0f0;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
#table03 td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 5px;
}
#table03 .tdimg {
  text-align: center;
}
#table03 .head {
  background-color: #e2e2e2;
  width: 4%;
}
/* tab */
@media only screen and (max-width: 768px) {
  #table03 {
    display: block;
    overflow-x: scroll;
  }
  #table03 .fixed {
    position: sticky;
    left: 0;
    min-width: 30px !important;
   
  }
  #table03 .fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}

/*!
記事 「「今から備える親のフレイル予防」をリニューアルしました」用のCSS　　ここまで
2025年1月10日田崎
*/














/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
/*	outline: 0;*/
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font-size: 16px;
	font-size: 1em;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. 
#content[tabindex="-1"]:focus {
	outline: 0;
}*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
















/* 背景色指定 /////////////////////////////////////////////////////////////////////////////////////////*/

header{background:#bdd7eb;}
/*section:nth-of-type(even){background:#fafbf4;}
section:nth-of-type(2){background:rgba(218,147,141,0.07);}*/
section:nth-of-type(2){background:rgba(224,166,110,0.07);}
section:nth-of-type(4){background:rgba(235,195,111,0.07);}
section:nth-of-type(6){background:rgba(171,206,165,0.07);}
section:nth-of-type(8){background:rgba(203,220,147,0.1);}
/*section:nth-of-type(6){background:rgba(157,206,242,0.1);}
section:nth-of-type(7){background:rgba(139,169,216,0.1);}*/




/* 基本 /////////////////////////////////////////////////////////////////////////////////////////*/
*,html,body{	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;line-height:1.3;}
html,body,div,section,figure,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
html{overflow-y: scroll;}/*スクロールバー幅を常に表示 safariずれ防止*/
ul,li{margin:0;padding:0;list-style: none;}
p{margin-bottom:10px;}
img{vertical-align: top;}
a,a:link{color:#54351e;}
a:visited{color:#660033;}
a:hover,a:active,a:focus{color:#cc3300;text-decoration: none;}
#primary{padding:70px 0 40px 0;}
#primary.index{padding:20px 0 40px 0;}
.imgwrap{transition: 0.3s;}
.imgwrap img{width:100%;}
.thum_width{width:auto;height:100%;}
.thum_height{width:100%;height:auto;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.flex{display: flex;flex-flow: row wrap;}
main{padding-top:20px;}
main.home,main.search,main.guideline,main.no-sectitle{padding-top:0;}
main.home section{padding:20px 0;}


.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}


/*セクションタイトル*/
.sectitle{margin:0 auto;width:94%;margin-bottom:10px;position: relative;}
.sectitle h2{font-size:1.3em;line-height:1.2;}
.sectitle h2 span{font-size:0.6em;}
.sectitle.sub{width:100%;}
/*.sectitle small{font-size:0.8em;font-weight: bold;}*/
.sectitle .title:after{
	content:"";
	display:block;
	width:100%;
	height:6px;
	margin-top:3px;
	background-image:linear-gradient(to right, #da938d 14.28%,#e0a66e 14.28%,#e0a66e 28.56%,#ebc36f 28.56%,#ebc36f 42.84%,#abcea5 42.84%,#abcea5 57.12%,#cbdc93 57.12%,#cbdc93 71.4%,#9dcef2 71.4%,#9dcef2 85.68%,#8ba9d8 85.68%)
}
.content{margin:0 auto;padding:20px 0;width:94%;}
.sectitle .caption{margin-top:10px;font-size:1em;line-height: 1.5;font-weight: bold;}
.sectitle .caption .sp_off{display: none;}
/*.sectitle .bottun.absolute{height:40px;position: absolute;top:20px;right:0;}
.sectitle .bottun.absolute img{width:auto;height:100%;}*/


/*パートタイトル　（セクションタイトルより小さいver）*/
.par-title{width:100%;margin:0 auto 20px auto;padding-top:10px;position: relative;font-size:1.3em;}
.par-title:after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	margin-top:3px;
	background-image:linear-gradient(to right, #da938d 14.28%,#e0a66e 14.28%,#e0a66e 28.56%,#ebc36f 28.56%,#ebc36f 42.84%,#abcea5 42.84%,#abcea5 57.12%,#cbdc93 57.12%,#cbdc93 71.4%,#9dcef2 71.4%,#9dcef2 85.68%,#8ba9d8 85.68%)
}

.sub-title{font-size:1.2em;margin-bottom:10px;padding: 0 5px 3px 5px;}
.sub-title span{border-bottom:2px dashed #999;}
.content .sub-title:not(:first-of-type){margin-top:30px;}

/*7色下線のみ*/
.under-7color:after{content:"";display:block;width:100%;height:3px;margin-top:3px;background-image:linear-gradient(to right, #da938d 14.28%,#e0a66e 14.28%,#e0a66e 28.56%,#ebc36f 28.56%,#ebc36f 42.84%,#abcea5 42.84%,#abcea5 57.12%,#cbdc93 57.12%,#cbdc93 71.4%,#9dcef2 71.4%,#9dcef2 85.68%,#8ba9d8 85.68%)}

/*注釈*/
.notes{font-size:0.85em;}


/* もっと見るボタン */
.show-all-button{margin:0 auto;width:300px;text-align:center;font-size:1.2em;font-weight:bold;letter-spacing:1px;
	color:#fff;background:#b95661;border-radius: 3px;z-index: 2;overflow: hidden;position: relative;}
.show-all-button:before{
	position: absolute;
	content:"";
	width: 15px;
	height: 15px;
	top:50%;
	right:20px;
	margin-top:-2%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
.show-all-button:after {
	content:"";
	position: absolute;
	top: -100%;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: 0.3s;
}
.show-all-button a{display: block;padding:15px 0;color:#fff;text-decoration: none;}
.show-all-button:hover:after,.show-all-button:focus:after{top: 0;background: #d27a8d;}
.show-all-absolute{position: absolute;margin:0;top:50%;right:0;transform: translate(0,-70%);}


/*前ページへ戻る*/
.return{margin:30px 15px;padding:7px 10px;display: inline-block;position: relative;font-weight: bold;background:#8ba9d8;}
.return a{color:#fff;}
.return:after{position: absolute;content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 17px 15px 17px 0;
border-color: transparent #8ba9d8 transparent transparent;
top:0;
left:-15px;
}


/* 可変２列リスト（ガイドライン等） */
.list-template{padding-left:10px;}
.list-template > li{margin-bottom:20px;}
.list-template .item-left{width:170px;}
.list-template .item-right{flex:1;flex-basis:auto\9; /* IE10以下 */}
.list-template h4{margin-bottom:5px;padding-left:5px;border-left:5px solid #dc6459;font-size:1.2em;}
.list-template .listchild li:not(:last-child){margin-bottom:5px;}


/* 資料ダウンロード */
.download-wrap{padding:15px;background:#f0f0f0;border-radius: 10px;}
.download-wrap h3{margin-bottom:10px;padding-bottom:5px;font-weight: bold;border-bottom:1px solid #000;display: flex;align-items: center;}
.download-wrap .pdficon{width:25px;margin-right:5px;}
.download-wrap .flexwrap ul{margin-bottom:20px;display: flex;flex-flow: row wrap;}
.download-wrap ul li{margin:0 0 10px 0;position: relative;}
.download-wrap .flexwrap ul li{width:30%;margin:0 3% 10px 0;}
.download-wrap ul li img{width:100%;}
.pdf:after{content:url(images/pdficon.gif);padding-left:3px;}
.word:after{content:url(images/docicon.gif);padding-left:3px;}
.excel:after{content:url(images/xlsicon.gif);padding-left:3px;}


/* リスト項目用７色ボーダー */
.colorborder:nth-of-type(7n-6),li:nth-of-type(7n-6) .colorborder{border-left:7px solid #da938d;}
.colorborder:nth-of-type(7n-5),li:nth-of-type(7n-5) .colorborder{border-left:7px solid #e0a66e;}
.colorborder:nth-of-type(7n-4),li:nth-of-type(7n-4) .colorborder{border-left:7px solid #ebc36f;}
.colorborder:nth-of-type(7n-3),li:nth-of-type(7n-3) .colorborder{border-left:7px solid #abcea5;}
.colorborder:nth-of-type(7n-2),li:nth-of-type(7n-2) .colorborder{border-left:7px solid #cbdc93;}
.colorborder:nth-of-type(7n-1),li:nth-of-type(7n-1) .colorborder{border-left:7px solid #9dcef2;}
.colorborder:nth-of-type(7n),li:nth-of-type(7) .colorborder{border-left:7px solid #8ba9d8;}


/* フェード式下線リンク */
.fadeborder{text-decoration: none;border-bottom: 1px solid rgba(84,53,30,1);transition: border-color 0.3s, color 0.3s;}
.fadeborder:hover,.fadeborder:focus{border-color: rgba(255,255,255,0);}


/* ホバーエフェクト 広がる */
.pulse.kayoinoba {
	--color: #ef6eae;
	--hover: #ef8f6e;
	--focus: #ef8f6e;
}
.pulse.ikiiki {
	--color: #004277;
	--hover: #89caff;
	--focus: #89caff;
}
.pulse:hover,
.pulse:focus {
	-webkit-animation: pulse 1s;
	   -moz-animation: pulse 1s;
			animation: pulse 1s;
	-webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
	   -moz-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
			box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}
@-webkit-keyframes pulse {
	0% {
	-webkit-box-shadow: 0 0 0 0 var(--hover);
	   -moz-box-shadow: 0 0 0 0 var(--hover);
			box-shadow: 0 0 0 0 var(--hover);
	-webkit-box-shadow: 0 0 0 0 var(--focus);
	   -moz-box-shadow: 0 0 0 0 var(--focus);
			box-shadow: 0 0 0 0 var(--focus);
	}
}
@keyframes pulse {
	0% {
	-webkit-box-shadow: 0 0 0 0 var(--hover);
	   -moz-box-shadow: 0 0 0 0 var(--hover);
			box-shadow: 0 0 0 0 var(--hover);
	-webkit-box-shadow: 0 0 0 0 var(--focus);
	   -moz-box-shadow: 0 0 0 0 var(--focus);
			box-shadow: 0 0 0 0 var(--focus);
	}
}


/* ホバーエフェクト 左から右 */
.hover_line{position: relative;overflow: hidden;display: inline-block;text-decoration: none;}
.hover_line:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate3d(-100%, 0, 0);
	transition: transform .2s ease-in;
}
.hover_line:hover:after,
.hover_line:focus:after{
	transform: translate3d(0, 0, 0);
}
/*.hover_line:focus{outline: none;}*/
.hover_line:after{background-color: #0061ae;}
.hover_line:hover,.hover_line:focus{color: #0061ae;}




/*メニューが下からフワッと現れる効果*/
.fade-up {	transition: .8s;}



/*横揺れアニメーション*/
.shake a:hover,.shake a:focus {
	-webkit-animation: shake 0.5s linear;
	animation: shake 0.5s linear;
}
	@-webkit-keyframes shake {
		0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }/*X軸,Y軸*/
		10%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
		50%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
		85%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
		100%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	}
	@keyframes shake {
		0%   { transform: scale(1.0, 1.0) translate(-1%, 0%); }
		20%  { transform: scale(1.0, 1.0) translate(1%, 0%); }
		40%  { transform: scale(1.0, 1.0) translate(-2%, 0%); }
		60%  { transform: scale(1.0, 1.0) translate(2%, 0%); }
		80%  { transform: scale(1.0, 1.0) translate(-1%, 0%); }
		100% { transform: scale(1.0, 1.0) translate(1%, 0%); }
	}


/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  20% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
  30% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  40% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
  50% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg);
  }
  60% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg);
  }
  70% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg);
  }
  80% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg);
  }
  90% {
	-webkit-transform: translateX(1px) rotate(0);
	transform: translateX(1px) rotate(0);
  }
  100% {
	-webkit-transform: translateX(-1px) rotate(0);
	transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  20% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
  30% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  40% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
  50% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg);
  }
  60% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg);
  }
  70% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg);
  }
  80% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg);
  }
  90% {
	-webkit-transform: translateX(1px) rotate(0);
	transform: translateX(1px) rotate(0);
  }
  100% {
	-webkit-transform: translateX(-1px) rotate(0);
	transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
/*  display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}







/*ローディング画面設定////////////////////*/
#loader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #ffebdd;
	z-index: 100;
}
#loader .imgwrap{
	position: absolute;
	margin:auto;
	top: 35%;
	right:0;
	left: 0;
	width:70%;
	text-align: center;
	z-index: 101;
}
#loader{
/*アニメーション*/
animation: animScale 2.5s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;
}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.15, 1.15); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
@media screen and (min-width: 1000px) {
#loader .imgwrap {width: 500px;}
}




/* header /////////////////////////////////////////////////////////////////////////////////////////*/
header{width:100%;background:#fff;position: relative;z-index: 2;}
header a{color:#54351e;display: block;}
header .inner{margin:0 auto;width:100%;padding:0;display:flex;flex-flow:row wrap;box-shadow:0 3px 10px rgba(0,0,0,0.4);}

header .logo{width:0;width:130px;margin:25px 5px;float:none !important;z-index: 1;}
header .logo a{margin:0;width:100%;}
header .logo a img{width:100%;height:auto;}

header .space1{display: none;}
header .space2{display: none;}

header #accessibility{height:100px;width:250px;padding:5px 10px 0 10px;position: absolute;right:0;font-size:0.8em;z-index: 1;}
header .assist{height:100%;margin:0 auto;justify-content: flex-end;height:100%;}
header .assist .item{margin:0 0 5px 10px;flex-flow: row nowrap;align-items: center;}
header .assist .item .changeBtn{
	margin-left:5px;
	display: inline-block;
	padding: 0.1em 0.4em;
	text-decoration: none;
	background: #555;/*ボタン色*/
	color: #FFF;
	border-radius: 3px;
}
header .assist .item .changeBtn:active {/*ボタンを押したとき*/
	background: #ccc;/*ボタン色*/
	color: #333;
}
header .assist i{margin:0.5% 3px 0 0;}
header #sitesearch_header input[type=search]{width:205px;border-width:1px;padding-left:20px;-webkit-appearance: textfield;}
header #sitesearch_header input[type=submit]{width:0;margin:0;padding:0;visibility:hidden;}
header #sitesearch_header div{position: relative;}/*fontawesome配置用*/
header #sitesearch_header div:before{
	position: absolute;
	font-family: "Font Awesome\ 5 Free";
	content: "\f002";
	font-weight: 900;
	color:#777;
	top:6px;
	left:6px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

header #toggle{width:100%;font-size:1.2em;border-radius: 0;border-color:transparent;background:#b95661;color:#fff;}
header #header-nav{margin:0;width:100%;position: relative;}
header #header-nav a{text-decoration: none;}
header #header-nav .menu-ulwrap{display: none;width:100%;position: absolute;}
header #header-nav .ul_parent{width:100%;height:100%;display: flex;flex-flow:row wrap;background:#fff;}

header #header-nav ul .li_parent{width:33.33%;background-color:#fff;position: relative;
	-moz-transition: background-color .3s ease-in;
	-webkit-transition: background-color .3s ease-in;
	-o-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
}
header #header-nav ul .li_parent:hover{
	-moz-transition: background-color 0.04s;
	-webkit-transition: background-color 0.04s;
	-o-transition: background-color 0.04s;
	transition: background-color 0.04s;
}
header #header-nav ul .li_parent a{width:100%;height:100%;padding:55px 5px 5px 5px;display: block;}
header #header-nav ul .li_parent a > div{height:100%;display:flex;align-items:center;justify-content:space-around;text-align: center;}
header #header-nav ul .li_parent span{font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	display: block;font-size:1.1em;font-weight: bold;line-height: 1.5;color:#54351e;position: relative;transition: 0.3s;}
header #header-nav .ul_child{position: absolute;display: none;top:100%;width:160%;}
header #header-nav .ul_parent ul .li_parent:last-child .ul_child{right:0;}
header #header-nav .li_child{padding:5px 10px;background-color: rgba(255,255,255,0.8);}
header #header-nav .li_child a{display: block;text-decoration: none;}
header .menu-description{display: none;}

header #header-nav ul .li_parent:nth-of-type(1) a{
background:rgba(224,166,110,0.7);/*#e0a66e*/
border-bottom:7px solid #e0a66e;
}
header #header-nav ul .li_parent:nth-of-type(2) a{
background:rgba(235,195,111,0.7);/*#ebc36f*/
border-bottom:7px solid #ebc36f;
}
header #header-nav ul .li_parent:nth-of-type(3) a{
background:rgba(171,206,165,0.7);/*#abcea5*/
border-bottom:7px solid #abcea5;
}
header #header-nav ul .li_parent:nth-of-type(4) a{
background:rgba(203,220,147,0.7);/*#cbdc93*/
border-bottom:7px solid #cbdc93;
}
header #header-nav ul .li_parent:nth-of-type(5) a{
background:rgba(157,206,242,0.7);/*#9dcef2*/
border-bottom:7px solid #9dcef2;
}
header #header-nav ul .li_parent:nth-of-type(6) a{
background:rgba(139,169,216,0.7);/*#8ba9d8*/
border-bottom:7px solid #8ba9d8;
}
header #header-nav ul .li_parent:nth-of-type(1) a:hover,
header #header-nav ul .li_parent:nth-of-type(1) a:focus{
background:rgba(224,166,110,1);/*#e0a66e*/
}
header #header-nav ul .li_parent:nth-of-type(2) a:hover,
header #header-nav ul .li_parent:nth-of-type(2) a:focus{
background:rgba(235,195,111,1);/*#ebc36f*/
}
header #header-nav ul .li_parent:nth-of-type(3) a:hover,
header #header-nav ul .li_parent:nth-of-type(3) a:focus{
background:rgba(171,206,165,1);/*#abcea5*/
}
header #header-nav ul .li_parent:nth-of-type(4) a:hover,
header #header-nav ul .li_parent:nth-of-type(4) a:focus{
background:rgba(203,220,147,1);/*#cbdc93*/
}
header #header-nav ul .li_parent:nth-of-type(5) a:hover,
header #header-nav ul .li_parent:nth-of-type(5) a:focus{
background:rgba(157,206,242,1);/*#9dcef2*/
}
header #header-nav ul .li_parent:nth-of-type(6) a:hover,
header #header-nav ul .li_parent:nth-of-type(6) a:focus{
background:rgba(139,169,216,1);/*#8ba9d8*/
}

header #header-nav ul .li_parent:nth-of-type(1) span:before{
	content:url(images/menu_icon1.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:-45px;
	right:0;
	left:0;
	transition: 0.3s;
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(2) span:before{
	content:url(images/menu_icon2.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:-45px;
	right:0;
	left:0;
	transition: 0.3s;
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(3) span:before{
	content:url(images/menu_icon3.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:-45px;
	right:0;
	left:0;
	transition: 0.3s;
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(4) span:before{
	content:url(images/menu_icon5.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:-45px;
	right:0;
	left:0;
	transition: 0.3s;
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(5) span:before{
	content:url(images/menu_icon6.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:-45px;
	right:0;
	left:0;
	transition: 0.3s;
	position: absolute;
}
header #header-nav ul .li_parent.sp_on span:before{
	font-family: "Font Awesome\ 5 Free";
	content:"\f03a";
	font-size:1.4em;
	color:rgb(66,99,152);
	font-weight: 900;
	margin:auto;
	top:-45px;
	left:50%;
	transform: translate(-50%,0);
	transition: 0.3s;
	position: absolute;
}
#spmenu-wrap{display: none;}
#spmenu-wrap a{display: block;text-decoration: none;}








/* TOPスライド /////////////////////////////////////////////////////////////////////////////////////////*/
#topimage{width:100%;overflow: hidden;}
#topimage .wrap{margin:0 auto;width:85%;position: relative;}
#topimage .slide-item{opacity: 0.5;transition: 0.5s;}
#topimage .slide-item.active{opacity: 1;}
#topimage .bx-wrapper{border:0 solid transparent;box-shadow: 0 0 0 transparent;}
#topimage .bx-viewport{overflow: visible !important;}
#topimage .bx-wrapper .bx-controls-direction a{z-index: 1;}
#topimage .bx-wrapper .bx-prev{left:-10px;}
#topimage .bx-wrapper .bx-next{right:-10px;}

#topimage .bxslider:before{content:"";position: absolute;width:40px;height:38px;background:url(images/fukuokacity_logo.png);background-size:100% auto;background-position: center center;background-repeat: no-repeat; top:5px;left:5px;z-index: 1;}



/* 新着情報 /////////////////////////////////////////////////////////////////////////////////////////*/
#information li{margin:5px 0;padding-bottom:5px;border-bottom:1px dashed #ccc;}
#information li:last-child{border-bottom:1px solid transparent;}
#information li a{display: flex;text-decoration: none;border-bottom: 1px solid rgba(84,53,30,1);transition: border-color 0.3s, color 0.3s;}
#information li a:hover,#information li a:focus{border-color: rgba(255,255,255,0);}
#information li .flexitem-left{width:220px;padding-right:10px;}
#information li .info-icon{width:70px;margin-right:10px;}
#information li .flexitem-right{margin-top:5px;flex:1;flex-basis:auto;font-weight: lighter;}


/* homeメニュー共通テンプレ /////////////////////////////////////////////////////////////////////////////////////////*/
/*項目アイコン*/
main.home .sectitle{color:#54351e;}
main.home .sectitle h2{padding-left:40px;}
main.home #information .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/icon_comment.svg);}
main.home #kayoinoba .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/menu_icon1.svg);}
main.home #ikiiki .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/menu_icon2.svg);}
main.home #kouza .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/menu_icon3.svg);}
main.home #video .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/menu_icon5.svg);}
main.home #external-links .sectitle h2:before{content:"";position: absolute;width:40px;height:40px;margin:auto;top:-10px;left:-5px;background-size:100% auto;background-image: url(images/menu_icon6.svg);}


/*３列メニュー*/
.figure-wrap.menu .flex-item{width:94%;margin:0 auto 15px auto;background:#fff;border-radius: 5px;box-shadow:0 0 8px rgba(0,0,0,0.2);display: flex;flex-flow: row wrap;overflow: hidden;}
.figure-wrap.menu .flex-item a:hover,
.figure-wrap.menu .flex-item a:focus{background:#fffad2;}
.figure-wrap.menu .flex-item a{text-decoration: none;width:100%;height: 100%;display: flex;flex-flow: row wrap;}
.figure-wrap.menu .flex-item a:hover:after,
.figure-wrap.menu .flex-item a:focus:after{content:""; position: absolute;width:100%;height:100%;top:0;left:0;border:2px solid #b95661;border-radius: 5px;z-index: 3;}
.figure-wrap.menu .flex-item .item-img{width:30%;position: relative;overflow: hidden;background: #fff;}
.figure-wrap.menu .flex-item .imgwrap{height:0;padding-bottom:100%;position: relative;}
.figure-wrap.menu .flex-item .imgwrap img{height:100%;width:auto;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.figure-wrap.menu .flex-item .caption{width:70%;height: auto;padding:10px;display: flex;justify-content: center;align-items: center;}
.figure-wrap.menu .flex-item a:hover .imgwrap,.figure-wrap.menu .flex-item a:focus .imgwrap{opacity: 0.6;}
.figure-wrap.menu .flex-item .caption .item-title{text-align: center;font-size:1em;font-weight: lighter;}


/* 通いの場 /////////////////////////////////////////////////////////////////////////////////////////*/
.searchbanner.kayoinoba{margin:0 auto;width:92%;height:auto;background:#ffeded;border-radius: 5px;overflow: hidden;-webkit-transition: 0.2s;transition: 0.2s;}
.searchbanner.kayoinoba:hover,.searchbanner.kayoinoba:focus{background:#fff3f3;}
.searchbanner.kayoinoba a{width:100%;height:100%;padding:10px 10px 90px 10px;color:#54351e;text-decoration: none;position: relative;display: flex;flex-flow: row wrap;}
.searchbanner.kayoinoba a:hover,.searchbanner.kayoinoba a:focus{color:#54351e;}
.searchbanner.kayoinoba a:hover:after,.searchbanner.kayoinoba a:focus:after{content:""; position: absolute;width:100%;height:100%;top:0;left:0;border:2px solid #b95661;border-radius: 5px;}
.searchbanner.kayoinoba a .flex-left{order:2;width:100%;}
.searchbanner.kayoinoba a .flex-left .imgwrap{width:60%;margin:0 auto;}
.searchbanner.kayoinoba a .flex-right{order:1;width:100%;}
.searchbanner.kayoinoba .par-title{padding-top:0;margin-bottom:10px;font-size:1.1em;}
.searchbanner.kayoinoba h3{margin-bottom:5px;padding:0 0 0 40px;position: relative;}
.searchbanner.kayoinoba h3:before{content:"";position: absolute;width:45px;height:45px;margin:auto;top:-5px;left:0;background-size:100% auto;background-image: url(images/menu_icon1.svg);}
.searchbanner.kayoinoba .textwrap{margin:0 auto;width:100%;padding-left:0;}
.searchbanner.kayoinoba .button{width:94%;height:auto;font-size:1em;line-height:1.2;font-weight: bold;color:#fff;position: absolute;margin:auto;bottom:20px;right:0;left:0;padding:20px 25px 20px 10px;background:#b95661;text-align: center;transition: 0.2s;}
.searchbanner.kayoinoba .button:before{
	position: absolute;
	content:"";
	width: 10px;
	height: 10px;
	top:50%;
	right:15px;
	margin-top:-2%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
.searchbanner.kayoinoba:hover .button,
.searchbanner.kayoinoba:focus .button{background:#d66e79;}
.searchbanner.kayoinoba + p{margin-top:10px;font-size:1em;color:#b95661;text-align: center;font-weight: bold;}





/* 高齢者生き活きパートナー事業者 /////////////////////////////////////////////////////////////////////////////////////////*/
#ikiiki .flex-wrap{justify-content: space-between;}
#ikiiki .flexitem-left{justify-content: space-around;}
#ikiiki .flexitem-right{margin: 0 auto;width:94%;}

.searchbanner.ikiiki{margin:0 auto;width:92%;background:#d0e7ff;border-radius: 5px;overflow: hidden;-webkit-transition: 0.2s;transition: 0.2s;}
.searchbanner.ikiiki:hover,.searchbanner.ikiiki:focus{background:#e7f3ff;}

.searchbanner.ikiiki a{width:100%;height:100%;padding:15px 15px 100px 15px;text-decoration: none;position: relative;display: block;color:#004277;}
.searchbanner.ikiiki a:hover:after,.searchbanner.ikiiki a:focus:after{content:""; position: absolute;width:100%;height:100%;top:0;left:0;border:2px solid #0061ae;border-radius: 5px;}
.searchbanner.ikiiki .par-title{padding-top:0;font-size:1.1em;}
.searchbanner.ikiiki .textwrap{width:100%;}
.searchbanner.ikiiki .button{margin:0 auto;width:80%;padding:15px 35px 15px 10px;text-align:center;font-size:1em;line-height:1.2;font-weight:bold;letter-spacing:1px;background:#0061ae;border-radius: 3px;bottom:20px;right:0;left:0;overflow: hidden;position: absolute;z-index: 2;color:#fff;text-align: center;transition: 0.2s;}
.searchbanner.ikiiki .button:before{
	position: absolute;
	content:"";
	width: 10px;
	height: 10px;
	top:50%;
	right:15px;
	margin-top:-2%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
.searchbanner.ikiiki:hover .button,.searchbanner.ikiiki:focus .button{background:#2889d6;}



/* 出張講座・講師派遣のご案内 /////////////////////////////////////////////////////////////////////////////////////////*/
#kouza figure a{position: relative;}
/*.cat_square{padding:3px 5px;letter-spacing: 1px;display: flex;align-items: center;justify-content: space-around;position: absolute;top:0;left:0;z-index: 2;font-size:0.85em;}
#kouza .cat_square.kyoushithu{background:rgb(175, 234, 110);}
#kouza .cat_square.kouza{background:rgb(255, 174, 97);}
#kouza .sp_off{display: none;}*/

.cat_flag.kyoushithu{background-image:url(images/catflag3.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.kouza{background-image:url(images/catflag4.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}

/* 体操 /////////////////////////////////////////////////////////////////////////////////////////*/
#video figure a{position: relative;padding:0;}
#video .flex-item .item-img{position: relative;}
#video .flex-item .item-img:before{content:"";position: absolute;width:20%;height:100%;background-image: url(images/play_icon.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin:auto;top:0;left:50%;transform: translate(-50%,0);z-index: 2;opacity: 0.5;}

.cat_flag{padding:3px 20px 3px 5px;position: absolute;z-index: 2;top:0;left:0;line-height: 1.2;color:#000;font-size:0.85em;}
.cat_flag.flag1{background-image:url(images/catflag1.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag2{background-image:url(images/catflag2.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag3{background-image:url(images/catflag3.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag4{background-image:url(images/catflag4.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag5{background-image:url(images/catflag5.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag6{background-image:url(images/catflag6.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}
.cat_flag.flag7{background-image:url(images/catflag7.png);background-position: top right;background-size: auto 100%;background-repeat: no-repeat;}



	
/* リンク /////////////////////////////////////////////////////////////////////////////////////////*/
#external-links .content{}
#external-links .fukuokacity_link{margin:0 auto;width:100%;/*padding:3px;background:#293f7e;*/}
#external-links .fukuokacity_link p{margin:2px 0 5px 0;font-size:1.1em;}
#external-links .fukuokacity_link ul{display: flex;/*flex-flow: row wrap;*/}
#external-links .fukuokacity_link li{text-align: center; -webkit-flex: 1;flex: 1;}
#external-links .fukuokacity_link li:nth-of-type(1) a{background:rgba(218,147,141,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(1) a:hover,
#external-links .fukuokacity_link li:nth-of-type(1) a:focus{background:rgba(218,147,141,0.8);}
#external-links .fukuokacity_link li:nth-of-type(2) a{background:rgba(224,166,110,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(2) a:hover,
#external-links .fukuokacity_link li:nth-of-type(2) a:focus{background:rgba(224,166,110,0.8);}
#external-links .fukuokacity_link li:nth-of-type(3) a{background:rgba(235,195,111,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(3) a:hover,
#external-links .fukuokacity_link li:nth-of-type(3) a:focus{background:rgba(235,195,111,0.8);}
#external-links .fukuokacity_link li:nth-of-type(4) a{background:rgba(171,206,165,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(4) a:hover,
#external-links .fukuokacity_link li:nth-of-type(4) a:focus{background:rgba(171,206,165,0.8);}
#external-links .fukuokacity_link li:nth-of-type(5) a{background:rgba(203,220,147,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(5) a:hover,
#external-links .fukuokacity_link li:nth-of-type(5) a:focus{background:rgba(203,220,147,0.8);}
#external-links .fukuokacity_link li:nth-of-type(6) a{background:rgba(157,206,242,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(6) a:hover,
#external-links .fukuokacity_link li:nth-of-type(6) a:focus{background:rgba(157,206,242,08);}
#external-links .fukuokacity_link li:nth-of-type(7) a{background:rgba(139,169,216,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(7) a:hover,
#external-links .fukuokacity_link li:nth-of-type(7) a:focus{background:rgba(139,169,216,0.8);}
#external-links .fukuokacity_link li a{display: block;padding:15px 10px;text-decoration: none;position: relative;}
#external-links .fukuokacity_link li a:hover:after,#external-links .fukuokacity_link li a:focus:after{content:""; position: absolute;width:100%;height:100%;top:0;left:0;border:2px solid #b95661;}
#external-links .fukuokacity_link li a span{;position: relative;top:22px;}


#external-links .fukuokacity_link .higashi a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_higashi_icon.gif);}
#external-links .fukuokacity_link .hakata a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_hakata_icon.gif);}
#external-links .fukuokacity_link .chuou a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_chuou_icon.gif);}
#external-links .fukuokacity_link .minami a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_minami_icon.gif);}
#external-links .fukuokacity_link .jonan a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_jonan_icon.gif);}
#external-links .fukuokacity_link .sawara a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_sawara_icon.gif);}
#external-links .fukuokacity_link .nishi a span:before{content:"";width:20px;height:19px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-20px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_nishi_icon.gif);}





/* 動画一覧 /////////////////////////////////////////////////////////////////////////////////////////*/
main.video .video-wrap{justify-content: space-between;}
main.video .flex-item{margin-bottom:20px;width:100%;}
main.video .flex-item a{border:2px solid #ccc;}
main.video .flex-item a:hover,main.video .flex-item a:focus{background: #fffad2;border:2px solid #ffde7d;}

main.video .flex-item a,main.video .flex-item a:hover,
main.video .flex-item a,main.video .flex-item a:focus{text-decoration: none;color:#000;}
main.video figure .video-img{margin:0 auto;width:60%;overflow: hidden;position: relative;}
main.video figure .video-img:before{content:"";position: absolute;width:20%;height:100%;background-image: url(images/play_icon.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin:auto;top:0;left:50%;transform: translate(-50%,0);z-index: 2;opacity: 0.5;}
main.video figure .imgwrap{width:100%;padding-bottom:56.25%;position: relative;}
main.video figure .imgwrap img{position:absolute;margin:auto;top:50%;left:50%;transform: translate(-50%,-50%);}
main.video figcaption{padding:15px;flex:1;}
main.video figure .video-title{margin-bottom:10px;font-size:1.3em;}
main.video ul li:not(:last-child){margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #cdcdcd;}
main.video ul li .list-left{border-left:3px solid #999;padding-left:3px;}

main.alacarte figure .item-img:before{content:"";position: absolute;width:20%;height:100%;background-image: url(images/play_icon.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin:auto;top:0;left:50%;transform: translate(-50%,0);z-index: 2;opacity: 0.5;}




/* 動画個別ページ /////////////////////////////////////////////////////////////////////////////////////////*/

main.single-video .caution{margin:30px auto 0 auto;width:90%;padding:10px;border:2px solid red;}
main.single-video .caution p{font-size:1.2em;color: red;font-weight: bold;}
main.single-video .caution li{margin-bottom:10px;}


main.single-video .inner-content{margin:0 auto;width:90%;}

main.single-video .text{width:100%;margin-top:20px;}
main.single-video ul.list li{margin-bottom:15px;}
main.single-video ul.list li .list-left{margin-right:5px;padding-left:5px;border-left:5px solid #ebc36f;width:8.5em;position: relative;}
main.single-video ul.list li .list-left:after{position: absolute; content:":";margin:auto 0;top:0;bottom:0;right:0;}
main.single-video ul.list li .list-right{flex:1;}

main.single-video .video-text{margin-top:30px;padding:15px;border:3px dashed #ebc36f;border-radius: 10px;line-height: 1.5;position: relative;}
main.single-video .video-text:before{
	position: absolute;
	content:"";
	width: 20px;
	height: 20px;
	margin:auto;
	top:-12px;
	right:0;
	left:0;
	border:0;
	border-top:3px solid #ebc36f;
	border-left:3px solid #ebc36f;
	background:#fff;
	transform:rotate(45deg);
}

main.single-video .youtube{
	width:100%;
	margin:20px 0;
	padding-bottom: 56.25%;	/*高さをpaddingで指定(16:9)*/
	height:0px;				/*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
main.single-video .youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

main.single-video .comment-wrap{margin-top:30px;}
main.single-video .comment-wrap .comment-img{margin:0 auto 15px auto;}
main.single-video .comment-wrap .imgwrap{width:150px;height:150px;border-radius:50%;overflow: hidden;position: relative;}
main.single-video .comment-wrap .imgwrap img{position: absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);}
main.single-video .comment-wrap .video-comment{width:100%;padding:10px;background:#fffcce;border:3px solid #ebc36f; border-radius: 30px;position: relative;}
main.single-video .comment-wrap .video-comment:before{
	position: absolute;
	margin:auto;
	top:-15px;
	right:0;
	left:0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ebc36f transparent;
}
main.single-video .comment-wrap .video-comment h3{margin-bottom:10px;}

main.single-video .comment-wrap.user{display: flex;flex-flow: row wrap-reverse;justify-content: flex-end;}
main.single-video .comment-wrap.user .video-comment{width:100%;padding:10px;background:yellow;border:3px solid #ebc36f; border-radius: 30px;position: relative;}
main.single-video .comment-wrap.user .video-comment:before{
	position: absolute;
	margin:auto;
	top:-15px;
	right:0;
	left:0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ebc36f transparent;
}





/* 要項テンプレート /////////////////////////////////////////////////////////////////////////////////////////*/
.header-img{height:auto;width:100%;overflow: hidden;margin-bottom:30px;}
.header-img .imgwrap{width:100%;height:0;padding-bottom:40%;position: relative;}
.header-img .imgwrap img{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

main.guideline .sectitle{margin-bottom:30px;}
main.guideline .sub-title{margin-top:30px;}
/*main.guideline section h3{margin:0 auto;width:100%;font-size:1.5em;}*/
main.guideline .entry h3{padding-bottom:5px;color:#dc6459;border-bottom:3px dotted #dc6459;}
main.guideline .list-template > li{margin-bottom:20px;}
main.guideline .list-template > li > .item-right{margin-left:10px;}
main.guideline .download h3{margin-bottom:10px;font-size:1em;border-bottom:1px solid #000;display: flex;align-items: center;}
main.guideline .download .pdficon{width:25px;margin-right:5px;}

main.guideline .entry p{font-size:2em;}
main.guideline .entry p span{font-size:0.5em;}

main.guideline .image .flex{margin:0 auto;width:96%;flex-flow: row wrap;}
main.guideline .image .flex .flexitem{width:33.33%;overflow: hidden;}
main.guideline .image .flex .flexitem .imgwrap{padding-bottom:65%;position: relative;}
main.guideline .image .flex .flexitem .imgwrap img{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

main.guideline .dl_wrap{width:100%;margin-top:30px;padding:15px;background:#f0f0f0;border-radius: 10px;}

main.guideline.subsidy .procedure ul{margin:15px 0 15px 10px;}

main.guideline .button.kayoinoba{margin-bottom:10px; width:100%;border-radius: 3px;text-align: center;line-height: 1.4;position: relative;transition: 0.3s;}
main.guideline .button.kayoinoba{background: #e0a66e;}
main.guideline .button.ikiiki{background:#ebc36f;}
main.guideline .button a{padding:10px 40px 10px 10px;text-decoration: none;color: #000;font-size:0.9em;display: block;}
main.guideline .button a span{font-size:1.15em;}
main.guideline .button:before{
	position: absolute;
	content:"";
	width: 20px;
	height: 20px;
	top:50%;
	right:15px;
	margin-top:-3%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
main.guideline .button:hover,main.guideline .button:focus{opacity: 0.6;}


.inquiry-wrap .flex{width:100%;}
.inquiry-wrap .flex:nth-of-type(odd){background:#fff2f1;}
.inquiry-wrap .flex:nth-of-type(even){background:#fff9f1;}
.inquiry-wrap div{padding:10px;}
.inquiry-wrap .flex.temp{display: none;}
.inquiry-wrap .deptname{width:100%;border-bottom:1px solid #000;}

.shakyo-wrap li{width:100%;padding:10px;}
.shakyo-wrap li:nth-of-type(odd){background:#fff2f1;}
.shakyo-wrap li:nth-of-type(even){background:#fff9f1;}
.shakyo-wrap p{padding:5px;margin:0;}
.shakyo-wrap .li-left{width:100%;border-bottom:1px solid #000;}
.shakyo-wrap .li-right{flex:1;}




/* 健康コラム /////////////////////////////////////////////////////////////////////////////////////////*/
main.healthful_column article{width:100%;background:#fff;border-radius: 5px;margin-bottom:30px;}
main.healthful_column article a{border:2px solid #ccc;}
main.healthful_column .figure-wrap article:last-child{margin-bottom:0;}
main.healthful_column article a:hover,main.healthful_column article a:focus{background: #fffad2;border:2px solid #ffde7d;}
main.healthful_column article a{display: block;width:100%;height:100%;padding:10px 10px 55px 10px;text-decoration: none;position: relative;}
main.healthful_column article .item-img{width:80%;margin:0 auto 10px auto;overflow: hidden;}
main.healthful_column article .item-img .imgwrap{;position: relative;z-index: 2;}
main.healthful_column article:hover .imgwrap,main.healthful_column article:focus .imgwrap{opacity: 1;}
/* main.healthful_column article .item-img .imgwrap img{position: absolute;margin:auto;top:50%;left:50%;transform: translate(-50%,-50%);}*/
main.healthful_column article .item-title{font-size:1.1em;margin-bottom:10px;padding-top:0;clear:none;}
main.healthful_column article .item-text{width:100%;height: 120px;}
main.healthful_column article .readmore{position: absolute;padding:10px 30px 10px 15px;background:#91b88c;bottom:10px;right:10px;border-radius: 10px;font-weight: bold;color:#fff;}
main.healthful_column article .readmore:before{
	position: absolute;
	content:"";
	width: 12px;
	height: 12px;
	top:50%;
	right:15px;
	margin-top:-4%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
main.healthful_episode h3{margin-bottom:20px;padding-left:5px;border-left:5px solid #ccc;}
main.healthful_episode a{text-decoration: underline;}
main.healthful_episode p{margin-bottom:20px;}
main.healthful_episode ul{margin:0 0 20px 20px;}
main.healthful_episode ul li{list-style: disc;margin-bottom:10px;}
main.healthful_episode ul li:last-child{margin-bottom:0;}
main.healthful_episode img{width:100%;margin-bottom:20px;box-shadow:0 0 8px rgba(0,0,0,0.2);}





/* ユーザーガイド共通 /////////////////////////////////////////////////////////////////////////////////////////*/
main.userguide .par-title{font-size:1.3em;}
main.userguide ul{margin:10px 0 0 10px;}
main.userguide ul li{margin-bottom:5px;}
.redunder{border-bottom:1px solid red;margin-bottom:2px;}
.redcolor{color:red;font-weight: lighter;}
main.userguide .content h4{margin:30px 0 10px 0;font-size:1.2em;padding-left:5px;}

main.userguide .banner{margin-top:15px;}
main.userguide .banner li{margin-bottom:10px;}
main.userguide .banner span{vertical-align: bottom;}

main.userguide .dlinfo li{margin-bottom:15px;border:1px solid #000;}
main.userguide .dlinfo .li-right{padding:5px;background:#ffebdd;border-bottom:1px solid #000;}
main.userguide .dlinfo .li-left{padding:5px;}



/* 検索画面、404 /////////////////////////////////////////////////////////////////////////////////////////*/
main.sitesearch .form-wrap{width:100%;padding:10px;background:#fff;}
main.sitesearch #sitesearch,.error404 #sitesearch{margin:0 auto;width:90%;}
main.sitesearch #sitesearch input[type=search],.error404 #sitesearch input[type=search]{width:100%;border-width:1px;padding:10px 10px 10px 30px;}
main.sitesearch #sitesearch div,.error404 #sitesearch div{position: relative;}/*fontawesome配置用*/
main.sitesearch #sitesearch div:before,
.error404 #sitesearch div:before{
	position: absolute;
	/*display: none;*/
	font-family: "Font Awesome\ 5 Free";
	content: "\f002";
	font-weight: 900;
	color:#777;
	top:12px;
	left:10px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
main.sitesearch .result{margin:0 auto;width:90%;padding:15px;border:1px solid #ccc;border-radius: 5px;}
main.sitesearch .searchword{margin-bottom:20px;border-bottom:1px dashed #000;}
main.sitesearch ul{margin-left:20px;}
main.sitesearch ul li{margin:0 0 10px 0;list-style: disc;}
main.sitesearch li h4{font-size:1em;}
main.sitesearch .searchbanner-wrap .searchbanner,.error404 .searchbanner-wrap .searchbanner{width:100%;}
main.sitesearch .searchbanner-wrap .kayoinoba,.error404 .searchbanner-wrap .kayoinoba{margin-bottom:15px;}
.error404 #sitesearch{margin:20px 0;}
.error-404 .searchform,.no-results .searchform{margin-top:30px;width:100%;}
.error-404 .searchform form,.no-results .searchform form{margin:0 auto;}
.error-404 .searchform .text,.no-results .searchform .text{margin:10px 0;font-size: 0.8em;}
.error-404 .recentpost,.no-results .recentpost{margin-top:30px;}
.error-404 .recentpost li,.no-results .recentpost li{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #ccc;}
.error-404 .recentpost li .flexitem-left,.no-results .recentpost li .flexitem-left{width:220px;}
.error-404 .recentpost li .flexitem-left .info-icon,.no-results .recentpost li .flexitem-left .info-icon{width:70px;margin-right:5px;}
.error-404 .sitemap{margin-top:30px;}



/* loopスライド /////////////////////////////////////////////////////////////////////////////////////////*/
#loopimage{width:100%;overflow: hidden;margin-top:60px;}
#loopimage .slick-item{width:300px;overflow: hidden;background:#fff;}
#loopimage .slick-item a{display:block;width:100%;height:100%;color:#000;transition: 0.3s;}
#loopimage .slick-item a:hover:after,#loopimage .slick-item a:focus:after{content:""; position: absolute;width:100%;height:100%;top:0;left:0;border:2px solid #b95661;z-index: 3;}
#loopimage .imgwrap{padding-bottom:100%;height:0;position: relative;transition: 0.3s;z-index: 1;}
#loopimage .imgwrap img{height:100%;width:auto;max-width:initial;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height:100%;width:auto;z-index: 1;}
#loopimage .slick-item a:hover .imgwrap,#loopimage .slick-item a:focus .imgwrap{opacity: 0.6;}
#loopimage .caption{position: relative;z-index: 2;}
#loopimage .caption p{position: absolute;padding:5px 10px;font-size:0.9em;background: rgba(225,225,225,0.7);margin:auto;bottom:0;right:0;left:0;text-align: center;}
#loopimage .bx-wrapper{max-width:100% !important;border:0px solid transparent;margin-bottom:10px;}




/* footer /////////////////////////////////////////////////////////////////////////////////////////*/
.goTop{text-align:center;margin-top:10px;}
.goTop .textlink{padding:2px;border-bottom:1px dashed #000;display: inline-block;}
.goTop .imglink{margin:20px auto;width:160px;height:130px;position: relative;display: block;}
.goTop .imglink .imgwrap{width:70px;margin:auto;bottom:25px;right:0;left:0;position:absolute;}
.poyon {
	-webkit-animation: poyon 3s linear infinite;
	animation: poyon 3s linear infinite;
}
	@-webkit-keyframes poyon {
		0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
		10%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
		35%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 2%); }
		60%  { -webkit-transform: scale(1.0, 1.0) translate(0%, -13%); }
		70%  { -webkit-transform: scale(1.0, 1.0) translate(0%, -12%); }
		90%  { -webkit-transform: scale(1.03, 0.95) translate(0%, 4%); }
		97%  { -webkit-transform: scale(1.0, 1.0); }
		100%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	}
	@keyframes poyon {
		0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
		10%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
		35%  { transform: scale(1.0, 1.0) translate(0%, 2%); }
		60%  { transform: scale(1.0, 1.0) translate(0%, -13%); }
		70%  { transform: scale(1.0, 1.0) translate(0%, -12%); }
		90%  { transform: scale(1.03, 0.95) translate(0%, 4%); }
		97%  { transform: scale(1.0, 1.0); }
		100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
	}
.goTop .imglink p{position: absolute;margin:auto;right:0;left:0;bottom:0;font-weight: bold;text-align: center;}
.goTop a:hover{cursor: pointer;}
.goTop a:hover .imgwrap,.goTop a:focus .imgwrap{opacity: 1;}

footer{width:100%;}
footer .nav-wrap{background:url(images/bg_building.gif) #bdd7eb;background-repeat: no-repeat;background-size:100% auto;background-position: 130% bottom;}

.footer-nav.pc_nav{display: none;}
.footer-nav{margin:0 auto;padding:20px 0 50px 0;width:94%;}
.footer-nav .flexitem{width:100%;padding:0 10px 10px 10px;}
.footer-nav .flexitem:last-child{padding:0 10px;}
.footer-nav .title{padding:0 0 5px 7px;margin-bottom:5px;font-size:1em;font-weight: bold;}
.footer-nav .flexitem:nth-of-type(1) .title{border-left:7px solid #da938d;}
.footer-nav .flexitem:nth-of-type(2) .title{border-left:7px solid #e0a66e;}
.footer-nav .flexitem:nth-of-type(3) .title{border-left:7px solid #ebc36f;}
.footer-nav .flexitem:nth-of-type(4) .title{border-left:7px solid #abcea5;}
.footer-nav .flexitem:nth-of-type(5) .title{border-left:7px solid #cbdc93;}
.footer-nav .flexitem:nth-of-type(6) .title{border-left:7px solid #9dcef2;}
.footer-nav .flexitem:nth-of-type(7) .title{border-left:7px solid #8ba9d8;}
.footer-nav .flexitem ul{display: none;}
.footer-nav ul li{margin-left:10px;line-height: 1.5;}
.footer-nav ul li a{text-decoration: none;font-size:0.9em;}
footer .helpnav{width:100%;background: #ffebdd;padding:5px 10px 3px 130px;}
footer .helpnav ul{display: flex;flex-flow:row wrap;justify-content: flex-end; font-size:0.85em;}
footer .helpnav ul li{margin:0 5px 6px 5px;}
footer .copyright{width:100%;z-index: 1;background-color: #F5F5F5;}
footer .copyright_inner{margin:0 auto;width:100%;padding:8px 10px 6px 10px;position: relative;}

footer .copyright .flex-wrap{background:#fff;display: flex;flex-flow: row wrap;justify-content: space-between;background-color: #F5F5F5}
footer .copyright .item-left{margin-left: 8px;}
footer .copyright .item-left span{display: inline-block;font-size:0.85em;}
footer .copyright .item-right{}
footer .copyright .fukuokalogo{width:100px;position: absolute;top:-30px;z-index: 1;}
footer .copyright .fukuokalogo:after{content:"";position:absolute;width:150px;height:50px;border-radius: 10px;background:#fff;transform: translate(-85%,-25%);z-index: -1;background-color: #F5F5F5;}
footer .copyright small{letter-spacing: 1px;}

footer .designed_by{
	background-color: #6F6F6F;
	padding: 4px 10px 3px 0;
}
footer .designed_by a {
	color: #404040;
	text-decoration: none;
}
footer .designed_by small{
	display: block;
	color: #404040;
	text-align: right;
	margin: 0;
	line-height:0.9em;
}


/* ページネーション /////////////////////////////////////////////////////////////////////////////////////////*/
.pager{margin:20px auto;text-align: center;}
.wp-pagenavi{margin:0;line-height: 1.5;display: inline-block;}
.wp-pagenavi a, .wp-pagenavi span{padding:1px 7px;border:1px solid #cdcdcd;border-radius: 5px;font-size:1.2em;color:#333;}
.wp-pagenavi .pages{border:0px solid transparent !important;display: block !important;background: transparent;text-align: center;font-size:1em;}
.wp-pagenavi span.current{background:#e0a66e;color:#fff;border:1px solid #e0a66e;}
.wp-pagenavi a:hover, .wp-pagenavi span:not(.pages):not(.current):hover,
.wp-pagenavi a:focus, .wp-pagenavi span:not(.pages):not(.current):focus{border:1px solid transparent;background:#fffad2;}
.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{display: none;}
.wp-pagenavi .extend{border:0px solid transparent; padding:0;}




#scrollvalue{
	margin: 0;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index:9999;
}




@media print, screen and (min-width: 480px) {
.sectitle h2{font-size:1.5em;}
.sectitle .caption{font-size:1.1em;}
header .inner{box-shadow:0 5px 20px rgba(0,0,0,0.4);}
header .logo{margin:20px 10px;width:200px;height:auto;width:180px;}
#topimage .bx-wrapper .bx-controls-direction a{z-index: 1;}
#topimage .bx-wrapper .bx-prev{left:10px;}
#topimage .bx-wrapper .bx-next{right:10px;}
#topimage .bxslider:before{width:70px;top:10px;left:10px;}
.figure-wrap.menu .flex-item{width:45%;margin:0 2.5% 30px 2.5%;display: block;}
.figure-wrap.menu .flex-item a{display: block;padding:0;}
.figure-wrap.menu .flex-item .item-img{width:100%;}
.figure-wrap.menu .flex-item .imgwrap{padding-bottom:80%;}
.figure-wrap.menu .flex-item .caption{width:100%;padding:10px;}
.searchbanner.kayoinoba{width:96.5%;}
.searchbanner.kayoinoba .button,.searchbanner.ikiiki .button{padding:20px 40px 20px 20px;font-size:1.2em;}
.searchbanner.kayoinoba .button:before,
.searchbanner.ikiiki .button:before{
	position: absolute;
	content:"";
	width: 15px;
	height: 15px;
	top:50%;
	right:20px;
	margin-top:-2%;
	border:0;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
}
.searchbanner.kayoinoba + p{font-size:1.25em;}
#ikiiki .flexitem-left{width:100%;}
#ikiiki .flexitem-left .flex-item{width:45%;}
.searchbanner.ikiiki{width:96.5%;}
.searchbanner.ikiiki .textwrap{width:100%;}

#video figure a{padding:0;}
.cat_square{width:45px;height:45px;padding:0;font-size:1em;}
.cat_flag{font-size:1em;}
#kouza .sp_off{display: block;}
#external-links .fukuokacity_link{width:100%;}

main.video .flex-item a{display: flex;flex-flow: row wrap;}
main.video figure .video-img{width:200px;display: flex;align-items: center;}
main.single-video .comment-wrap .imgwrap{width:60px;height:60px;}
main.single-video .comment-wrap .video-comment{width:70%;margin-left:15px;padding:10px;}
main.single-video .comment-wrap .comment-img{margin:0;}
main.single-video .comment-wrap.user .video-comment{width:70%;margin-right:15px;padding:10px;}
main.single-video .comment-wrap .video-comment:before{display: none;}
main.single-video .comment-wrap .video-comment:after{
	position: absolute;
	margin:auto;
	top:30px;
	left:-15px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #ebc36f transparent transparent;
}
main.single-video .comment-wrap.user .video-comment:before{display: none;}
main.single-video .comment-wrap.user .video-comment:after{
	position: absolute;
	margin:auto;
	top:30px;
	left:auto;
	right:-15px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #ebc36f;
}
main.healthful_episode img{width:auto;}
main.sitesearch #sitesearch input[type=search],.error404 #sitesearch input[type=search]{width:600px;}


.error404 .button_wrap .button,.no-results .button_wrap .button,main.guideline .button.kayoinoba{width:380px;}
.error404 .button_wrap .button.kayoinoba,.no-results .button_wrap .button.kayoinoba{margin-right:15px;}
.error404 .button_wrap .button a,.no-results .button_wrap .button a,main.guideline .button.kayoinoba a{padding:15px 60px 15px 15px;font-size:1em;}
.error404 .button_wrap .button a span,.no-results .button_wrap .button a span,main.guideline .button.kayoinoba a span{font-size:1.3em;}
.error404 .button_wrap .button:before,
.no-results .button_wrap .button:before,
main.guideline .button.kayoinoba:before{
	position: absolute;
	content:"";
	width: 25px;
	height: 25px;
	top:50%;
	right:25px;
	margin-top:-3%;
	border:0;
	border-top:4px solid #fff;
	border-right:4px solid #fff;
	transform:rotate(45deg);
}
footer .nav-wrap{background-size:80% auto;}
.footer-nav.sp_nav{display: none;}
.footer-nav.pc_nav{width:100%;display: flex;flex-flow:row wrap;justify-content: space-between;}
.footer-nav .flexitem{padding:0 10px 30px 10px;}
.footer-nav .flexitem ul{display: block;}
}/*@media screen and (min-width: 480px)*/


@media print, screen and (min-width: 600px) {
.searchbanner.kayoinoba{}
.searchbanner.kayoinoba a{padding:15px 15px 80px 15px;}
.searchbanner.kayoinoba a .flex-left{width:130px;order:1;}
.searchbanner.kayoinoba a .flex-left .imgwrap{width:100%;}
.searchbanner.kayoinoba a .flex-right{flex:1;order:2;}
.searchbanner.kayoinoba .par-title,
.searchbanner.ikiiki .par-title{font-size:1.3em;}

.searchbanner.kayoinoba .textwrap{}
.searchbanner.kayoinoba .button{width:500px;right:20px;left:auto;}
#external-links .fukuokacity_link li{width:25%;}
/*#external-links .fukuokacity_link li:nth-of-type(3),
#external-links .fukuokacity_link li:nth-of-type(6){border-right:1px solid transparent;}
#external-links .fukuokacity_link li:nth-of-type(4){border-right:1px solid #ccc;}
#external-links .fukuokacity_link li:nth-of-type(4){border-bottom:1px solid #ccc;}*/
	

main.video ul li{display: flex;flex-flow: row wrap;}
main.video ul li .list-left{width:8em;margin-right:5px;position: relative;}
main.video ul li .list-left:after{position: absolute; content:":";margin:auto 0;top:0;bottom:0;right:0;}
main.video ul li .list-right{flex:1;}
main.guideline .inquiry-wrap .tel,main.guideline .inquiry-wrap .fax{flex:1;text-align: center;}
main.healthful_column article .item-img{width:180px;margin:0 10px 0 0;float: left;}
.shakyo-wrap .li-left{width:100px;}
.shakyo-wrap li{display: flex;flex-flow: row wrap;}
.shakyo-wrap .li-left{border:0 solid transparent;}
.list-template:not(.listchild) > li{display: flex;flex-flow: row wrap;}
.list-template h4{margin-bottom:0;}
.wp-pagenavi a, .wp-pagenavi span{padding:5px 12px;font-size:1.2em;}
footer .nav-wrap{background-size:60% auto;}
.footer-nav .flexitem{width:50%;}
#loopimage{margin-top:120px;}

	/* リンク /////////////////////////////////////////////////////////////////////////////////////////*/
#external-links .content{}
#external-links .fukuokacity_link{margin:0 auto;width:100%;/*padding:3px;background:#293f7e;*/}
#external-links .fukuokacity_link p{margin:2px 0 5px 0;font-size:1.1em;}
#external-links .fukuokacity_link ul{display: flex;/*flex-flow: row wrap;*/}
#external-links .fukuokacity_link li{text-align: center; -webkit-flex: 1;flex: 1;}
#external-links .fukuokacity_link li:nth-of-type(1) a{background:rgba(218,147,141,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(1) a:hover,
#external-links .fukuokacity_link li:nth-of-type(1) a:focus{background:rgba(218,147,141,0.8);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(2) a{background:rgba(224,166,110,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(2) a:hover,
#external-links .fukuokacity_link li:nth-of-type(2) a:focus{background:rgba(224,166,110,0.8);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(3) a{background:rgba(235,195,111,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(3) a:hover,
#external-links .fukuokacity_link li:nth-of-type(3) a:focus{background:rgba(235,195,111,0.8);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(4) a{background:rgba(171,206,165,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(4) a:hover,
#external-links .fukuokacity_link li:nth-of-type(4) a:focus{background:rgba(171,206,165,0.8);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(5) a{background:rgba(203,220,147,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(5) a:hover,
#external-links .fukuokacity_link li:nth-of-type(5) a:focus{background:rgba(203,220,147,0.8);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(6) a{background:rgba(157,206,242,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(6) a:hover,
#external-links .fukuokacity_link li:nth-of-type(6) a:focus{background:rgba(157,206,242,08);transition: background-color 0.05s linear;}
#external-links .fukuokacity_link li:nth-of-type(7) a{background:rgba(139,169,216,0.3);transition: background-color 0.4s linear;height: 100px;}
#external-links .fukuokacity_link li:nth-of-type(7) a:hover,
#external-links .fukuokacity_link li:nth-of-type(7) a:focus{background:rgba(139,169,216,0.8);transition: background-color 0.05s linear;}

#external-links .fukuokacity_link li a{display: block;padding:15px 10px;text-decoration: none;}
#external-links .fukuokacity_link li a span{;position: relative;top:50px;}


#external-links .fukuokacity_link .higashi a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-8px;transform: translate(0,-50%);background-image:url(images/fukuoka_higashi_icon.gif);}
#external-links .fukuokacity_link .hakata a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_hakata_icon.gif);}
#external-links .fukuokacity_link .chuou a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_chuou_icon.gif);}
#external-links .fukuokacity_link .minami a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-8px;transform: translate(0,-50%);background-image:url(images/fukuoka_minami_icon.gif);}
#external-links .fukuokacity_link .jonan a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_jonan_icon.gif);}
#external-links .fukuokacity_link .sawara a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-1px;transform: translate(0,-50%);background-image:url(images/fukuoka_sawara_icon.gif);}
#external-links .fukuokacity_link .nishi a span:before{content:"";width:50px;height:48px;background-size: contain;vertical-align: middle;position: absolute;margin:auto;top:-30px;left:-8px;transform: translate(0,-50%);background-image:url(images/fukuoka_nishi_icon.gif);}


}/*@media screen and (min-width: 600px)*/








/*格納メニュー内横長ボタン*/
@media screen and (min-width: 500px) and (max-width: 739px){
header #header-nav ul .li_parent a{padding:10px 5px 10px 40px;}

header #header-nav ul .li_parent:nth-of-type(1) span:before{
	content:url(images/menu_icon1.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:50%;
	right:auto;
	left:-45px;
	transform: translate(0,-50%);
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(2) span:before{
	content:url(images/menu_icon2.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:50%;
	right:auto;
	left:-45px;
	transform: translate(0,-50%);
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(3) span:before{
	content:url(images/menu_icon3.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:50%;
	right:auto;
	left:-45px;
	transform: translate(0,-50%);
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(4) span:before{
	content:url(images/menu_icon5.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:50%;
	right:auto;
	left:-45px;
	transform: translate(0,-50%);
	position: absolute;
}
header #header-nav ul .li_parent:nth-of-type(5) span:before{
	content:url(images/menu_icon6.svg);
	width:40px;
	height:40px;
	margin:auto;
	top:50%;
	right:auto;
	left:-45px;
	transform: translate(0,-50%);
	position: absolute;
}
header #header-nav ul .li_parent.sp_on span:before{
	font-family: "Font Awesome\ 5 Free";
	content:"\f03a";
	font-size:1.4em;
	color:rgb(66,99,152);
	font-weight: 900;
	margin:auto;
	top:50%;
	right:auto;
	left:-35px;
	transform: translate(0,-50%);
	position: absolute;
}
}



/*アクセシビリティエリア一行バー化*/
@media screen and (min-width: 740px) and (max-width: 1019px){
header #accessibility{height:auto;width:100%;position: static;}
}






@media print, screen and (min-width: 740px) {
header .inner{flex-flow: row nowrap;}
header #accessibility{background:#ffebdd;}
header #accessibility:before{
content:"";
position: absolute;
top:0;
right:100%;
width: 0;
height: 0;
border-style: solid;
border-width: 48px 15px 48px 0;
border-color: transparent #ffebdd transparent transparent;
}
header #toggle{display: none;}
header #header-nav .menu-ulwrap{display: block !important;position: static;height:100%;}
header #header-nav{}
header #header-nav ul .li_parent{width:20%;border-left:1px solid #ccc;}
header #header-nav ul .li_parent:nth-of-type(5){border-right:1px solid #ccc;}
header #header-nav ul .li_parent:nth-of-type(1) a,
header #header-nav ul .li_parent:nth-of-type(2) a,
header #header-nav ul .li_parent:nth-of-type(3) a,
header #header-nav ul .li_parent:nth-of-type(4) a,
header #header-nav ul .li_parent:nth-of-type(5) a,
header #header-nav ul .li_parent:nth-of-type(6) a{background:#fff;}
header #header-nav ul .li_parent a > div{height:100%;display:flex;align-items:center;justify-content:space-around;text-align: center;}
header #header-nav ul .li_parent span{display: block;font-size:1.1em;font-weight: bold;line-height: 1.5;color:#54351e;position: relative;}
header #header-nav .ul_child{position: absolute;display: none;top:100%;width:160%;}
header #header-nav .ul_parent ul .li_parent:last-child .ul_child{right:0;}
header #header-nav .li_child{padding:5px 10px;background: rgba(255,255,255,0.8);}
header #header-nav .li_child a{display: block;text-decoration: none;}
header #header-nav ul .li_parent.sp_on{display: none;}
header #header-nav ul .li_parent:nth-of-type(1) a:hover span:before,
header #header-nav ul .li_parent:nth-of-type(1) a:focus span:before,
header #header-nav ul .li_parent:nth-of-type(2) a:hover span:before,
header #header-nav ul .li_parent:nth-of-type(2) a:focus span:before,
header #header-nav ul .li_parent:nth-of-type(3) a:hover span:before,
header #header-nav ul .li_parent:nth-of-type(3) a:focus span:before,
header #header-nav ul .li_parent:nth-of-type(4) a:hover span:before,
header #header-nav ul .li_parent:nth-of-type(4) a:focus span:before,
header #header-nav ul .li_parent:nth-of-type(5) a:hover span:before,
header #header-nav ul .li_parent:nth-of-type(5) a:focus span:before,
header #header-nav ul .li_parent.sp_on a:hover span:before,
header #header-nav ul .li_parent.sp_on a:focus span:before{transform:scale(1.6,1.6)}

header .menu-description{
	position: absolute;
	width:100%;
	top:100%;
	left:0;
	padding:15px 10px 10px 10px;
	text-align: center;
	background:#ccc;
	z-index: -1;
}
header .menu-description.m1{background:rgba(224,166,110,0.7);/*#e0a66e*/}
header .menu-description.m2{background:rgba(235,195,111,0.7);/*#ebc36f*/}
header .menu-description.m3{background:rgba(171,206,165,0.7);/*#abcea5*/}
header .menu-description.m4{background:rgba(203,220,147,0.7);/*#cbdc93*/}
header .menu-description.m5{background:rgba(157,206,242,0.7);/*#9dcef2*/}
#topimage .bxslider:before{width:100px;}
#information li{display: flex;flex-flow: row wrap;}
.figure-wrap.menu{margin-bottom:30px;}
.figure-wrap.menu .flex-item{width:30%;margin:0 1.66% 30px 1.66%;}
#ikiiki .flex-wrap{display: flex;flex-flow: row wrap;}
#ikiiki .flexitem-left{width:30%;}
#ikiiki .flexitem-right{width:66.66%;}
#ikiiki .flexitem-left .flex-item{width:100%;}
main.video figure .video-img{width:300px;}

main.single-video .comment-wrap .imgwrap{width:120px;height:120px;}
main.single-video .comment-wrap .video-comment{width:55%;margin-left:20px;padding:15px 20px;}
main.single-video .comment-wrap.user .video-comment{width:55%;margin-right:20px;padding:15px 20px;}
main.healthful_column article a{padding:10px;}
main.healthful_column article .item-text{width:100%;height: 140px;}
main.sitesearch li h4{font-size:1.2em;}
.error-404 .recentpost li{display: flex;flex-flow:row wrap;}
}/*@media print, screen and (min-width: 740px)*/



@media print, screen and (min-width: 1020px) {

main{padding-top:60px;}
main.home,main.search,main.guideline,main.single-kayoinoba,main.single-ikiiki_partner{padding-top:0;}
main.no-sectitle{padding-top:90px;}
.content{width:940px;}
.sectitle{width:1020px;}
.sectitle h2{font-size:2em;}
.sectitle .caption{text-align: center;}
.sectitle .caption .sp_off{display: block;}
.par-title{width:100%;}
main.home .sectitle h2{margin-left:20px;}
main.home #information .sectitle h2:before{width:60px;height:60px;}
main.home #kayoinoba .sectitle h2:before{width:60px;height:60px;}
main.home #ikiiki .sectitle h2:before{width:60px;height:60px;}
main.home #kouza .sectitle h2:before{width:60px;height:60px;}
main.home #video .sectitle h2:before{width:60px;height:60px;}
main.home #external-links .sectitle h2:before{width:60px;height:60px;}

header #header-nav{width:700px;}
header #accessibility{height:100%;}
header .assist{width:auto;}
header .space1{display:block;}
header .space2{display:block;margin-right:250px;}

#topimage .wrap{margin:0 auto;width:1020px;}
#slick .imgwrap{height:650px;}
#slick .imgwrap img{height:auto;width:100%;}

main.guideline .image .flex{margin:0 auto;width:1020px;flex-flow: row wrap;}

.searchbanner.kayoinoba a{padding:20px 20px 100px 20px;}
.searchbanner.kayoinoba a .flex-left{width:150px;}
.searchbanner.kayoinoba a .flex-right{flex:1;}
/*#external-links .fukuokacity_link ul{justify-content: space-between;}
#external-links .fukuokacity_link li{border:1px solid #ccc;flex:1;}
#external-links .fukuokacity_link li:not(:last-child){border-right:1px solid transparent;}*/

main.guideline .inquiry-wrap .flex.temp{display:flex;text-align: center;font-weight: bold;}
main.guideline .inquiry-wrap .deptname{width:200px;border-bottom:1px solid transparent;}
main.guideline .inquiry-wrap .tel span,main.guideline .inquiry-wrap .fax span{display: none;}
.footer-nav.pc_nav{width:1020px;}
.footer-nav .flexitem{width:33.33%;padding:0 10px 30px 0;}

}/*@media print, screen and (min-width: 1020px)*/



@media print, screen and (min-width: 1200px) {
header .logo{margin:0 5px 5px 5px;width:230px;}
header .space1{flex:1;flex-basis: auto;border-bottom:7px solid #da938d;}
header .space2{flex:1;flex-basis: auto;border-bottom:7px solid #8ba9d8;}
.header-img{height:500px;width:100%;overflow: hidden;}
.header-img .imgwrap{width:100%;height:100%;padding-bottom:0;position: relative;}
}/*@media print, screen and (min-width: 1200px)*/




@media print{
.fade-up{
	opacity:1 !important;
	transform:translateY(0) !important;
	-webkit-transform:translateY(0) !important;
	-moz-transform:translateY(0) !important;
	-ms-transform:translateY(0) !important;
	transition: 0s !important;
}
.figure-wrap.menu{margin-bottom:30px;}
.figure-wrap.menu .flex-item{width:30%;margin:0 1.66% 30px 1.66%;}
}