@charset "UTF-8";

/*
Theme Name:   熊本県社会保険労務士会
Description:  
Author:       SHIN Inc.
Author URI:   http://www.shin-inc.jp/
Version:      1.0
Template:     archetype
*/

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?sdjbq3');
	src: url('fonts/icomoon.eot?sdjbq3#iefix') format('embedded-opentype'),
		 url('fonts/icomoon.ttf?sdjbq3') format('truetype'),
		 url('fonts/icomoon.woff?sdjbq3') format('woff'),
		 url('fonts/icomoon.svg?sdjbq3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset
--------------------------------*/
html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,caption,th,td,blockquote,address,pre,code,form,fieldset,legend,iframe,
header,footer,article,section,aside,nav,figure,figcaption,main {
	margin:0;
	padding:0;
	border: 0;
	font: inherit;
	font-size: 100%;
}

pre {
	white-space: pre-wrap;
}

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

img,
iframe {
	vertical-align: middle;
	border:0;
}

cite,
abbr {
	font-style: inherit;
	text-decoration: inherit;
}

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


/* Base
--------------------------------*/
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font: 16px/1.6 sans-serif;
}

body {
	background: #fff;
	color: #333;
	font-size: 1em;
	-webkit-text-size-adjust: 100%;
}

a {
	color: inherit;
	transition: .3s;
}

a:before,
a:after {
	text-align: inherit;
}

a[href^="tel:"] {
	text-decoration: inherit;
}

button {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

em {
	font-style: inherit;
	font-weight: bolder;
}

figure {
}

figcaption {
	font-weight: bold;
}

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

iframe {
	max-width: 100%;
}

ul {
	padding-left: 1.5em;
}

ol {
	padding-left: 2em;
}

nav ul,
nav ol {
	list-style: none;
	padding: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1em;
}

dt ~ dt {
	margin-top: 1em;
}

section {
	margin: 80px auto;
}

article section,
section section,
.section {
	margin: 40px auto;
}

main p {
	margin: 1em 0;
}

h3:first-child,
article:first-child,
section:first-child,
p:first-child,
.entry-content > :first-child,
.widget:first-child,
.section:first-child {
	margin-top: 0;
}

article:last-child,
section:last-child,
p:last-child,
.entry-content > :last-child,
.widget:last-child,
.section:last-child {
	margin-bottom: 0;
}

table {
	margin: 1em 0;
}

caption {
	margin-bottom: 5px;
	color: #7b0000;
	font-weight: bold;
	text-align: inherit;
}

th,
td {
	padding: 10px;
	border: 1px solid #ccc;
}

th {
	background: #eee;
	font-weight: bold;
	text-align: center;
}

tbody th {
	text-align: left;
}

button,
input,
textarea,
select {
	max-width: 100%;
	font: inherit;
	transition: .3s;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
	padding: 5px;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
}

input[type="submit"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}

input[disabled] {
	opacity: .3;
	cursor: default;
}


/* Site Width
--------------------------------*/
.site {
	position: relative;
	margin: auto;
}

.site-header-content,
.site-footer-content,
.global-nav > ul {
	max-width: 1200px;
	margin: auto;
}

main,
h2,h3,h4,h5,h6,
.breadcrumbs,
.content {
	max-width: 980px;
	margin: auto;
}


/* Common
--------------------------------*/
article:after,
section:after,
header:after,
footer:after,
nav:after,
.content:after,
.site-header-content:after,
.site-footer-content:after,
.site-content:after,
.entry-content:after,
.group:after,
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.image,
.graph,
.link,
.tagline {
	text-align: center;
}

.more {
	text-align: right;
}

.tagline {
}

.tagline > span,
.lede > span {
	display: block;
}

.btn,
button,
input[type="submit"],
input[type="button"] {
	display: inline-block;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	line-height: 1.4;
	box-shadow: 3px 3px rgba(101, 61, 1, .65);
	padding: 20px 20px 20px 36px;
	border: 0;
	border-radius: 4px;
	background: #f90;
	color: #fff;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
}

.btn:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 16px;
	height: 1em;
	margin: auto;
	font: 16px/1 FontAwesome;
	content: "\f105";
}

.btn > span {
	display: inline-block;
}

button,
input[type="submit"],
input[type="button"] {
	min-width: 200px;
	padding: 10px 20px;
	cursor: pointer;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal;
}

.left {
	float: left;
}

.right {
	float: right;
}

.grid_6 {
	float: left;
	min-width: 325px;
}

.dropshadow {
	display: table;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}

.right > .dropshadow {
	margin-left: auto;
}

.dropshadow:before,
.dropshadow:after {
	position: absolute;
	top: 80%;
	bottom: 15px;
	left: 10px;
	z-index: -1;
	width: 50%;
	max-width: 300px;
	box-shadow: 0 15px 10px #bdbdbd;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	content: "";
}

.dropshadow:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.dropshadow > img {
	box-shadow: 0 0 2px #bdbdbd;
	border: 3px solid #fff;
}

a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	display: inline-block;
	margin-left: .3em;
	font-family: FontAwesome;
	text-decoration: none;
}

a[href$=".pdf"]:after {
	color: #ff3500;
	content: "\f1c1";
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
	color: #00188f;
	content: "\f1c2";
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	color: #007133;
	content: "\f1c3";
}

.table-wrap {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1em 0;
}

.table-wrap > table {
	margin-top: 0;
	margin-bottom: 0;
}

.reference-area {
	padding: 15px;
	border-radius: 5px;
	background: #eee;
}

.reference-heading {
	margin: 0 0 16px;
	font-size: 1em;
}


/* Heading
--------------------------------*/
h2,h3,h4,h5,h6 {
	font-weight: bold;
}

h2 {
	position: relative;
	margin-bottom: 30px;
	padding: 8px 20px 0;
	border-top: 3px solid #ccc;
	font-size: 24px;
	font-size: 1.5rem;
}

h2:after {
	position: absolute;
	top: -3px;
	left: 0;
	width: 46%;
	height: 3px;
	background: #ca0000;
	content: "";
}

h2[data-en] {
	font-weight: normal;
	font-size: 14px;
	font-size: .875rem;
}

h2[data-en]:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #DBDBDB;
	font-weight: bold;
	font-size: 24px;
	font-size: 1.5rem;
	text-transform: uppercase;
	content: attr(data-en);
}

h3 {
	margin: 25px 0 8px;
	color: #7b0000;
	font-size: 1.25em;
}


/* Header
--------------------------------*/
.site-header {
}

.site-header-content {
	padding: 16px 50px;
}

.site-title {
	float: left;
}

.head-nav {
	list-style: none;
	float: right;
	padding: 11px 0;
	font-size: .875em;
}

.head-nav > li {
	float: left;
	margin-left: 50px;
}

.head-nav a {
	display: block;
	border-bottom: 1px solid transparent;
	text-decoration: none;
}

.head-nav a:before {
	margin-right: 6px;
	font-family: FontAwesome;
	content: "\f105";
}

.head-nav a:hover,
.head-nav a:focus {
	border-color: #ca0000;
}

.global-nav {
	padding: 7px 0;
	background: #ca0000;
	color: #fff;
	text-align: center;
}

.global-nav > ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.global-nav li {
	display: table-cell;
	border-style: solid;
	border-width: 0 1px;
}

.global-nav a {
	display: block;
	padding: 12.5px 0;
	text-decoration: none;
}

.global-nav a:hover,
.global-nav a:focus {
	background: rgba(0,0,0,.3);
}

.hero {
	border-top: 3px solid #ca0000;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jOACEBgwGAAnIAeGomjuiAAAAAElFTkSuQmCC) #f7b3b3;
	text-align: center;
}

.smartmenu ul {
	overflow: hidden;
	-webkit-transition: height .3s;
	transition: height .3s;
}

.smartmenu-btn {
	display: none;
}


/* Footer
--------------------------------*/
.site-footer {
	background: #EEEBE8;
	color: #333;
}

.site-footer-content {
	padding: 25px 50px;
}

.btn-foot-member {
	float: right;
	width: 240px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 22px;
}

.btn-foot-member > span:first-child {
	font-size: .682em;
}

.organization {
	position: relative;
	float: left;
	padding-left: 382px;
}

.organization > img[itemprop="logo"] {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.org-tel {
	display: inline-block;
	text-transform: uppercase;
}

.copyright {
	padding: 15px 0;
	background: #ca0000;
	color: #fff;
	font-size: .8125em;
	text-align: center;
}

.copyright small {
	font-size: 1em;
}


/* Content
--------------------------------*/
.site-content {
	margin-top: 50px;
}

main {
	/*text-align: justify;
	text-justify: inter-ideograph;*/
}

.side {
}

.breadcrumbs {
	margin: -40px auto 40px;
	font-size: .9375em;
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li:first-child {
	text-transform: uppercase;
}

.breadcrumbs li + li:before {
	content: ">";
}

.contact-block {
	max-width: 770px;
	margin: 60px auto;
	border: 2px solid #333;
	border-radius: 5px;
}

.contact-block-heading {
	margin: 0;
	padding: 3px 10px 5px;
	background: #333;
	color: #fff;
	font-size: 1.4375em;
	text-align: center;
}

.contact-block > .content {
	padding: 20px 30px;
}

.contact-tel {
	float: left;
	width: 440px;
	padding-left: 50px;
}

.contact-tel > span {
	display: block;
}

.tel {
	position: relative;
	line-height: 1;
	color: #ca0000;
	font-weight: bold;
	font-size: 48px;
}

.tel-prefix {
	position: absolute;
	top: 4px;
	left: -50px;
	line-height: 1.6;
	color: #333;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}

.tel-prefix:before {
	display: block;
	font: 40px/1 icomoon;
	content: "\e902";
}

.contact-tel-time {
	font-size: .9375em;
}

.contact-mail {
	float: right;
	width: 230px;
}

.btn-form {
	display: block;
	background: #ca0000;
}

.link-bottom {
	margin-top: 70px;
	padding: 24px 0;
	border-top: 1px solid #ccc;
}

.link-bottom a {
    display: inline-block;
    margin-bottom: 1rem;
}


/* Side
--------------------------------*/


/* Page
--------------------------------*/
.entry-title,
.archive-title {
	margin-bottom: 40px;
	font-family: "Kozuka Mincho Pro", "Hiragino Mincho ProN", "游明朝", serif;
	font-size: 40px;
}

.children-nav {
	margin: 0 0 40px -20px;
	font-size: .9375em;
}

.children-nav li {
	float: left;
	margin-left: 20px;
}

.children-nav a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
	border-bottom: 1px solid transparent;
	text-decoration: none;
}

.children-nav a:before {
	position: absolute;
	left: 0;
	color: #ca0000;
	font-family: FontAwesome;
	content: "\f138";
}

.children-nav a:hover,
.children-nav a:focus {
	border-color: #ca0000;
}

.toc {
	font-size: .875em;
}

.toc li {
	display: inline-block;
}

.toc li:not(:last-child):after {
	content: " |";
}

.question-area {
	margin-top: 40px;
}


/* Home
--------------------------------*/
.first-menu,
.questions {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}

.first-menu a:hover,
.first-menu a:focus {
	opacity: .6;
}

.questions {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2.041%;
	background: #EFB2B2;
}

.questions > li {
	width: 23.405%;
}

.questions > li:nth-child(n+5) {
	margin-top: 2.128%;
}

.questions a {
	display: block;
}

.questions a:hover,
.questions a:focus {
	box-shadow: 0 0 0 3px #ca0000;
}

.home-introduction-heading {
	margin-bottom: 20px;
	padding: 0;
	border: 0;
	font-size: 21px;
	font-size: 1.3125rem;
}

.home-introduction-heading:before {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	color: #ca0000;
	font: 2rem/1 icomoon;
	content: "\e900";
}

.home-introduction-heading:after {
	content: none;
}

.home-movie-area > h2:before {
	content: "\e901";
}

.movie {
	display: flex;
	justify-content: space-between;
}

.movie > div {
	width: 30%;
	margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
	.movie {
		flex-direction: column;
	}
	.movie > div {
		width: 100%;
	}
}

.post-list,
.pdf-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-area .post-list {
	margin: 0 35px;
}

.post-list > li,
.pdf-list > li {
	padding: 15px 20px;
	border-bottom: 1px dotted #999;
}

.post-list time {
	display: inline-block;
	margin-right: 40px;
}

.pdf-list time {
	display: block;
}

.post-list .new {
	display: inline-block;
	line-height: 20px;
	vertical-align: text-top;
	margin-left: 10px;
	padding: 0 4px;
	background: #ca0000;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}

.notice-area {
	padding: 20px 45px 30px;
	border: 1px solid #999;
}

.notice-heading {
	margin: 0 0 20px;
	font-size: 1.4375em;
	text-align: center;
}


/* About
--------------------------------*/

/* Kumamotokai
--------------------------------*/
/* Access */
#page-access .grid_6:first-child {
	margin-right: 20px;
}


/* Search
--------------------------------*/
.row,
.checkbox {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.row {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.checkboxes {
	margin-bottom: 40px;
}

.checkbox {
	-ms-flex-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
	margin-bottom: 20px;
}

.checkbox > label {
	display: inline-block;
	-ms-flex: 0 0 9em;
	-webkit-flex: 0 0 9em;
	flex: 0 0 9em;
	width: 9em;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}

.checkbox > span {
	display: inline-block;
}

.narrow-block {
	margin-bottom: 40px;
}

.submit {
	text-align: center;
}

.search-conditions {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 5px;
	background: #eee;
}

.change-conditions {
	margin-top: 20px;
	text-align: right;
}

.person {
	float: left;
	width: 23%;
	margin: 1%;
}

.person:nth-child(4n+1) {
	clear: both;
}

.person > a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.person .face {
	width: 150px;
	margin: auto;
	text-align: center;
}

.person .name {
	margin-top: 5px;
	font-weight: bold;
}

.person .area {
	margin: 0 -2px;
	font-size: .8125em;
}

.person .area > span {
	display: inline-block;
	margin: 2px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #eee;
}

.inline-checkboxes {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.inline-checkbox {
	border: 1px solid #ccc;
	padding: 0.5rem 1rem;
	border-radius: 5px;
}

@media screen and (max-width: 767px) {
	.inline-checkboxes {
		flex-direction: column;
	}

	.inline-checkbox {
		margin-bottom: 1rem;
	}
}

.result-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.person-block {
	width: 49%;
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 2px #eee;
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
	.person-block {
		width: 100%;
	}
}

.person-block-header {
	display: flex;
	align-items: center;
}

.person-block-header .area {
	font-size: .8125em;
}

.person-block-header .area > span {
	display: inline-block;
	min-width: 5rem;
	padding: 3px 5px;
	border-radius: 3px;
	background: #eee;
	text-align: center;
	white-space: nowrap;
}

.person-block-header .name {
	font-weight: bold;
	color: #7b0000;
	font-size: 1.125rem;
	margin-left: 1rem;
}

.person-block-info {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5rem;
}

.person-face {
	width: 30%;
}

.person-table {
	width: 70%;
}

.person-table table {
	width: 100%;
	margin: 0;
}

.person-table th {
	border: none;
	background: transparent;
	width: 6rem;
	padding: 0 0.5rem 0.2rem;
	white-space: nowrap;
}

.person-table th span {
	background: #7b0000;
	color: #fff;
	padding: 0.2rem 0.5rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	text-align-last: justify;
}

.person-table td {
	border: none;
	padding: 0.2rem 0;
	word-break: break-all;
}

.person-action {
	text-align: right;
}

.person-action a {
	display: inline-block;
	border: 1px solid #7b0000;
	color: #7b0000 !important;
	padding: 0.2rem 1rem;
	text-decoration: none;
}


/* Member
--------------------------------*/
.member-photo {
	float: left;
	width: 30.62%;
	margin-bottom: 1em;
	text-align: center;
}

.member-profile {
	float: right;
	width: 65.3%;
	margin-top: 0;
}

.member-profile input[type="text"]:not([name=birth_year]) {
    width: 100%;
}

.member-profile th {
	white-space: nowrap;
	text-align-last: justify;
}

@media screen and (max-width: 768px) {
.member-profile th {
	white-space: nowrap;
	text-align-last: left;
}
}

.member-office-info {
	clear: both;
}

.member-office-info th {
	white-space: nowrap;
}


.member-office-info ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
}

.member-office-info li {
	float: left;
    color: #ccc;
}

.member-office-info li:not(:last-child):after {
	content: " / ";
}

.member-office-info mark {
	display: inline-block;
	vertical-align: top;
	background: #fff7b1;
    color: #333;
	font-weight: bold;
}

.member-office-info span {
	display: inline-block;
}

.member-map {
	height: 300px;
	margin-top: 40px;
}

.members-news-area .post-list time {
    width: 9rem;
    margin-right: 0;
}


/* SR Keiri Romu
--------------------------------*/
.sr-merit {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.sr-merit-item {
	-ms-flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
}


/* Signin
--------------------------------*/
#page-signin .grid_6 {
	position: relative;
	min-height: 20px;
	margin-right: 40px;
}

#page-signin .grid_8 {
	overflow: hidden;
}

#page-signin .message {
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	color: #ca0000;
	font-size: .875em;
}

#signin-form {
	display: none;
	padding: 10px 10px 15px;
	background: #ebebeb;
}

#signin-form > ul {
	list-style: none;
	padding: 0;
}

#signin-form li {
	margin-bottom: 10px;
}

#signin-form label {
	display: block;
	font-weight: bold;
}

#signin-form li > input {
	width: 100%;
}

.buttons {
	text-align: center;
}


/* Members
--------------------------------*/
.members-news-area,
.pension-info-area {
	float: left;
	width: 48%;
}

.members-topics-area,
.kenkai-info-area {
	float: right;
	width: 48%;
	margin-top: 0;
}

/* 20180423 */
.members-news-area {
    width: 100%;
}

.members-topics-area {
    display: none;
}
/* 20180423 */

.members-info-block {
	margin: 40px 0;
	padding: 15px;
	border-radius: 5px;
	background: #eee;
}

.sr-banner {
	list-style: none;
	overflow: hidden;
	margin: 0 -10px;
	padding: 0;
}

.sr-banner > li {
	float: left;
	margin: 0 10px;
}

#face-img {
	margin-bottom: 10px;
}

#detail > .submit {
	margin-top: 40px;
}

.btn-save {
	background: #ca0000;
}

.btn-save[disabled] {
    background: #ccc !important;
}

.error {
    background: #ffeeee;
    border: 1px solid #ca0000;
    border-radius: 3px;
    padding: 15px;
    color: #ca0000;
}

/* Link
--------------------------------*/
.blogroll {
	list-style: none;
	overflow: hidden;
	margin-top: -20px;
	padding: 0;
}

.blogroll > li {
	position: relative;
	float: left;
	width: 25%;
	margin-top: 1em;
	padding: 0 10px 0 1em;
}

.blogroll > li:before {
	position: absolute;
	left: 4px;
	color: #ca0000;
	font-family: FontAwesome;
	content: "\f105";
}

.blogroll + h2 {
	margin-top: 40px;
}


/* Post
--------------------------------*/
.post .entry-title {
	margin-bottom: 0;
}

.entry-footer {
	margin-bottom: 40px;
	padding: 4px 8px;
	border: solid #ccc;
	border-width: 1px 0;
}

.categories {
}

[itemprop="datePublished"] {
}

.attachment .entry-content {
	text-align: center;
}

.post strong,
.post em {
	color: inherit;
}

.post em {
	font-style: italic;
	font-weight: inherit;
}

/*== Wordpress Native Classes ==*/
.alignleft {
	float: left;
	margin-right: 1em;
}

.alignright {
	float: right;
	margin-left: 1em;
}

.aligncenter {
	display: block;
	margin: auto;
	text-align: center;
}

.alignnone {
	vertical-align: baseline;
}


/* Pagenavi
--------------------------------*/
.page-nav,
.wp-pagenavi {
	margin-top: 40px;
	text-align: center;
}

.page-nav > a {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

.page-nav > a:hover,
.page-nav > a:focus {
	opacity: .6;
}

.page-nav > .prev {
	float: left;
}

.page-nav > .prev:before {
	margin-right: 5px;
	font-family: FontAwesome;
	content: "\f104";
}

.page-nav > .next {
	float: right;
}

.page-nav > .next:after {
	margin-left: 5px;
	font-family: FontAwesome;
	content: "\f105";
}

.wp-pagenavi > a,
.wp-pagenavi > span {
	display: inline-block;
	min-width: 1em;
	line-height: 1;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 4px;
	padding: 6px;
	text-decoration: none;
}

.wp-pagenavi > .current {
}


/* Share Buttons
--------------------------------*/
.share-buttons {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	text-align: center;
}

.share-buttons > li {
	display: inline-block;
	vertical-align: top;
}

.share-buttons a {
	display: block;
	padding: 2px 8px;
	background: #ccc;
	color: #fff;
	text-decoration: none;
}

.share-buttons a:before {
	display: inline-block;
	width: 1em;
	font: 1em/1 FontAwesome, sans-serif;
	content: "\e911";
}

.share-buttons a[href*="facebook.com"] {
	background-color: #3b5998;
}

.share-buttons a[href*="facebook.com"]:before {
	content: "\f09a";
}

.share-buttons a[href*="twitter.com"] {
	background-color: #55acee;
}

.share-buttons a[href*="twitter.com"]:before {
	content: "\f099";
}

.share-buttons a[href*="plus.google.com"] {
	background-color: #dd4b39;
}
.share-buttons a[href*="plus.google.com"]:before {
	content: "\f0d5";
}

.share-buttons a[href*="getpocket.com"] {
	background-color: #ee4056;
}

.share-buttons a[href*="getpocket.com"]:before {
	content: "\f265";
}

.share-buttons a[href*="hatena.ne.jp"] {
	background-color: #00a5de;
}

.share-buttons a[href*="hatena.ne.jp"]:before {
	content: "\e901";
	font-family: icomoon, sans-serif;
}

.page-template-page-members #tabs ul {
    margin: 15px 0;
    padding: 0;
    text-align: center;
}

.page-template-page-members #tabs li {
    list-style: none;
    display: inline-block;
}

/*
.page-template-page-members #tabs li:after {
    content: "/";
    display: inline-block;
    margin: 0 1rem;
}
*/

.page-template-page-members #tabs > div {
    margin-bottom: 4rem;
}


/*------------------------------*/
.ie {
	font-family: "游ゴシック", "メイリオ", sans-serif;
}

.for-ie {
	padding: 10px 0;
	background: #f00;
	color: #fff;
	font-size: 20px;
	text-align: center;
}


/* Tablet */
@media screen and (max-width: 960px) {
	/*=== Site Width ===*/
	.site-content,
	.site-header-content,
	.site-footer-content {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	/*=== Common ===*/
	.left,
	.right,
	.grid_6 {
		max-width: 49%;
		min-width: 0;
	}
	
	.grid_6 + .grid_6 {
		float: right;
	}
	
	/*=== Header ===*/
	.head-nav > li {
		margin-left: 20px;
	}
	
	.global-nav > ul {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.global-nav li {
		display: block;
		width: 33.333%;
		border-width: 0;
	}
	
	.global-nav li:nth-child(3n+2) {
		border-width: 0 1px;
	}
	
	.global-nav li:nth-child(n+4) {
		margin-top: 5px;
	}
	
	/*=== Footer ===*/
	.btn-foot-member {
		display: block;
		float: none;
		margin: 0 auto 40px;
	}
	
	.organization {
		float: none;
		padding: 0;
		text-align: center;
	}
	
	.organization > img[itemprop="logo"] {
		position: static;
		margin-bottom: 10px;
	}
	
	/*=== Content ===*/
	.contact-tel,
	.contact-mail {
		float: none;
		width: auto;
		text-align: center;
	}
	
	.contact-tel {
		display: table;
		margin: 0 auto 20px;
	}
	
	.btn-form {
		display: inline-block;
		width: 50%;
	}
	
	.link-bottom {
		margin-right: -20px;
		margin-left: -20px;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	/*=== Home ===*/
	.first-menu > li {
		width: 32%;
	}
	
	/*=== Kumamotokai ===*/
	#page-access .grid_6:first-child {
		margin: 0 0 20px;
	}
	
	/*=== Members ===*/
	.members-news-area,
	.pension-info-area,
	.members-topics-area,
	.kenkai-info-area {
		float: none;
		width: auto;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		text-decoration: underline;
	}
	
	section {
		margin: 60px auto;
	}
	
	thead,
	tfoot,
	tbody {
		font-size: .875em;
	}
	
	/*=== Site Width ===*/
	.site-content,
	.site-header-content,
	.site-footer-content {
		padding-right: 10px;
		padding-left: 10px;
	}

	/*=== Common ===*/
	.left,
	.right,
	.grid_6 {
		float: none;
		width: auto!important;
		max-width: none;
		min-width: 0;
	}
	
	.left + .right {
		margin: 20px auto 0;
	}
	
	.grid_6 + .grid_6 {
		float: none;
	}
	
	.dropshadow {
		margin: auto;
	}
	
	.table-wrap:before {
		color: #ca0000;
		font-weight: bold;
		font-size: .875em;
		content: "左右にスクロールできます";
	}
	
	/*=== Heading ===*/
	h2,
	h2[data-en] {
		padding: 8px 0 0;
		font-weight: bold;
		font-size: 1.25rem;
	}
	
	h2[data-en]:before {
		content: none;
	}
	
	h3 {
		font-size: 1.125em;
	}
	
	/*=== Header ===*/
	.site-header {
		text-align: center;
	}
	
	.site-title {
		float: none;
	}
	
	.head-nav {
		float: none;
		margin: 20px -3px 0;
		padding: 0;
	}
	
	.head-nav > li {
		display: inline-block;
		float: none;
		margin: 0 3px;
	}
	
	.global-nav {
		padding: 0;
		font-size: .875em;
	}
	
	.global-nav li {
		position: relative;
		width: 50%;
	}
	
	.global-nav li:nth-child(3n+2) {
		border-width: 0;
	}
	
	.global-nav li:nth-child(n+4) {
		margin-top: 0;
	}
	
	.global-nav li:nth-child(2n):before {
		position: absolute;
		top: 5px;
		bottom: 5px;
		left: 0;
		border-left: 1px solid;
		content: "";
	}
	
	.smartmenu-btn {
		display: block;
		padding: 8px;
		text-transform: uppercase;
	}
	
	.smartmenu-btn:before {
		margin-right: 5px;
		font-family: FontAwesome;
		content: "\f0c9";
	}
	
	.open .smartmenu-btn:before {
		content: "\f068";
	}
	
	/*=== Content ===*/
	.site-content {
		margin-top: 40px;
	}
	
	main,
	.side {
		float: none;
		width: auto;
	}
	
	.breadcrumbs {
		margin: -30px auto 30px;
	}
	
	.breadcrumbs > ol {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	
	.contact-block {
		margin: 30px auto;
	}
	
	.contact-block-heading {
		font-size: 4.5vw;
	}
	
	.contact-block > .content {
		padding: 20px 15px;
	}
	
	.contact-tel {
		padding-left: 0;
	}
	
	.tel {
		margin-bottom: 5px;
		font-size: 24px;
	}
	
	.tel-prefix {
		display: inline-block;
		position: static;
		vertical-align: top;
		font-size: 10px;
	}
	
	.tel-prefix:before {
		font-size: 20px;
	}
	
	.btn-form {
		display: block;
		width: auto;
	}
	
	.link-bottom {
		margin: 30px -10px 0;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	/*=== Page ===*/
	.entry-title {
		font-size: 30px;
	}
	
	/*=== Home ===*/
	.first-menu {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.first-menu > li {
		width: 145px;
		margin: 10px 2.5px;
		margin: 10px calc((100% - 290px) / 4);
	}
	
	.questions {
		padding: 5px;
	}
	
	.questions > li {
		padding: 5px;
		width: 50%;
	}
	
	.questions > li:nth-child(n+5) {
		margin-top: 0;
	}
	
	.news-area .post-list {
		margin: 0;
	}
	
	.post-list > li {
		padding: 10px;
	}
	
	.post-list time {
		display: block;
		margin: 0;
	}
	
	.notice-area {
		padding: 20px;
	}
	
	/*=== About ===*/
	#page-about .right {
		width: 156px!important;
	}
	
	/*=== Search ===*/
	.checkbox {
		display: block;
	}
	
	.checkbox > label {
		display: block;
		margin-bottom: 5px;
	}
	
	.narrow-block {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.narrow-content {
		-webkit-flex: 1 0 50%;
		flex: 1 0 50%;
	}
	
	.change-conditions {
		text-align: center;
	}
	
	.person {
		float: none;
		width: auto;
		margin: 10px 0 0;
	}
	
	.person .face {
		float: left;
		width: 100px;
		margin-right: 10px;
	}
	
	/*=== Member ===*/
	.member-photo,
	.member-profile {
		float: none;
		width: auto;
	}
	
	.member-profile,
	.member-office-info,
	.registration-fee,
	#page-news table {
		display: block;
	}
	
	.member-profile > tbody,
	.member-office-info > tbody,
	.member-profile tr,
	.member-office-info tr,
	.member-profile th,
	.member-office-info th,
	.member-profile td,
	.member-office-info td,
	.registration-fee > tbody,
	.registration-fee tr,
	.registration-fee th,
	.registration-fee td,
	#page-news tbody,
	#page-news tr,
	#page-news th,
	#page-news td {
		display: inherit;
		width: auto!important;
	}
	
	.member-profile th,
	.member-office-info th,
	.registration-fee th,
	#page-news th {
		margin: -1px 0;
	}
	
	/*=== Register ===*/
	.membership-fee {
		width: 730px;
	}
	
	/*=== Signin ===*/
	#page-signin .grid_6 {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	
	#page-signin .message {
		position: static;
	}
	
	/*=== Members ===*/
	.sr-banner {
		margin: 0;
		text-align: center;
	}
	
	.sr-banner > li {
		width: 49%;
		margin: 0;
	}
	
	.sr-banner > li:nth-child(2n) {
		float: right;
	}
	
	#sr-doc-table {
		width: 800px;
		font-size: .625em;
	}
	
	#sr-submit-table {
		width: 600px;
		font-size: .625em;
	}
	
	/*=== SR ===*/
	.sr-merit {
		display: block;
	}
	
	.sr-merit-item {
		margin-top: 1em;
	}
	
	.sr-merit-item > h3 {
		width: 100px;
	}
	
	/*=== Link ===*/
	.blogroll > li {
		width: 50%;
	}
	
	.blogroll > li:nth-child(2n+1) {
		clear: left;
	}
	
	/*=== Post ===*/
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin: 1em auto;
		text-align: center;
	}
}

@media print {
	body {
		min-width: 1024px;
	}
}

@media screen and (min-width: 768px) {
    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: 100000;
    }
}

input[readonly] {
    background: #ebebeb;
}

#tabs {
    border: 0 !important;
}

#tabs > ul {
    background: transparent !important;
    border: 0 !important;
}

#tabs > ul > li {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid #ccc !important;
}

#tabs > ul > li.ui-tabs-active {
    border-bottom: 3px solid #ca0000 !important;
}

#tabs > ul > li.ui-state-hover {
    border-bottom-color: #aaa !important;
}

#tabs .sun {
    background: #fff0f0;
}

#tabs .sat {
    background: #f2fdfc;
}

.ui-tabs .ui-tabs-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

dl.form {
    width: 750px;
    margin: 0 auto;
}

.form input[type="text"],
.form input[type="email"] {
    width: 100%;
}

.form dt {
    padding-bottom: 0.5rem;
}

.form dd {
    margin-left: 0;
}

.required {
    background: #c33;
    color: #fff;
    font-weight: normal !important;
    font-size: 0.8rem;
    padding: 2px 5px;
    border-radius: 3px;
}

@media screen and (max-width: 767px) {
    dl.form {
        width: 100%;
        margin: 0 auto;
    }
}