@charset "utf-8";
/*
Theme Name: okikou2026
Description: 沖縄弘済会様　テンプレート
Author: netcreate
Version: 1.0
*/

/*@import url('../twentythirteen/style.css');*/

@charset "utf-8";

/* common style
----------------------------------------------------------------*/
/* reset style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 14px;*/
	font-size:inherit;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html, body{height:100%;}
body {
	color:#555;
	line-height: 1.4;
	
}
.header ul,
.header ol{
	list-style:none;
}
#main {
	flex: 1;
}

/* link style */
a {
	color: #2C72B8;
	text-decoration:underline;
}
a:visited {
	color: #8C54A7;
	text-decoration:none;
}

a:focus {
	outline: thin dotted;
}
#main a:active,
#main a:hover,
.site-footer a:hover,
.site-footer a:active{
	color: #2C72B8;
	outline: 0;
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity:0.70;
	zoom:1;
}
a:hover {
	text-decoration: underline;
}
.nav a:hover{
	opacity:0.85;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
}
/* for IE8 */
html>/**/body #main a:hover,
html>/**/body .nav a:hover,
html>/**/body .site-footer a:hover,
html>/**/body .sidebar .menu a:hover{
 display /*\**/:inline-block\9;
 zoom /*\**/: 1\9;
}

/* clear style */
.clear{
	clear:both;
}
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* etc */
.textright{text-align:right;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.mono{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
.notice{font-weight:bold;color:#CC0000;font-size:15px;}
.small{font-size:90%;}
.fs_s{font-size:11px;}
.fs_m{font-size:14px;}
.fs_l{font-size:18px;}
a[target="_blank"] {
	display: inline-block;
	padding-right: 20px;
	background: url(img/icon-blank.gif) no-repeat right center;
}
span.pdf{padding-right:20px;background:url(img/icon-pdf_s.png) no-repeat right 50%;}
*:first-child+html span.pdf{display:inline-block;}

/* layout style
----------------------------------------------------------------*/
.wrapper{
	/*width:960px;
	margin:0 auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	padding-bottom:160px;*/
	width: 960px;
	margin: 0 auto;
	/*min-height: 100vh;*/
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

/* header */
header{
	position:relative;
}
.title{
	margin:0 0 0 5px;
	padding-top:14px;
}
#fontSize{
	position:absolute;
	top:8px;
	right:5px;
}
#fontSize li,
.sub-nav li{float:left;}
.sub-nav{
	position:absolute;
	top:42px;
	right:13px;
}
.sub-nav a{
	font-size:13px;
	color:#999999;
	text-decoration:none;
}
.sub-nav a:hover{
	text-decoration:underline;
}
.sub-nav li img{
	vertical-align: middle;
}
.nav li{float:left;}

/* nav */
#site-navigation.main-navigation{
	height:40px;
	padding-bottom:0;
}

/* content area */

/* footer area */
.site-footer {
	/*background-color: #fff;
	color: #868686;
	text-align: center;
	position: absolute;
	width:100%;
	bottom:0;*/
	text-align: center;
	width: 100%;
  background: url(img/bg-grey.gif) repeat;
  border-top: 1px dotted #ccc;
}
.footer-inner{
	background:url(img/bg-grey.gif) repeat;
	border-top:1px dotted #ccc;
	text-shadow: 1px 1px 1px #fff;
}
.fnav ul{
	list-style:none;
}
.fnav ul li{
	display:inline;
	padding:0 5px 0 10px;
	border-left:1px solid #777;
	line-height:1;
}
.fnav ul li a{
	padding:0;
	font-size:11px;
	color:#2E72BA;
	text-decoration:underline;
	line-height:1;
	zoom:1;
}
.fnav ul li a[target="_blank"] {
	padding-right: 16px;
}

.fnav ul li a:hover{
	text-decoration:none;
}
.fnav ul li:first-child{
	border-left:none;
}
.footer-inner .info{
	padding-left:70px;
	text-align:left;
	font-size:12px;
	line-height:1.2;
}
.footer-inner .copyright{
	padding-right:65px;
	text-align:right;
	font-size:12px;
	line-height:1.2;
}

/* top layout */
.top .content-area{
	width:545px;
	float:left;
	text-align:left;
}
.top .sidebar{
	width:385px;
	float:right;
	text-align:left;
}

/* breadcrumb */
.breadcrumb{
	font-size:12px;
	color:#999;
}
.breadcrumb a{
	font-size:12px;
	color:#469DDD;
	text-decoration:none;
}

/* page layout */
.page .content-area{
	width:700px;
	float:left;
	text-align:left;
}
.page .sidebar{
	width:230px;
	float:right;
	text-align:left;
}

.sidebar .menu-title img{
	vertical-align:bottom;
	margin-bottom:0;
}
.sidebar .menu ul{
	margin-top:0;
	list-style:none;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	background:url(img/bg-grey2.gif) repeat;
}
.sidebar .menu li{
	border-bottom:1px solid #D9D9D9;
}
.sidebar .menu li a{
	display:block;
	width:100%;
	text-decoration:none;
	padding:7px 5px 5px 32px;
	background:url(img/icon-arrow.gif) no-repeat 17px 50%;
}
.sidebar .menu li a:hover{
	text-decoration:underline;
}
*:first-child+html .sidebar .menu li a {
	width:193px;
}


/* toppage element
----------------------------------------------------------------*/
.top-banner li{
	float:left;
	list-style:none;
}
.top-banner img{
	border:1px solid #D9D9D9;
}
.news .date{
	float:left;
	padding:5px 20px 10px 10px;
	font-weight:normal;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.news .text{
	padding:5px 5px 10px 0;
	background:url(img/border-title.jpg) no-repeat right bottom;
}


/* page element
----------------------------------------------------------------*/
/* title */
.page p{
	padding:5px 0 20px 0;
}
.page .pagetitle{
	padding:0 0 5px 8px;
	margin-bottom:10px;
	background:url(img/border-title.jpg) no-repeat left bottom;
	font-size:27px;
	font-weight:normal;
}
h3{
	font-size:15px;
	font-weight:normal;
	color:#333333;
}
.page .sub-title{
	border-left:5px solid #0AA652;
	padding:2px 10px;
	margin-bottom:15px;
}
.page .sub-title2{
	border-left:5px solid #00B1BB;
	padding:2px 10px;
	margin-bottom:15px;
}

/* table */
.page table{
	width:650px;
	border-spacing:0px;
	border:1px solid #ccc;
}
.stripe .even{
	background:#F7F7F7;
}
.page table th,
.page table td{
	padding:7px 8px;
	border:1px solid #ccc;
	line-height:1.4;
	vertical-align:middle;
}
.page table th{
	padding:10px 7px;
	font-weight:bold;
	color:#333;
	/*font-size:14px;*/
	text-align:center;
	background:url(img/bg-th.gif) no-repeat left top #E9F5E7;
}
.page table td{
	border-top:none;
	border-left:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.page table .number{
	padding:7px 0 7px 7px;
	border-right:none;
}
table.row{
	border-top:3px solid #0AA652;
}
table.col{
	border-left:3px solid #0AA652;
}
.page table p{
	padding-bottom:0;
}
table.contact td{
	padding:3px 10px;
}
table.contact th{
	padding-left:12px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

/* input */
button,
input,
textarea{
	margin:3px 0;
	border: 1px solid #ccc;
	font-family: inherit;
	padding: 2px 5px;
}
select{
	margin:1px 0;
	border: 1px solid #ccc;
	font-family: inherit;
	padding: 1px 2px 1px 5px;
}
input:focus,
textarea:focus {
	border: 1px solid #B7B37B;
	outline: 0;
}
.w1{width:240px;}
.w2{width:390px;}
.h1{height:130px;}

/* btn */
.btn{
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:400px;
	margin:0 20px 10px 0;
	border:1px solid #D9D9D9;
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */
	background: #F5F5F5; /* Old browsers */
	background: -webkit-linear-gradient(top, #FFF, #F5F5F5); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #FFF, #F5F5F5); /* W3C */
}
.btn a{
	display:block;
	min-width:400px;
	padding:5px 10px 3px 10px;
	font-size:16px;
}
.btn.btn-pdf a,
.btn.btn-word a,
.btn.btn-excel a,
.btn.btn-etc a{
	padding:5px 10px 3px 45px;

}
.btn a span{
	font-size:16px;
	text-decoration:underline;
}
#content .btn a .date{
	margin-left:20px;
	padding:2px 5px;
	border-left:none;
	/*background:#FEFBDE;*/
	font-size:12px;
	color:#888;
	text-decoration:none;
	line-height:1;
}
.btn.btn-pdf a > span,
.btn.btn-word a > span,
.btn.btn-excel a > span,
.btn.btn-etc a > span{
	display:inline-block;
	padding:2px 0 2px 10px;
	border-left:1px solid #E3E3E3;
}
.btn.btn-etc a .date{
	font-size:12px;
	background:#cdcdcd;
}
.btn.btn-pdf a{
	background:url(img/icon-pdf.gif) no-repeat 5px 3px;
}
.btn.btn-word a{
	background:url(img/icon-word.gif) no-repeat 4px 3px;
}
.btn.btn-excel a{
	background:url(img/icon-excel.gif) no-repeat 4px 3px;
}
.btn.btn-etc a{
	background:url(img/icon-etc.gif) no-repeat 8px 3px;
}

/* sitemap element
----------------------------------------------------------------*/
ul.sitemap,
ul.sitemap ul{
	list-style:none;
}
ul.sitemap a{
	text-decoration:none;
}
ul.sitemap a:hover,
ul.sitemap a:active{
	text-decoration:underline;
}
ul.sitemap li{
	padding-left:15px;
	margin-bottom:12px;
	background:url(img/icon-arrow-g.gif) no-repeat left 5px;
}
ul.sitemap li li{
	background:url(img/icon-arrow.gif) no-repeat left 50%;
	margin-bottom:5px;
}


/* searvice element
----------------------------------------------------------------*/
.servicelist{
	
}
.servicelist a,
.servicelist a:hover{
	border:1px solid #D9D9D9;
	background:#fff;
	display:inline-block;
	width:692px;
	min-height:130px;
	margin-bottom:0;
	padding-bottom:0;
	zoom:1;
}
.servicelist .leftbox{
	float:left;
	width:260px;
}
.servicelist .rightbox{
	float:left;
	width:420px;
	position:relative;
}
.servicelist ul{
	list-style:none;
}
.servicelist .rightbox .ul2{
	position:absolute;
	top:0;
	left:180px;
}
#main #primary #content .servicelist .leftbox img,
#main #primary #content .servicelist a:hover .leftbox img{
	vertical-align:bottom;
	padding-bottom:0;
}

*:first-child+html .servicelist,
*:first-child+html .servicelist a:hover{
	margin-bottom:22px;
}


/* welfare element
----------------------------------------------------------------*/
.servicebox .alignleft{
	width:390px;
}
.servicebox .alignright{
	width:300px;
	*width:284px;
	border:1px solid #D9D9D9;
	background: url(img/bg-grey2.gif) repeat;
	padding:8px;
}
.servicebox h3{
	padding:5px 5px 7px 5px;
	margin-bottom:3px;
	background:url(img/border-title.jpg) no-repeat right bottom;
	font-size:18px;
	font-weight:bold;
	color:#0AA652;
}
.servicebox .green-box{
	padding:5px 7px;
	*padding-bottom:0;
	margin-bottom:7px;
	background:#5AC289;
	line-height:1;
	color:#fff;
}
.servicebox .green-box2{
	padding:15px 7px;
	*padding-bottom:10px;
	background:#5AC289;
	line-height:1;
	color:#fff;
}
.servicebox .green-box3{
	padding:5px 7px;
	*padding-bottom:10px;
	background:#5AC289;
	line-height:1;
	color:#fff;
	
}
.servicebox .green-box3 ol li{
	line-height:1.2;
	
}

.servicebox .green-box.mb00{
	margin-bottom:0;
}

.servicebox .details dt{
	float:left;
	width:65px;
}
.servicebox .detail dt img{
	margin-bottom:0;
}
.servicebox .details dd{
	padding-left:65px;
	line-height:1.5;
	font-weight:bold;
	vertical-align:middle;
	*margin-bottom:3px;
}
.servicebox .details dd.line1{
	padding-left:0;
	width:270px;
}
.servicebox .green-box3.details dt{
	float:none;
}
.servicebox .green-box3.details dd{
	padding-left:05px;
}

.servicebox .details .fs_s{
	line-height:1.2;
}
.servicebox .green-box .fs_s{
	display:inline-block;
	line-height:1.2;
}
.servicebox .btn{
	min-width:160px;
	*min-width:130px;
}
.servicebox .btn a{
	min-width:160px;
	*min-width:130px;
}
.servicebox .attention li{
	margin-left:28px;
	text-indent:-28px;
	font-size:11px;
	line-height:1.1;
	list-style:none;
}

/* post element
----------------------------------------------------------------*/
article p{
	margin-left:15px;
}
div.date{
	margin:-5px 0 10px 10px;
	padding-left:15px;
	background:url(img/icon-cal.gif) no-repeat 0 50%;
	font-size:12px;
	color:#999;
	line-height:1;
}
span.date{
	display: block;
	margin-top:5px;
	padding-left:15px;
	background:url(img/icon-cal.gif) no-repeat 0 50%;
	font-size:12px;
	color:#999;
	line-height:1;
}



/* margin padding style
----------------------------------------------------------------*/
.mr00{margin-right:0px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.ml00{margin-left:0px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mb00{margin-bottom:0px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pr00{padding-right:0;}
.pr05{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pl00{padding-left:0;}
.pl05{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pt00{padding-top:0;}
.pt05{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pb00{padding-bottom:0;}
.pb05{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

.page table .border-left0{border-left:0;}
.page table .border-right0{border-right:none;}
.page table .border-top0{border-top:none;}
.page table .border-bottom0{border-bottom:none;}

/* --- image slider -------------------------------------- */
.flexslider{
margin: 0 auto;
max-width: 960px;
z-index:-200;
zoom:1;
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
*+html .flex-control-nav,
*+html .flex-direction-nav{display:none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme*/
.flexslider {position: relative;zoom: 1;margin-bottom:0;z-index:-500;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
.flex-direction-nav li a{display:none;}
.flex-control-nav{display:none;}

/* twentythirteen css clear */
.widget {
	background-color: #FFF;
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 0px;
	word-wrap: break-word;
}
th {
	font-weight: bold;
	text-transform: none;
}
/* more style */
a.more-link{
	padding:3px 5px;
	border:1px solid #F2F2F2;
	/*margin-left:75%;*/
	text-decoration:none;
	background:#F3F3F3;
	font-size:80%;
}
a:hover.more-link{
	background-color:#F0FDE1;
	border:1px solid #E1F5E0;
}

/* ==========================================
   ページネーション基本スタイル
   ========================================== */
.navigation.pagination {
  margin: 2.5rem 0;
  text-align: center;
}

/* ページネーションのリンク・テキストラッパー */
.navigation.pagination .nav-links {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* 各番号・ボタンの共通スタイル */
.navigation.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  box-sizing: border-box;
}

/* リンク付き（ホバー可能）要素のスタイル */
.navigation.pagination a.page-numbers {
  cursor: pointer;
}

.navigation.pagination a.page-numbers:hover {
  color: #0AA652;
  background-color: #f0fdf4; /* ベースカラーの極薄背景 */
  border-color: #0AA652;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(10, 166, 82, 0.15);
}

/* 現在表示中のページ（Active） */
.navigation.pagination .page-numbers.current {
  color: #ffffff;
  background-color: #0AA652;
  border-color: #0AA652;
}

/* 三点リーダー（省略記号）のスタイル */
.navigation.pagination .page-numbers.dots {
  border-color: transparent;
  background-color: transparent;
  color: #888888;
  cursor: default;
}

/* 「次へ」「前へ」ボタンの調整 */
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev {
  padding: 0 16px;
  font-weight: 700;
}

/* スマホ等（小画面）向けのレスポンシブ調整 */
@media (max-width: 480px) {
  .navigation.pagination .page-numbers {
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    font-size: 0.85rem;
  }

  .navigation.pagination .page-numbers.next,
  .navigation.pagination .page-numbers.prev {
    padding: 0 12px;
  }
}