/*
Theme Name: hirakata
Theme URI: 
Description: 枚方市総合福祉センター
Author: 
*/


/*:::::::::::::::::::::::::::::::::: bsクラス設定カスタム::*/

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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    /*border: 0;*/
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 68%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}

body,
p,
button,
input,
select,
textarea,
table th,
td {
    color: #333;
    font-family: Meiryo, 'Hiragino Kaku Gothic Pro', Verdana, arial, sans-serif;
    font-weight: normal;
    line-height: 2.0;
}

body,
button,
input,
select {
    font-size: 14px;
    font-size: 1.4rem;
}

.container {
    max-width: 960px;
}


/* 枠幅上限 */


/*アンカー*/

a:focus {
    outline: none;
}

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

a img {
    border: 0;
}

a {
    color: #333;
    text-decoration: none;
    border: 0;
}

a:visited {
    color: #333;
}

a:hover,
a:focus,
a:active {
    color: #5196d7;
    text-decoration: none;
}


/*見出し*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: inherit;
    line-height: 1.1;
}

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

h4,
h5,
h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

h1,
h2 {
    font-size: 28px;
    font-size: 2.8rem;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
}

h4 {
    font-size: 20px;
    font-size: 2.0rem;
}

h5 {
    -webkit-text-stroke: .35px;
    font-size: 16px;
    font-size: 1.6rem;
}

h6 {
    -webkit-text-stroke: .35px;
    font-size: 12px;
    font-size: 1.2rem;
}


/*テーブル*/

.table {
    margin-bottom: 3px;
    text-align: center;
}

.table th {
    background: #cadff3;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ccc !important;
}

.table-hover:hover {
    background: #fff;
}


/*画像*/

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

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-rounded {
    border-radius: 0;
}


/*google map*/

.go-map {
    display: block;
    height: auto;
    max-width: 100%;
    min-height: 300px;
}


/*モバイルナビ非表示*/

.slicknav_menu {
    display: none;
}


/*ラッパー*/

.site-wrapper {
    position: relative;
    background: url(./images/hd.png) repeat-x 0 112px;
    background: url(./images/hd.png) repeat-x 0 106px\9;
}


/*ヘッダー*/

.site-header {
    position: relative;
}

.sublink {
    padding: 0;
    margin-bottom: 20px;
    text-align: right
}


/*サイトタイトル*/

.sitebar-inside {
    padding-left: 0;
}

.sitebar-inside h1 {
    margin: 0
}

.sitebar-inside h1 a {
    font-size: 26px;
    font-size: 2.6rem;
    color: #5196d7;
    line-height: 1.4;
}

.sitebar-inside h1 a:hover {
    color: #a8caeb;
}


/*フォントサイズ変更ボタン*/

#textsizer-classnames {}

ul.textresizer {
    margin: 3px 0 0 0;
    padding: 0;
}

ul.textresizer li {
    display: inline-block;
    background: #5196d7;
    *display: inline;
    *zoom: 1;
    height: 30px;
}

ul.textresizer a {
    display: block;
    padding: 2px 7px;
    color: #fff;
    text-decoration: none;
}

ul.textresizer a:hover,
ul.textresizer a.textresizer-active {
    padding: 2px 7px;
    background: #a8caeb;
    height: 30px;
}


/*変更後サイズ*/

#maincontent,
#colophon {}

#maincontent.small-text,
#colophon.small-text {
    font-size: 90%;
}

#maincontent.medium-text,
#colophon.medium-text {
    font-size: 100%;
}

#maincontent.large-text,
#colophon.large-text {
    font-size: 120%;
}


/*検索フォーム*/

.search-form {
    padding: 0;
}

.search-form .btn-default {
    border-left: #fff
}

.btn-primary a {
    color: #fff;
}


/* bsボタン色変更*/


/*電話番号*/

.txtTel {
    padding: 0;
}

.txtTel ul {
    padding: 0;
    margin-left: 30px;
}

.txtTel dt {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.008em;
    text-align: right;
}

.txtTel dd {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
}

.menu-global .txtTel2,
.mo-con {
    display: none;
}


/*グローバルナビ*/

.main-navigation {
    margin: 0 0 22px;
}

.global-nav {
    margin-top: 19px;
    border-collapse: collapse;
    padding: 0;
}

.global-nav ul {
    display: table;
    width: 100%;
    list-style: none;
    background: url(./images/icon_home.png) no-repeat left 42%;
}

.global-nav li {
    display: table-cell;
    vertical-align: middle;
}

.global-nav li a {
    display: block;
    padding-top: 35px;
    width: 150px;
    height: 87px;
    text-align: center;
    line-height: 1;
    font-size: 1.1em;
}

.global-nav .item-home a {
    width: 90px;
    padding-left: 25px;
    text-align: left;
}


/*グローバルナビ右のお問合わせバナー*/

.global-nav .item-contact {
    vertical-align: top;
    text-align: right;
}

.global-nav .item-contact a {
    padding-top: 15px;
    margin-left: 40px;
    width: 220px;
    height: 45px;
    color: #fff;
    background: #5196d7;
    font-weight: bold;
    letter-spacing: 2px;
}

.global-nav li a:hover {
    background: url(./images/navi_on.png) repeat-x center top;
}

.global-nav .item-contact a:hover {
    background-color: #c5dcf2;
    background-image: none;
}


/*サブメニューナビ -*/

.sublink ul {
    text-align: right;
    margin-bottom: 1.0em;
    padding: 0;
}

.f-sublink {
    margin-top: -1.0em;
}

.sublink li,
.f-sublink li {
    display: inline;
    background: url(./images/icon_arrowBlue.png) no-repeat 0 5px;
    padding-left: 10px;
    margin-left: 30px;
    font-size: 12px;
    font-size: 1.2rem;
}

.f-sublink li {
    margin: 0 10px 20px;
}


/*コンテンツページ内ローカルナビ */


/*-- ブログ・アーカイブ記事カテゴリメニュー/サブメニューナビ  --*/

.cat-nav {
    margin-bottom: 50px;
}

.menulocale,
.cat-nav {
    border-collapse: collapse;
}

.menulocale ul,
.cat-nav ul {
    display: table;
    list-style: none;
    width: 100%;
}

.page-use-info .menulocale ul,
.page-traffic-info .menulocale ul,
.menulocale ul.cell-1,
.menulocale ul.cell-2,
.menulocale ul.cell-3,
.menulocale ul.cell-4,
.cat-nav ul {
    table-layout: fixed;
}

.menulocale li {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.cat-nav li {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.menulocale .cell-mid,
.menulocale .cell-mid2 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.menulocale .cell-last,
.menulocale ul.cell-4 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.menulocale li a,
.cat-nav li a {
    display: block;
    height: 87px;
    padding-top: 20px;
    text-align: center;
    line-height: 1.2;
    background: url(./images/icon_arrowBlue-down.png) no-repeat center 60px;
}

.page-floormap .menulocale li {
    width: 33.333%;
}

.menulocale li a:hover,
.cat-nav li a:hover {
    background: #ccc url(./images/icon_arrowBlue-down.png) no-repeat center 60px;
}

.menulocale li span {
    display: block;
}


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

.site-info {
    padding: 20px 0;
    background: url(./images/hd-b.png) repeat-x 0 0;
}

.site-info a {
    text-decoration: none;
}

.site-info a:hover,
.site-info a:focus,
.site-info a:active {
    text-decoration: none;
}


/* ひらかたのふくし　ラポールひらかたバナー*/

.site-banalink {
    padding: 10px 0 20px 0;
    margin: 0 auto;
    background: #e6e8e9;
}

.outlink li {
    margin: 0 5px;/*margin: 0 10px;*/
}

.outlink li a {
    display: block;
    width: 370px;
    height: 100px;
    font-size: 0;
    line-height: 0;
}

.outlink li.hu-bana a {
    background: url(./images/bnr_hirakatanofukushi.png) no-repeat 0 0;
    background-size: contain;
}

.outlink li.ra-bana a {
    background: url(./images/bnr_laborhirakata.png) no-repeat 0 0;
    background-size: contain;
}

.outlink li a:hover {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}


/* 住所　営業日 */

.address {
    padding-left: 0
}

.address dt {
    font-weight: normal;
}

.address dd {
    font-size: 16px;
    font-size: 1.6em;
    color: #5196d7;
}

.telfax {
    list-style: none;
    padding: 0;
    margin: 0;
}

.telfax li {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.008em;
    display: inline;
    margin-right: 10px;
}

.open dt {
    font-weight: normal;
    font-size: 0.9em
}

.open dd {
    font-size: 1.2em;
    margin-bottom: 10px;
}


/*問い合わせバナー*/

.contact-link {
    margin: 18px 0 0 0;
    padding-left: 20px;
}

.contact-link a {
    display: block;
    width: 210px;
    background: #5196d7;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 6px 0;
}

.contact-link a:hover {
    background: #a8caeb;
}


/*モバイル表示用サブメニュー*/

.foot-sublink {
    display: none;
}


/*コピーライト*/

.copyright {
    padding: 20px 0;
    font-size: 80%;
    background: url(./images/hd.png) repeat-x 0 0;
}


/* ************ サイドバー設定 *********** */

.sidebar {
    padding-right: 0
}

.single .sidebar {
    padding-left: 15px
}

.sidebar .widget-area {
    background: #fff;
    margin-bottom: 30px;
    padding: 0 0 0 60px;
    width: 100%;
}

.widget_archive h3 {
    display: none;
}

.widget-title {
    border-left: 5px solid #5196d7;
    color: #666;
    font-size: 18px;
    margin: -30px -30px 30px;
    padding: 20px 30px;
}

.sidebar .widget-area a,
.sidebar .widget-area a:visited {
    color: #333;
}

.sidebar .widget-area a:hover,
.sidebar .widget-area a:focus,
.sidebar .widget-area a:active {
    color: #999;
}

.sidebar .widget-area ul,
.sidebar .widget-area ol {
    list-style: none;
    margin: 0;
}

.sidebar .widget-area li ul,
.sidebar .widget-area li ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

.sidebar .widget-area li a {
    display: block;
    padding: 2px 0 0 15px;
    line-height: 2.0;
    font-size: 17px;
    background: url(./images/icon_li_arrow.png) no-repeat left center;
}

.sidebar .widget-area li:first-child {
    border-top: 0;
}

.sidebar .widget-area li ul {
    margin-top: 9px;
}

.sidebar .widget-area li li:last-child {
    padding-bottom: 0;
}

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


/* ************ 汎用設定 *********** */


/*-  パンくずリスト -*/

.breadcrumb {
    margin-top: 5px;
    background: transparent;
    font-size: 90%;
    padding-right: 0;
}

.breadcrumb li+li:before {
    content: '>';
    color: #000;
}


/*-  記事内画像の位置設定 -*/

.alignleft {
    display: inline;
    float: left;
    margin: 0 1.5em 1.5em 0;
}

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.alignnone {
    margin: 0 0 1.5em 0;
}


/* ページナビ、記事ナビ */


/* PC用 */

.wp-pagenavi {
    clear: both;
    margin-bottom: 40px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #5196d7;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #5196d7;
}

.wp-pagenavi span.current {
    font-weight: bold;
    color: #fff;
    background-color: #5196d7;
}


/* モバイル用 */

.site-main .paging-navigation,
.site-main .post-navigation,
.site-main .image-navigation {
    margin: 0 0 1.5em;
    padding-left: 1.0em;
    overflow: hidden;
}

.paging-navigation .nav-previous,
.post-navigation .nav-previous,
.image-navigation .nav-previous {
    float: left;
    width: 40%;
}

.paging-navigation .nav-next,
.post-navigation .nav-next,
.image-navigation .nav-next {
    float: right;
    text-align: right;
    width: 40%;
}

.paging-navigation .nav-previous a,
.paging-navigation .nav-previous a:visited,
.post-navigation .nav-previous a,
.post-navigation .nav-previous a:visited,
.image-navigation .nav-previous a,
.image-navigation .nav-previous a:visited,
.paging-navigation .nav-next a,
.paging-navigation .nav-next a:visited,
.post-navigation .nav-next a,
.post-navigation .nav-next a:visited,
.image-navigation .nav-next a,
.image-navigation .nav-next a:visited {
    padding: 6px 18px;
    text-align: center;
    border: 1px solid #5196d7;
    border-radius: 4px;
    display: block;
}

.paging-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:focus,
.paging-navigation .nav-previous a:active,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:focus,
.post-navigation .nav-previous a:active,
.image-navigation .nav-previous a:hover,
.image-navigation .nav-previous a:focus,
.image-navigation .nav-previous a:active,
.paging-navigation .nav-next a:hover,
.paging-navigation .nav-next a:focus,
.paging-navigation .nav-next a:active,
.post-navigation .nav-next a:hover,
.post-navigation .nav-next a:focus,
.post-navigation .nav-next a:active,
.image-navigation .nav-next a:hover,
.image-navigation .nav-next a:focus,
.image-navigation .nav-next a:active {
    background: #5196d7;
    color: #fff;
}


/*-  回り込み解除 -*/

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.front-page-global-wrapper:before,
.front-page-global-wrapper:after,
.site-wrapper:before,
.site-wrapper:after,
.site-header:before,
.site-header:after,
.sitebar:before,
.sitebar:after,
.sitebar-inside:before,
.sitebar-inside:after,
.site-branding:before,
.site-branding:after,
.main-navigation:before,
.main-navigation:after,
.site-primary-menu:before,
.site-primary-menu:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.site-footer-widgets:before,
.site-footer-widgets:after,
.site-info:before,
.site-info:after,
.entry-content:before,
.entry-content:after,
.content-sub-menu:before,
.entry-content:before {
    content: '';
    display: table;
}

.clear,
.container:after,
.container-fluid:after,
.row:after,
.front-page-global-wrapper:after,
.site-wrapper:after,
.site-header:after,
.sitebar:after,
.sitebar-inside:after,
.site-branding:after,
.main-navigation:after,
.site-primary-menu:after,
.site-content:after,
.site-footer:after,
.site-footer-widgets:after,
.site-info:after,
.entry-content:after,
.facil,
.archaive-entry:after,
hr {
    clear: both;
}


/* スクロールＴＯＰ */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 0;
    line-height: 0;
}

#page-top a {
    background: #000 url(./images/toppage.png) no-repeat center;
    text-decoration: none;
    width: 64px;
    height: 40px;
    padding: 2px 0;
    display: block;
}

#page-top a:hover {
    text-decoration: none;
    background: #5196d7 url(./images/toppage.png) no-repeat center;
}


/*　*********** ブログ・各ページ設定 **************　*/


/*　TOPページ*/


/*コンテンツメニュー*/

.main-menu {
    margin: 20px auto;
}

.topmenu {
    list-style: none;
    display: table;
    table-layout: fixed;
}

.topmenu li {
    display: table-cell;
}

.topmenu li a {
    display: block;
    width: 232px;
    height: 232px;
    font-size: 0;
    line-height: 0;
}

.topmenu .item-home {
    display: none;
}

.topmenu li.item-use a {
    background: url(./images/btn_infouse.png) no-repeat 0 0;
    border-right: 1px solid #fff;
    background-size: contain;
}

.topmenu li.item-fac a {
    background: url(./images/btn_infofacility.png) no-repeat 0 0;
    border-right: 1px solid #fff;
    background-size: contain;
}

.topmenu li.item-flo a {
    background: url(./images/btn_infofloor.png) no-repeat 0 0;
    border-right: 1px solid #fff;
    background-size: contain;
}

.topmenu li.item-tra a {
    background: url(./images/btn_infoaccess.png) no-repeat 0 0;
    border-right: 1px solid #fff;
    background-size: contain;
}

.topmenu li a:hover {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}


/*-新着情報（最新記事1件）-*/

.infonews {
    /*    padding-right: 40px;*/
}

.infonews h2 a {
    font-size: 2.6em;
    font-size: 26px;
}

.infonews .entry-text {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.top-thum {
    margin-bottom: 20px
}


/*-新着情報（最新記事リスト5件）-*/

.news-rec h3 {
    font-size: 1.7em;
    font-size: 17px;
}

.news-rec h4 {
    margin-bottom: 0;
    padding: 5px 0 0 18px;
    font-size: 18px;
}

.entry-thum {
    margin-bottom: 30px;
    padding-right: 0;
}

.entry-thum img {
    height: 80px;
    width: 80px
}

.rec-list {
    border-bottom: 2px solid #92bde6;
    margin: 0 0 30px 15px;
    font-size: 1.6em;
    font-size: 16px;
}


/*-アクセシビリティ-*/

.Accessibility {
    clear: both;
    font-size: 80%;
    margin: 10px 20px;
}


/*ページ・アーカイブ・シングル*/


/*シングル記事CSS*/

.entry-header {
    margin: 10px 0 30px 0;
    padding: 0;
}

body.single .entry-content a {
    text-decoration: underline;
}

body.single .entry-content ul {
    list-style: none;
    margin-left: 20px;
}

body.single .entry-content ol {
    margin-left: 40px;
}

body.single .entry-content ul li {
    line-height: 1.4;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url(images/li-point.png) no-repeat left 4px;
}


/*コンテンツ枠*/

.content-area {
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.content-area h3 {
    background: url(images/h3-con.png) no-repeat left center;
    padding: 0 0 0 60px;
    margin: 40px 0;
    line-height: 2.2;
    font-size: 24px;
    font-size: 2.4rem;
}

.page-title {
    font-size: 3.0em;
    margin: 0 auto 70px auto;
    padding-top: 20px;
    text-align: center
}

body.archive .page-title {
    margin-bottom: 30px;/*margin-bottom: 100px;*/
    padding-top: 20px;
    text-align: center
}


/*続きを読むリンク*/

.more-link,
.more-link:visited {
    padding: 6px 18px;
    border: 1px solid #5196d7;
    border-radius: 0;
    display: inline-block;
    margin-top: 10px;
}

.more-link:hover,
.more-link:focus,
.more-link:active {
    background: #5196d7;
    color: #fff;
}


/*記事情報（カテゴリー・更新日）*/

.entry-meta span {
    font-size: 15px;
    line-height: 1.5;
}

body.single .entry-meta {
    padding-right: 0;
}

body.single .entry-meta span {
    padding-right: 15px;
}

.entry-meta,
.list-inline {
    line-height: 1;
}

.post-categories li a {
    display: block;
    width: 80px;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
}

.post-categories li.event a {
    background: #5196d7;
    color: #fff;
    border: 1px solid #5196d7;
}

.post-categories li.info a {
    background: #fff;
    color: #5196d7;
    border: 1px solid #5196d7;
}

.post-categories li a:hover {
    background: #c5dcf2;
}

.entry-date {
    display: inline;
    float: left;
    margin-right: 10px;
    font-size: 1.1em;
    line-height: 1.5
}

.entry-meta-footer {
    font-size: 13px;
    padding: 0 50px;
}

.entry-meta-footer a,
.entry-meta-footer a:visited {
    color: #5196d7;
}

.entry-meta-footer a:hover,
.entry-meta-footer a:focus,
.entry-meta-footer a:active {
    color: #5196d7;
}

.cat-links,
.tags-links,
.comments-link,
.edit-link {
    margin-right: 10px;
}


/*アーカイブ記事css */

body.archive .content-area h1,
body.category .content-area h1 {
    background: #5196d7;
    color: #fff;
    padding: 15px 0 15px 20px;
    margin: 0 0 50px 0;
    text-align: left;
    font-size: 1.9em;
}

.archaive-entry {}

.archaive-entry dl {
    display: inline-block;
    margin: 0 0 80px 0;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.archaive-entry dl:nth-child(odd) {
    margin-right: 74px
}


/* 左記事：右余白*/

.archaive-entry dt {
    display: block;
    width: 280px;
    height: 280px;
    /*
    width: 320px;
    height: 320px;
*/
}

.archaive-entry dd {
    position: absolute;
    top: 200px;
    /*    top: 220px;*/
    left: 0px;
    width: 280px;
    /*width: 320px;*/
    height: 100px;
    margin: 0;
    background: #fff;
    color: #000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}

.archaive-meta span {
    position: absolute;
    top: 10px;
    left: 10px;
}

.archaive-meta .post-categories a {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 80px;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
}

.archaive-meta .event a {
    background: #5196d7;
    color: #fff;
    border: 1px solid #5196d7;
}

.archaive-meta .info a {
    background: #fff;
    color: #5196d7;
    border: 1px solid #5196d7;
}

.archaive-meta .post-categories a:hover {
    background: #c5dcf2;
}

.archaive-meta h2 {
    position: relative;
    top: 20px;
    left: 10px;
    font-size: 1.0em;
    padding-right: 20px;
    line-height: 1.4
}


/*-- ページ記事内ＣＳＳ -------------------------------------------------------------------------------------------------*/


/*--利用のご案内--*/

body.page-use-info h5,
body.page-facility-info h5 {
    color: #5196d7;
    font-size: 24px 2.4em;
}

ol.use-list {
    margin: 0 0 40px 50px;
}

.use-list ul {
    margin: 0 0 10px 20px;
}

.use-list2 {
    margin: 20px 0 20px 80px;
    list-style: none;
}

.use-list2 li {
    line-height: 1.4;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url(images/li-point.png) no-repeat left 4px;
}

blockquote {
    line-height: 1.2;
    padding: 0 60px;
    margin-bottom: 20px
}

.use-2 tr:nth-child(1) th {
    text-align: center;
}

.use-4 tr:nth-child(2n+1) {
    background: #cadff3;
}

.use-4 th {
    text-align: center;
    color: #fff;
    background: #798591;
    font-weight: bold
}

.use-5-1 {
    margin-bottom: 30px;
}

.use-5 td,
.use-5-1 td {
    width: 30%
}


/*--施設のご案内--*/

.fac-pic {
    padding: 0 30px 80px 0;
}

.fac-pic img {
    margin-bottom: 30px;
}

.fac-cap {
    padding: 0 0 0 30px;
}

.fac-cap dl {}

.fac-cap dt {
    padding-left: 15px;
    margin-bottom: 10px;
    background: url(images/li-point.png) no-repeat left center;
}

.fac-cap dd {
    padding-left: 15px;
    margin-bottom: 15px;
}

.free {
    display: block;
    width: 60px;
    height: 30px;
    padding: 5px auto;
    vertical-align: middle;
    text-align: center;
    background: #5196d7;
    color: #fff
}

.facil2 {
    margin-top: 80x;
    border-left: 5px solid #a8caeb;
    padding: 10px 0 30px 40px;
}

.facil2 ul {
    margin: 0 0 40px 50px;
}


/*--サイトマップ--*/

.sitemap-content,
.sub-menu,
.sub2-menu {
    list-style: none;
}

.sitemap-content li a,
.sub-menu li a,
.sub2-menu li a {
    display: block;
    padding: 5px 10px 5px 20px;
    line-height: 2.2;
}

.sitemap-content li a {
    background: url(images/icon_li_arrow.png) no-repeat left center;
}

.sub-menu li a {
    background: url(images/icon_arrowWhite.png) no-repeat left center;
}

.sub2-menu li a {
    background: url(images/icon_arrowBlue.png) no-repeat left center;
    line-height: 1.9;
}

.sub2-menu {
    margin-left: 30px;
}


/*--交通のご案内--*/

.page-traffic-info h4 {
    position: relative;
}

.page-traffic-info .print-out {
    position: absolute;
    right: 0;
}

.content-waku-left {
    border: 2px solid #ddd;
    padding: 20px;
    margin-bottom: 60px;
}

.content-waku-right {
    text-align: right;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 80px;
    border-right: 10px solid #a8caeb;
    width: 100%;
}

.content-waku-right h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #5196d7;
}

.content-waku-right p {
    font-size: 1.0em;
    line-height: 1.4;
}

.content-waku-center {
    border: 2px solid #ddd;
    padding: 20px;
    margin-bottom: 60px;
    text-align: center
}

.content-waku-center span a {
    display: block;
    width: 150px;
    margin: 0 auto;
    background: url(./images/pdficon.png) no-repeat right -4px;
}

.tra-ta th {
    text-align: center;
}

.tra-ta td {
    vertical-align: middle !important;
}

.page-traffic-info .entry-content ul {
    margin: 0 0 30px 20px;
    line-height: 1.4;
}

.page-traffic-info .entry-content ol {
    margin: 0 0 30px 20px;
    line-height: 1.4;
}

.yohaku-height {
    padding-top: 20px;
    margin-bottom: 60px;
}


/*--検索結果--*/

body.search .results-list {
    margin: 30px;
}

body.search .results-list span {}

body.search .results-list dt {
    font-weight: bold;
}

body.search .results-list dd {
    margin-left: 20px
}


/*--プライバシーポリシー--*/

.pol {
    margin: 10px 80px 50px 80px;
}


/*- コンタクトフォーム -*/

.form-con {
    padding: 10px 10px 0 0;
    margin-bottom: 20px;
}

.form-gr label {
    text-align: right;
    line-height: 1;
    padding: 20px 10px 0 0;
}

.form-gr label span {
    color: #ff0000;
    font-size: 12px
}

.form-gr .form-txtarea {
    height: 80px;
    width: 80%;
}

.form-gr .form-txtarea2 {
    height: 200px;
    width: 80%;
}

.form-gr .form-txt {
    width: 80%;
}

.form-gr .form-txt2 {
    width: 40%;
    margin-bottom: 10px
}

.form-gr .col-sm-9 {
    padding-left: 0;
}

.form-gr p.chex {
    margin-bottom: 30px;
}

.form-gr .btn {
    width: 80%;
    letter-spacing: 10px;
}

.btn-lg,
.btn-group-lg > .btn {
    border-radius: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

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

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

.affix {
    position: fixed;
}


/*　 For Extra Samll Devices ********************************************************************************** モバイル設定 ***************************************************************************/


/****************************************************************** 860 - 991 タブレット ****/

@media screen and (min-width: 860px) and (max-width: 991px) {
    .container {
        width: 800px;
    }
    /* ヘッダー */
    .site-wrapper {
        background: url(./images/hd.png) repeat-x 0 109px;
    }
    .sublink ul {
        margin-bottom: 0.5em;
    }
    /*グローバルナビ*/
    .global-nav {
        margin-top: 15px;
    }
    .global-nav li a {
        width: 120px;
    }
    .global-nav .item-home a {
        width: 90px;
    }
    .global-nav .item-contact a {
        margin-left: 15px;
        width: 185px;
    }
    /*topコンテンツメニュー*/
    .topmenu li a {
        display: block;
        width: 193px;
        height: 193px;
        font-size: 0;
        line-height: 0;
    }
    /* フッター */
    .outlink li a {
        width: 280px;
        height: 76px;
    }
    .address dd {
        font-size: 1.5em;
        color: #5196d7;
    }
    .telfax li {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0;
        display: inline;
        margin-right: 5px;
    }
    .open dt {
        font-weight: normal;
        font-size: 0.9em
    }
    .open dd {
        font-size: 1.1em;
        margin-bottom: 10px;
    }
    /*問い合わせバナー*/
    .contact-link {
        margin: 16px 0 0 0;
        padding-left: 0;
    }
    .contact-link a {
        width: 200px;
    }
    /* サイドバー */
    .sidebar {
        margin-bottom: 30px;
    }
    .sidebar .widget-area {
        padding-left: 0;
    }
    /* 記事css */
    .archaive-entry {}
    .archaive-entry dl:nth-child(odd) {
        margin-right: 80px
    }
    /* 左記事：右余白*/
}


/********************************************************************** -980 タブレット *************/

@media screen and (max-width: 980px) {
    .page-traffic-info h4 {
        position: static;
        margin-bottom: 10px;
    }
    .page-traffic-info .print-out {
        display: block;
        position: static;
        right: 0;
        text-align: right
    }
}


/********************************************************************** 769-859 タブレット *************/

@media screen and (min-width: 769px) and (max-width: 859px) {
    .container {
        width: 700px;
    }
    .sitebar-inside h1 a {
        font-size: 22px;
        font-size: 2.2rem;
    }
    /*グローバルナビ*/
    .global-nav {
        margin-top: 18px;
    }
    .global-nav li a {
        width: 120px;
    }
    .global-nav .item-home a {
        width: 80px;
    }
    .global-nav .item-contact a {
        margin-left: 0;
        width: 110px;
        font-size: 1.0em;
        letter-spacing: 0;
    }
    /*問い合わせバナー*/
    .contact-link {
        margin: 18px 0 0 0;
        padding-left: 0;
    }
    .contact-link a {
        width: 160px;
    }
    .site-info .contact-link a {
        width: 160px;
    }
    /*topコンテンツ*/
    .topmenu li a {
        display: block;
        width: 167px;
        height: 167px;
        font-size: 0;
        line-height: 0;
    }
    .infonews .entry-title {
        font-size: 18px;
        font-size: 1.8em
    }
    .news-rec h4 {
        padding-left: 18px;
    }
    .rec-list {
        margin-left: 0;
    }
    .entry-thum {
        padding: 0px;
    }
    .archaive-entry dl:nth-child(odd) {
        margin-right: 25px
    }
    /* 左記事：右余白*/
    .archaive-entry dl {
        margin-right: 25px
    }
    /* フッター */
    .address {
        padding-right: 0;
    }
    .open {
        padding-left: 0;
    }
    .open dd {
        font-size: 1.1em;
    }
    .copyright {
        font-size: 65%;
    }
    /* サイドバー */
    .sidebar .widget-area li {
        display: inline-block;
    }
    .sidebar .widget-area {
        padding-left: 0;
    }
}


/***************************************************************************** 768 タブレット／スマートフォン **************/

@media screen and (max-width: 768px) {
    .container {
        width: 100%;
    }
    .site-wrapper {
        background-image: none;
    }
    /* ヘッダー/ＴＯＰページ */
    .topmenu,
    .txtTel,
    .sublink {
        display: none;
    }
    .sitebar-inside {
        text-align: center;
        margin: 10px;
    }
    .search-form {
        text-align: center;
        margin: 10px;
        width: 300px;
    }
    .main-navigation {
        margin-bottom: 40px;
    }
    .breadcrumb {
        display: none;
    }
    /* モバイルメニュー切り替え */
    .js .menu-global,
    .js .menu-locale1,
    .js .menu-locale2,
    .js .menu-locale3,
    .js .menu-locale4,
    .js .menu-category,
    li.item-home {
        display: none;
    }
    .js .slicknav_menu,
    .menu-global .txtTel2,
    .mo-con {
        display: block;
    }
    .js .slicknav_nav .txtTel2 dl {
        float: left;
        padding: 10px;
        width: 50%;
    }
    .js .slicknav_nav .txtTel2 dt {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.008em;
        text-align: right;
    }
    .js .slicknav_nav .txtTel2 dd {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: right;
    }
    .js .slicknav_nav .mo-con {
        float: right;
        width: 50%;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        color: #5196d7;
        padding: 20px 0 0 30px;
    }
    .js .slicknav_nav .mo-con a {
        display: block;
        color: #5196d7;
        text-align: left;
    }
    .js .slicknav_nav .mo-con a:hover {
        background-color: #fff;
        color: #333;
    }
    .js .slicknav_nav ul li {
        width: 25%;
    }
    .js .slicknav_nav ul.cell-mid li {
        width: 50%;
    }
    .js .slicknav_nav ul li a {
        padding-top: 15px;
    }
    .js .slicknav_nav ul.cell-mid2 li a {
        padding-top: 10px;
        height: 90px;
    }
    .js .slicknav_nav ul.cell-mid li a {
        padding-top: 30px;
    }
    .js .slicknav_nav ul.cell-1 li {
        width: 25%;
    }
    .js .slicknav_nav ul.cell-2 li,
    .js .slicknav_nav ul.cell-mid2 li {
        width: 20%;
    }
    .js .slicknav_nav ul.cell-3 li,
    .js .slicknav_nav ul.cell-4 li {
        width: 25%;
    }
    .js .slicknav_nav ul.cell-1 li a,
    .js .slicknav_nav ul.cell-2 li a,
    .js .slicknav_nav ul.cell-3 li a,
    .js .slicknav_nav ul.cell-4 li a {
        height: 65px;
        padding-top: 20px;
    }
    .js .slicknav_nav ul li.item-tra a {
        background: #5196d7 url(./images/tra-icon.png) no-repeat center 40px;
    }
    .js .slicknav_nav ul li.item-tra a:hover {
        color: #fff;
        background: #5196d7 url(./images/tra-icon.png) no-repeat center 40px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .js .slicknav_nav ul li.item-use a {
        background: #5196d7 url(./images/use-icon.png) no-repeat center 40px;
    }
    .js .slicknav_nav ul li.item-use a:hover {
        color: #fff;
        background: #5196d7 url(./images/use-icon.png) no-repeat center 40px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .js .slicknav_nav ul li.item-flo a {
        background: #5196d7 url(./images/fro-icon.png) no-repeat center 40px;
    }
    .js .slicknav_nav ul li.item-flo a:hover {
        color: #fff;
        background: #5196d7 url(./images/fro-icon.png) no-repeat center 40px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .js .slicknav_nav ul li.item-fac a {
        background: #5196d7 url(./images/fac-icon.png) no-repeat center 40px;
    }
    .js .slicknav_nav ul li.item-fac a:hover {
        color: #fff;
        background: #5196d7 url(./images/fac-icon.png) no-repeat center 40px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .js .slicknav_nav ul li.cat-item {
        width: 50%;
        padding-top: 25px;
        height: 75px;
    }
    /* フッター */
    .address,
    .open {
        padding-right: 0;
        padding-left: 0;
    }
    .contact-link {
        padding-left: 0;
    }
    .contact-link a {
        width: 160px;
    }
    .site-content {
        padding: 10px;
    }
    .rec-list,
    .entry-thum {
        margin-left: 0;
        padding-left: 0
    }
    .foot-sublink {
        display: block
    }
    /* サイドバー */
    .sidebar .widget-area li {
        display: inline-block;
    }
    .sidebar .widget-area {
        padding-left: 0;
    }
    /*コンテンツページ*/
    .content-area {
        /*
        padding-left: 30px;
        padding-right: 30px;
*/
        padding-top: 20px;
    }
    .content-area h3 {
        margin-bottom: 10px;
    }
    .content-area ol,
    .content-area h5 {
        padding-right: 20px;
    }
    .content-area blockquote {
        padding: 0 20px;
    }
    .entry-header {
        margin-bottom: 5px;
    }
    .entry-header .page-title {
        font-size: 1.9em;
        margin: 0px auto 0px;
        padding-top: 0;
    }
    .use-list2 {
        margin: 20px;
    }
    ol.use-list {
        margin-left: 30px;
    }
    table th {
        text-align: left;
    }
    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        padding: 8px 3px;
        font-size: 90%;
    }
    .fac-cap {
        padding: 0px;
    }
    .pol {
        margin: 10px 10px 50px 20px;
    }
}


/****************************************************************** -360　スマートフォン ******************/

@media screen and (max-width: 360px) {
    .js .slicknav_nav .txtTel2 dl {
        float: none;
        width: 100%;
    }
    .js .slicknav_nav .txtTel2 dt {
        text-align: center;
    }
    .js .slicknav_nav .txtTel2 dd {
        text-align: center;
    }
    .js .slicknav_nav .mo-con {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }
    .js .slicknav_nav .mo-con a {
        display: block;
        color: #5196d7;
        text-align: center;
    }
    .js .slicknav_nav ul li {
        width: 50%;
    }
    .js .slicknav_nav ul.cell-mid2 li {
        width: 100%;
    }
    .js .slicknav_nav ul.cell-mid2 li a {
        height: 56px;
    }
    .sitebar-inside h1 a {
        font-size: 22px;
        font-size: 2.0rem;
    }
    /* フッター */
    .outlink li a {
        width: 280px;
        height: 76px;
        background-size: contain;
    }
    .address,
    .open {
        margin-left: 10px;
    }
    .contact-link {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .contact-link a {
        width: 100%;
    }
    .copyright span {
        display: block;
    }
    /*コンテンツページ*/
    .content-area {
        /*padding-left: 15px;*/
        /*        padding-right: 15px;*/
    }
    .content-area h3 {
        line-height: 1.5;
    }
    .fac-pic {
        padding: 0;
    }
    .facil2 {
        border-left: none;
        padding: 0;
    }
}


/* 印刷用 */

@media print {
    .content-waku-right,
    .kai {
        page-break-after: always;
    }
    table {
        zoom: 1;
    }
}

/* TinyMCE Advancedで作ったテーブルがページからはみ出すのを防ぐ */ 
table {
    width: 100% !important;
}