/*
Theme Name: habakiri_child
Template: habakiri
*/

/*フォント変更*/
body {
	font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	text-align: justify;
    text-justify: inter-ideograph;
}

/*文字サイズタブレットは別の大きさ*/
@media screen and (max-width: 812px) {
body {
	font-size: 14px;
	line-height: 1.5;
	}
}
	
/*文字サイズスマホは別の大きさ*/
@media screen and (max-width: 480px) {
body {
	font-size: 12px;
	line-height: 1.5;
	}
.sm-grid-boxes-quote{
	font-size: 11px
	}
}
	
/*ヘッダータイトル左寄せ*/
.page-header__title {
	text-align:left;
	font-size: 20px;
}
.entry__title {
	font-size:25px;
	margin-bottom:20px;
}
/*投稿記事タイトル太字*/
.sm-post-title{
	font-weight: bold !important;
}

@media screen and (max-width: 480px) {
.sm-post-title{
	font-size: 16px !important;
	}

.entry__title{
	font-size: 17px !important;
	}
}

.entry__title.entry-title.h3{
	font-size: 17px !important;
	}

@media screen and (max-width: 480px) {
.entry__title.entry-title.h3{
	font-size: 12px !important;
	}
}

/*menufontawesome*/
.fa-xx{
	font-size:18px;
	margin-top:4px;
}

/*フッターエリア*/
@media screen and (max-width: 480px) {
	.footer-widget-area{
		padding:10px;
	}
}

/*リンクイメージ*/
.linkimg{
	margin-right:10px;
	margin-bottom:10px;
	width:25%;
	float:left;
}

@media screen and (max-width: 480px) {
.linkimg{
	width:40%;
	height:40%;
	}
}

.menu-sns-container{
	 line-height:normal
}

.wp-image-1742{
	margin-right:15px;
	float:left;
}

@media screen and (max-width: 480px) {
	.wp-image-1742{
	margin-right:0px;
	float:none;
	}
}
	
/*見出しデザイン*/
.menu{
  font-weight: 700;
}

h2,
h3,
h4a{
   padding: 0.5em 0;/*上下の余白*/
}

h4 {
  color: #fff;/*文字色*/
  background: #b17287;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  font-weight:700;
  margin-top:25px;
  margin-bottom:10px;
}

h4top {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
  display:block;
  margin-top: 11.5px;
  margin-bottom: 30px;
  padding: 0.5em 0;/*上下の余白*/
  border-bottom: solid 1px #333;/*下線*/
  box-sizing: border-box;
  text-align:center;
	transform: scale(0.9, 1);
}

h4top.wh{
	color:whitesmoke;
	text-shadow: 1px 1px 2px #808080;
	border-bottom: solid 1px whitesmoke;
}


h4a {
  font-size: 16px;
  font-weight:bold;
}

h4b {
  font-size: 15px;
  font-weight:bold;
}

h5 {
  font-size: 16px;
  font-weight:600;
}
@media screen and (max-width: 480px) {
	h4{
		font-size:15px
	}
	h4top,
	h4top.wh{
	 font-size: 15px;
	 margin-top: 8px;
     margin-bottom: 8px;
	}
	h5 {
		font-size: 13px;
	}
}

/*年間行事案内表示用ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.aeinfo{
	font-size: 16px;
  font-weight:bold;
	position:relative;
}

.aeinfo a{
	color:#f8fbf8;
	text-decoration:none;
}
.aeinfo a:link, .aeinfo a:visited, .aeinfo a:hover, .aeinfo a:active{
	color:#f8fbf8;
}

.aeicont{
	position:absolute;
	right:3vw;
	top:-4.5vw;
	border: solid 1px #302833;
	background-color:#302833;
	padding:7px;
	border-radius: 10px;
}
.aeicont:hover{
	color:#302833;
	background-color:#e6eae3;
	border: solid 1px #a58f86;
	transition:color .2s,background-color .2s,border-color .2s,text-decoratin .2s;
}

@media screen and (max-width: 812px) {
	.aeinfo{
	font-size: 14px;
	}
	.aeicont{
	right:3vw;
	top:-5.5vw;
	}
}

@media screen and (max-width: 480px) {
	.aeinfo{
	font-size: 12px;
		 text-align: center;
		padding:30px;
		}
	
	.aeicont{
	 top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: 10px auto;
	 height:35px;
	 width:80%;
		border-radius: 3px;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
		opacity: 0.8;
	}
}

/*アコーディオン用ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
h6 {
  font-size: 16px;
  font-weight:600;
  position: relative;
}

@media screen and (max-width:481px){
	h6 {
		font-size: 12px;
		margin-bottom:20px;
	}
	
	h6:after {
		content: "";
		position: relative;
  top:10px;
		left: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(135deg);
		    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
      transform: rotate(135deg);
	}

	h6.open::after{
		-webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
	}

section p{
	display:none;
}
}
/*アコーディオン2用ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/

.accordion-container {
  position: relative;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container p {	
	padding:5px 5px 5px 7px;
	margin:0px;
	border-bottom:0.5px solid #ccc;
		margin-bottom:-1px;
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 1.5em 1.5em 1.5em 3em;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  background: #f3f3f2;
  border:1px solid #ccc;
  margin-top:10px;
  margin-bottom:-1px;
  cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  background-color: #F2E8E7;
  color: #000;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #000;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
}

@media screen and (max-width:481px){
	.accordion-container .article-title {
		font-size: 12px;
	}
}

/*ボタデザイン*/
.wp-block-button__link{
	font-size:14px;
	padding: 8px 16px;
	border-radius: 10px;/*角の丸み*/
}
@media screen and (max-width:481px){
.wp-block-button__link{
	font-size:12px;
	padding: 6px 12px;
	}
}
	
/*ドロップボックスデザイン*/
select{
-webkit-appearance:none;
width: 100%;
height: 40px;
color: #000;
background-color: #f7f7f7;
line-height: 40px;
margin: 0px  0px  20px  0px; 
padding: 0px  0px  0px  10px; 
font-size: 14px
}

/*テーブルデザイン*/
.wp-block-table {
 overflow-x:visible; /* 5.3でスクロールバーが出たので追記 */
}

.wp-block-table th,td {
    border: solid 1px;          /* 枠線指定 */
	border-color:#ccc;	
	margin-bottom:-1px;
	padding: 10px;      /* 余白指定 */
}

.wp-block-table tr td:nth-child(1){
	background-color:#F2E8E7;
	width:13%;
	text-align: center;
}

hr.tab{
	margin-top:7px;
	margin-bottom:7px;
}

@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
.wp-block-table table, .wp-block-table tbody, .wp-block-table tr, .wp-block-table th, .wp-block-table td {
display: block;
max-width: 100%;
	}
.wp-block-table tr td:nth-child(1){
	width:100%;
}
}

.wp-block-table table{
	width:100%;
}

/*NEWS一覧ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.allnews{
	text-align:right;
	font-size:15px;
}

@media screen and (max-width:480px){
	.allnews{
	font-size:12px;
	margin-bottom:20px;
	}
}
	

/*TOP事業一覧ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.getTopPostDispArea{
	display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
}

.getTopPostDispArea .getTopPost {
    background-color:#faf8f5;
	width:32%;
    padding: 8px;
    margin: 7px;
	float: left;
	list-style: none;
	z-index: 1;
	position: relative;
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	border-radius: 10px;
}

.getTopPost a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; 
}

.getTopPost:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}
 
.getTopPostDispArea .getPost:after {
    content: '';
    display: table;
    clear: both;
}
 
.getTopPostImgArea {
	width:100%;
	height:230px;
	margin-top:5px;
	margin-bottom:10px;
    float: right;
}

.getTopImg{
	width:100%;
	height:230px;
	object-fit: cover;
	object-position:50% 5%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/11/img_shibata-art2025-exhibition.jpg"].getTopImg {
	object-position:50% 60%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/07/img_207teki.jpg"].getTopImg {
	object-position:50% 35%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/04/img_bernadette-scaled.jpg"].getTopImg {
	object-position:50% 15%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/11/img_kodomoongakukai2026omote.jpg"].getTopImg {
	object-position:50% 18%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/06/katofumieflyer.jpg"].getTopImg {
	object-position:50% 18%;
}

img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2025/12/ikinari_kouchi_mainvisual.jpg"].getTopImg {
	object-position:50% 70%;
}
 
.getTopPostStringArea {
	border-top:solid 1px #ccc;
	padding:5px 10px 0px 10px;
	margin-top:5px;
    width: auto;
	line-height:1.4;
   }
 
h3.getTopPostTitle {
	font-size:18px;
    font-weight: 700;	
	margin:0px;
	padding:0px 10px;
}	

.getTopPostMeta{
	font-size:13.5px;
}

h4.getTopStatusPostMeta {
	font-size:14px;
	display :inline-block;
	padding: 0.3em 0.8em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #eddb6d;
    border-radius: 10px;/*角の丸み*/
	background-color:#eddb6d;
}

h5.getTopStatusPostMeta {
	font-size:12px;
	display :inline-block;
	padding: 0.2em 0.5em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #eddb6d;
    border-radius: 10px;/*角の丸み*/
	background-color:#eddb6d;
}

h4.getTopStatusENDPostMeta {
	font-size:14px;
	display :inline-block;
	padding: 0.3em 0.8em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ccc;
    border-radius: 10px;/*角の丸み*/
	background-color:#ccc;
}

h5.getTopStatusENDPostMeta {
	font-size:12px;
	display :inline-block;
	padding: 0.2em 0.5em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ccc;
    border-radius: 10px;/*角の丸み*/
	background-color:#ccc;
}

h4.getTopStatusCANCELPostMeta {
	font-size:14px;
	display :inline-block;
	padding: 0.3em 0.8em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ff4500;
    border-radius: 10px;/*角の丸み*/
	background-color:#ff4500;
}

h5.getTopStatusCANCELPostMeta {
	font-size:12px;
	display :inline-block;
	padding: 0.2em 0.5em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ff4500;
    border-radius: 10px;/*角の丸み*/
	background-color:#ff4500;
}

@media screen and (max-width: 1200px) {
.getTopPostDispArea .getTopPost{
	width: 31.5%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:180px;
	}
h3.getTopPostTitle {
	font-size:16px;
	}
.getTopPostMeta{
	font-size:14px;
	}	
}


@media screen and (max-width: 1024px) {
.getTopPostDispArea .getTopPost{
	width: 30.5%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:150px;
	}
h3.getTopPostTitle {
	font-size:15px;
	}
.getTopPostMeta{
	font-size:13px;
	}	
}

@media screen and (max-width: 812px) {
.getTopPostDispArea .getTopPost{
	width: 47%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:200px;
	}
h3.getTopPostTitle {
	font-size:16px;
	}
.getTopPostMeta{
	font-size:14px;
	}	
}

@media screen and (max-width: 650px) {
.getTopPostDispArea .getTopPost{
	width: 47%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:180px;
	}
h3.getTopPostTitle {
	font-size:15px;
	}
.getTopPostMeta{
	font-size:13px;
	}	
}

@media screen and (max-width: 520px) {
.getTopPostDispArea .getTopPost{
	width: 100%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:250px;
	}
	h3.getTopPostTitle {
	font-size:14px;
	}
	.getTopPostMeta{
	font-size:11px;
	}	
}

@media screen and (max-width: 480px) {
.getTopPostDispArea .getTopPost{
	width: 100%;
	}
	.getTopPostImgArea,
	.getTopImg{
		height:150px;
	}
	h3.getTopPostTitle {
	font-size:14px;
	}
	.getTopPostMeta{
	font-size:11px;
	}
	img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2022/06/img_zenitendo.jpg"].getTopImg {
	object-position:50% 45%;
}
}

@media all and (-ms-high-contrast: none){
	.getTopPostImgArea{
  position: relative;
  width: 100%;
  overflow: hidden;
}

.getTopPostImgArea::before {
  content: " ";
  display: block;
  padding-top: 50%;
}

.getTopImg {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -10%);
  width: 100%;
  height: auto;
}
	img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2022/06/img_zenitendo.jpg"].getTopImg {
	-ms-transform: translate(-50%, -25%);
}
	img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/shiten73-1.jpg"].getTopImg {
	-ms-transform: translate(-50%, -20%);
}
}


/*事業一覧ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.getPostDispArea .getPost {
    border-bottom: 1px solid #C0C0C0;
    padding: 15px;
    margin: 0px 0px;
}
 
.getPostDispArea .getPost:after {
    content: '';
    display: table;
    clear: both;
}
 
.getPostImgArea {
	margin: 15px 25px;
    float: right;
}
 
.getPostStringArea {
    width: auto;
   }
 
h2.getPostTitle {
    font-weight: 700;	
	margin-top: 5px;
	padding:5px 0px;
	width:65%;
}	
.getPostContent {
	width:65%;
    padding: 20px 0px 0px 0px;
}

h4.getStatusPostMeta {
	font-size:16px;
	display :inline-block;
	padding: 0.3em 0.8em;
    margin: 0.5em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #eddb6d;
    border-radius: 10px;/*角の丸み*/
	background-color:#eddb6d;
}

h5.getStatusPostMeta {
	font-size:14px;
	display :inline-block;
	padding: 0.2em 0.5em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #eddb6d;
    border-radius: 10px;/*角の丸み*/
	background-color:#eddb6d;
}

h4.getStatusENDPostMeta {
	display :inline-block;
	padding: 0.3em 0.8em;
    margin: 0.5em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ccc;
    border-radius: 10px;/*角の丸み*/
	background-color:#ccc;
}

h5.getStatusENDPostMeta {
	font-size:14px;
	display :inline-block;
	padding: 0.2em 0.5em;
    margin: 0.2em;
    font-weight: bold;
    color: #fff;/*文字色*/
	border: solid 3px #ccc;
    border-radius: 10px;/*角の丸み*/
	background-color:#ccc;
}

@media screen and (max-width: 812px) {
.getPostImgArea{
	width: 50%;
	}
.getPostContent {
	width:100%;
	}
h2.getPostTitle {
	font-size:20px;
	}
h4a.getPostMeta{
	font-size:14px;
	}	
}

@media screen and (max-width: 480px) {
.getPostImgArea{
	width: 100%;
	margin:10px 0;
	}
.getPostContent {
	width:100%;
}
}

/*サポーターズクラブ事業一覧ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.getClubPostDispArea{
    display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
   -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
  -webkit-align-items: baseline;    /* Safari etc. */
  -ms-align-items    : baseline;    /* IE10        */
  align-items        : baseline;
}

.getClubPost {
   display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
  -webkit-flex-direction: column;          /* Safari etc. */
  -ms-flex-direction    : column;          /* IE10        */
  flex-direction        : column;
  flex-wrap: wrap;
	margin: 5px;
	padding:auto;
	float: left;
	list-style: none;
}

.getClubPostImgArea {
	margin: 10px;
    float: left;
	align-items: center;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 480px) {
.getClubPost{
	height:46%;
	width: 46%;
	}
.getClubPostImgArea {
	float: left;
	margin:5px;
	}
}
 
.getClubPostStringArea {
	display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
    width: auto;
	-webkit-justify-content: center;       /* Safari etc. */
  -ms-justify-content    : center;       /* IE10        */
  justify-content        : center;
    -webkit-align-items: center;      /* Safari etc. */
  -ms-align-items    : center;      /* IE10        */
  align-items        : center;
	margin: 0px 10px 0px 10px;
   }
 

h4.getClub-s-StatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.5em 0.5em 0.5em;
    color: #f2bcb5;/*文字色*/
	border: solid 2px #f2bcb5;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
}

h5.getClub-s-StatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.2em 0.2em 0.2em;
    color: #f2bcb5;/*文字色*/
	border: solid 2px #f2bcb5;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
}

h4.getClub-s-ENDStatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.5em 0.5em 0.5em;
    color: #ccc;/*文字色*/
	border: solid 2px #ccc;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
	position:relative
}

h4.getClub-s-ENDStatusPostMeta::before{
	width:80%;
	height:4px;
	border-top:3px solid #ccc;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(10%);
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translate(10%); /*位置調整*/
	position:absolute;
	top:50%;
	left:0;
}

h5.getClub-s-ENDStatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.2em 0.2em 0.2em;
    color: #ccc;/*文字色*/
	border: solid 2px #ccc;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
	position:relative
}

h5.getClub-s-ENDStatusPostMeta::before{
	width:80%;
	height:4px;
	border-top:3px solid #ccc;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(10%);
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translate(10%); /*位置調整*/
	position:absolute;
	top:50%;
	left:0;
}

h4.getClub-w-StatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.5em 0.5em 0.5em;
    color: #6582cf;/*文字色*/
	border: solid 2px #6582cf;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
}

h5.getClub-w-StatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.2em 0.2em 0.2em;
    color: #6582cf;/*文字色*/
	border: solid 2px #6582cf;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
}

h4.getClub-w-ENDStatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.5em 0.5em 0.5em;
    color: #ccc;/*文字色*/
	border: solid 2px #ccc;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
	position:relative
}

h4.getClub-w-ENDStatusPostMeta::before{
	width:80%;
	height:4px;
	border-top:3px solid #ccc;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(10%);
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translate(10%); /*位置調整*/
	position:absolute;
	top:50%;
	left:0;
}

h5.getClub-w-ENDStatusPostMeta {
	display :inline-block;
	padding: 0.2em 0.6em;
    margin: 0em 0.2em 0.2em 0.2em;
    color: #ccc;/*文字色*/
	border: solid 2px #ccc;
    border-radius: 5px;/*角の丸み*/
	background-color:#fff;
	position:relative
}

h5.getClub-w-ENDStatusPostMeta::before{
	width:80%;
	height:4px;
	border-top:3px solid #ccc;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(10%);
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translate(10%); /*位置調整*/
	position:absolute;
	top:50%;
	left:0;
}

/*アーティストバンクトップ*/
.getPostABDispArea .getPostAB {
	width:48%;
	height:182px;
	background-color:#fffafa;
    padding: 10px;
    margin: 8px;
	float: left;
	list-style: none;
	position: relative;
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	border-radius: 10px;
}

.getPostAB a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; 
}

.getPostAB:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}

.getPostABDispArea .getPostAB:after {
    content: '';
    display: table;
    clear: both;
}
 
.getPostABImgArea {
	padding: 10px;
    float: left;
}
 
.getPostABStringArea {
    width: auto;
   }
 
.getPostABContent {
    padding: 0 0 5px 0;
}

@media screen and (max-width: 1000px) {
.getPostABDispArea .getPostAB {
	width:94%;
	height:100%;
}
}

@media screen and (max-width: 480px) {
.getPostABDispArea .getPostAB {
	width:40;
	height:40%;
	text-align:center;
	}
	
.getPostABImgArea{
	width: 40%;
	}

.getPostABStringArea {
	font-size:10px;
    width: auto;
	text-align:left;
   }
	
h5.getPostABTitle {
    font-size:11px;
}	
}

/*新着情報*/
.topics dl {
padding: 10px ;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 812px) {
.topics dt {
clear: left;
float: left;
width: 10%;
}
.topics dd {
margin-left: 11%;
}
}

/*職員採用top*/
.saiyo p{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color:whitesmoke;
	text-shadow: 1px 1px 2px #808080;
	text-align:center;
	
}
@media screen and (max-width: 480px) {
	.saiyo p{
		font-size:12px;
	}
}

/*メニューデザイン--------------------------------------------------------*/
.menu-item-47,
.menu-item-324,
.menu-item-112,
.menu-item-3444,
.menu-item-146,
.menu-item-449,
.menu-item-6358
.menu-item-14347{
	letter-spacing: -1px;
}

.menu-item-145,
.menu-item-149{
	letter-spacing: -1.5px;
}

.responsive-nav .menu > .menu-item > a,
.header--transparency.header--fixed--is_scrolled .responsive-nav .menu > .menu-item > a{
	padding:4px !important;
}

@media screen and (min-width: 980px) {
	.menu-item-47::before{
	width:79%;
	height:4px;
	border-top:3px solid #b17287;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(12.35%);
  -webkit-transform: translateX(12.35%);
  -ms-transform: translateX(12.35%);
  transform: translate(12.35%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}

	.menu-item-324::before{
	width:82%;
	height:4px;
	border-top:3px solid #f9d5cc;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(10%);
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translate(10%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.menu-item-112::before{
	width:72.5%;
	height:4px;
	border-top:3px solid #F2E8E7;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(18.2%);
  -webkit-transform: translateX(18.2%);
  -ms-transform: translateX(18.2%);
  transform: translate(18.2%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.menu-item-3444::before{
	width:80%;
	height:4px;
	border-top:3px solid #9ab0f5;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(18.2%);
  -webkit-transform: translateX(18.2%);
  -ms-transform: translateX(18.2%);
  transform: translate(12%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.menu-item-145::before{
	width:85.5%;
	height:4px;
	border-top:3px solid #e0ebaf;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(8.1%);
  -webkit-transform: translateX(8.1%);
  -ms-transform: translateX(8.1%);
  transform: translate(8.1%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.menu-item-149::before{
	width:85.3%;
	height:4px;
	border-top:3px solid #e8ccb3;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(9%);
  -webkit-transform: translateX(9%);
  -ms-transform: translateX(9%);
  transform: translate(9%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.menu-item-146::before{
	width:72.5%;
	height:4px;
	border-top:3px solid #a0d8ef;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(19%);
  -webkit-transform: translateX(19%);
  -ms-transform: translateX(19%);
  transform: translate(19%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}

	.menu-item-449::before{
	width:66.2%;
	height:4px;
	border-top:3px solid #f5b1aa;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(26%);
  -webkit-transform: translateX(26%);
  -ms-transform: translateX(26%);
  transform: translate(26%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}

.menu-item-6358::before{
	width:79%;
	height:4px;
	border-top:3px solid #ea5549;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(12.35%);
  -webkit-transform: translateX(12.35%);
  -ms-transform: translateX(12.35%);
  transform: translate(12.35%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}

.menu-item-14347::before{
	width:79%;
	height:4px;
	border-top:3px solid #45c44d;
	margin-top:-2px;
	content:"";
	display:block;
	-moz-transform: translateX(12.35%);
  -webkit-transform: translateX(12.35%);
  -ms-transform: translateX(12.35%);
  transform: translate(12.35%); /*位置調整*/
	position:absolute;
	top:85%;
	left:0;
}
	
	.col-md-4 {
    width: 25%;
}

.col-md-8 {
    width: 75%;
}

}



/*（アーカイブ）ページタイトル*/
.page-title{
	width: 1140px;
	margin: 0 auto 0;
	padding: 0 0 50px 10px ;
}

@media screen and (max-width: 480px) {
	.page-title{
		font-size:17px;
		padding:0 0 20px 10px;
	}
	.entry__title.entry-title.h3{
		margin-bottom:5px;
	}
}

.entries .article{
	margin-bottom: 10px;
	padding-bottom: 10px;
}



/*スライダー高さ*/
@media screen and (max-width: 1000px) {
	.habakiri-slider,
	.habakiri-slider__list.slick-initialized.slick-slider,
	.slick-list.draggable,
	.slick-track,
	.habakiri-slider__transparent-layer,
	.habakiri-slider__image,
	.habakiri-slider__item.slick-slide{
		height: 450px !important;
	}
}

@media screen and (max-width: 812px) {
	.habakiri-slider,
	.habakiri-slider__list.slick-initialized.slick-slider,
	.slick-list.draggable,
	.slick-track,
	.habakiri-slider__transparent-layer,
	.habakiri-slider__image,
	.habakiri-slider__item.slick-slide{
		height: 300px !important;
	}
}

@media screen and (max-width: 600px) {
	.habakiri-slider,
	.habakiri-slider__list.slick-initialized.slick-slider,
	.slick-list.draggable,
	.slick-track,
	.habakiri-slider__transparent-layer,
	.habakiri-slider__image,
	.habakiri-slider__item.slick-slide{
		height: 220px !important;
	}
}

@media screen and (max-width: 480px) {
	.habakiri-slider,
	.habakiri-slider__list.slick-initialized.slick-slider,
	.slick-list.draggable,
	.slick-track,
	.habakiri-slider__transparent-layer,
	.habakiri-slider__image,
	.habakiri-slider__item.slick-slide{
		height: 150px !important;
	}
}
.habakiri-slider__arrow{
	text-shadow:1px 0 5px black;
}
.habakiri-slider__arrow--prev {
 left:10px;
	-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
 transform:rotate(-90deg);
}

.habakiri-slider__arrow--next {
 right:10px;
	-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
 transform:rotate(90deg);
}

/*モバイルスライダーアロー非表示*/
@media screen and (max-width: 480px) {
.habakiri-slider__arrow {
	display:none !important;
}
}


/*コンテナ*/
.container1{
	margin:auto;
	padding:50px 0px 50px 0px;
}

.container2{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#F2E8E7;
}

.container3{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#ECDED1;
}

.container4{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#f9d5cc;
}

.container5{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#B17287;
}

.container6{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#7b83aa;
}

.container7{
	margin:auto;
	padding:50px 0px 50px 0px;
	background:#e6eae3;
}

.container8{
	margin:auto;
	padding:70px 0px 70px 0px;
	background:#b0e0e6;
}

@media screen and (max-width: 480px) {
	.container1,
	.container2,
	.container3,
	.container4,
	.container5,
	.container6,
	.container7,{
		padding:0px;
	}
	.container8{
		padding:20px;
	}
}	
	
/*空白行*/
.mb1{
   margin-bottom: 1em;
}

.mb2{
   margin-bottom: 2em;
}

.mb5{
   margin-bottom: 5em;
}

.mb8{
   margin-bottom: 8em;
}

/*トップページ文化高知用*/
.wp-block-image-bk{
   padding:10px;
   _zoom: 1;   
   overflow: hidden;
}

.wp-block-image-bk h6{
	margin-top:5px;
	margin-bottom:10px;
}

.bk-image-container{
    background:#fff;
	margin: 0px 20px 20px 0px;
    float: left;
	align-items: center;
	display: flex;
	justify-content: center;
}
.toc table{
	width:75%;
	font-size:14px;
	border:0px;
}
.toc table td{
	padding:5px 10px 5px 10px;
	background-color:#faf8f5;
	border: 0px;
}

.toc table tr td:nth-child(1){
	background-color:#e6e6e6;
}
section .toc{
	display:block;
}

@media screen and (max-width: 1200px) {
	.bk-image-container{
		float:none;
		width:255px;
		height:360px;
		margin:  0 auto;
	}
	.toc table{
	width:100%;
	font-size:13px;
}
}
	
@media screen and (max-width: 480px) {
	.wp-block-image-bk{
		display:flex;
		flex-direction: column;
		justify-content: center;
		text-align:center;
	}
	.wp-block-image-bk h6{
	margin-bottom:20px;
}
	.bk-image-container{
		width:46%;
		height:46%;
		margin-bottom:10px;
		align-self:center;
	}
	.toc{
		text-align:left;
		font-size:11px;
	}
	.toc table{
	font-size:11px;
}
	section .toc{
	display:none;
}
}
	
/*文化高知ページ用*/
#bkgrid {
	width: 100%;
	 display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
	-webkit-justify-content: flex-start;     /* Safari etc. */
  -ms-justify-content    : flex-start;     /* IE10        */
  justify-content        : flex-start;
}

bkli {
	margin:0px 0px 0.8% 0.8%;
	list-style: none;
	border:1px solid #000000;
}

@media screen and (max-width: 480px) {
	bkli {
		margin:0px 0px 10px 10px;
}
}

.widget_search{
	margin-top:15px;
	margin-bottom:15px;
}

/*リンクホバー*/
a:hover img{
	opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:hover.habakiri-slider__link{
   background-color:#ffffff;  /*背景に白を設定*/
	-webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -o-opacity: 0.3;
    filter: alpha(opacity=50);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    opacity: 0.3;
   display:block;  /*ブロック化*/
}



#topup{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
    z-index:9999;
}
 
#topup a{
	display: inline-block;
  text-decoration: none;
  background: #455275;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
	opacity: 0.8;
    }

#topup a:hover{
    background:#7d8bb5;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

/* Dots */
.slick-dots
{
    position: absolute;
    bottom: -10px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
	font-size: 15px;
	line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 640px)  {
  .slick-dots li button:before{
    font-size: calc(15px + ((1vw - 6.4px)*3.571));
  }
}
@media (min-width: 1200px) {
  .slick-dots li button:before{
    font-size: 15px;
  }
}
@media (max-width: 480px)  {
  .slick-dots li button:before{
    font-size: 0px;
  }
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: whitesmoke;
}

/*　Googleカレンダー埋め込み  */

.event-calendar {
    text-align:center;
    }

.event-calendar iframe {
    width:100%;
    }

@media screen and (max-width: 768px) {
    
.event-calendar iframe {
	width:calc(100vw - 20px);
    height:400px;
    }
        
}

.select_a{
	text-align:right;
	width:15%;
}

.wp-block-media-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 25%;
    grid-template-columns: 25%;
}

@media screen and (max-width: 900px) {
.wp-block-media-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 40%;
    grid-template-columns: 40%;
}
}
.wp-block-media-text .wp-block-media-text__media{
	margin:5%;
}

.wp-block-media-text .wp-block-media-text__content{
	margin-left:3%;
	padding:0;
	padding-left:0.5%;
}

@media screen and (max-width: 600px) {
.wp-block-media-text .wp-block-media-text__media{
	width:50%;
	margin:10px;
	justify-self: center;
}
}

/*画像コピー禁止－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_2s-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_keito-1-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_wakamura-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_ise-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_hamada-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_kiyama-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_kenichi3-scaled.jpg"],
img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_2s-150x150.jpg"],
.wp-image-6249,
.habakiri-slider__image,
.neck
{
	pointer-events: none;
	-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

/*印刷に映らないように*/
@media print {
	img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_2s-scaled.jpg"]{
		display:none;
	}
	.lefilsgal{
		display:none;
	}
	img.habakiri-slider__image{
		display:none;
	}
	img[src$="https://www.kfca.jp/app-def/S-102/wp2/wp-content/uploads/2021/04/img_lefils_2s-150x150.jpg"]{
		display:none;
	}
}

.wp-block-separator{
	border-top: 0px solid;
	border-bottom: solid　1px;
}