@charset "utf-8";
@import url(reset.css);


/* CSS Document */
body{font-family: a-otf-ryumin-pr6n, serif;}
img{width:100%;}
a{
	display:block;
	color:#ffffff;
	-webkit-transition:.3s all ease-in;
	transition:.3s all ease-in;
}
a:hover{text-decoration:none;}
.inner{
	max-width:1024px;
	margin:0 auto;
}
.menu{
	background:#1a1a1a;
	color:#ffffff;
	padding:0.8rem 0;
}
.menu ul{
	display:table;
	width:100%;
	max-width:1024px;
	margin:0 auto;
}
.menu ul li{
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:middle;
}
.menu ul li a{
	height:3.5rem;
	line-height:3.5rem;
}
.menu ul li a:hover{color:#999999;}

.link01{
	max-width:200px;
	height:auto;
}

/*--- header ------*/
header{
    position:relative;
	min-width:1140px;
    height:100%;
    z-inndex:1000;
}

header .top_header-box{background:#9b042c;}
header .top_header-box h1{
	width:100%;
	margin:0 auto;
	padding:1.8rem 0 1rem 0;
	color:#ffffff;
}
header .top_header-box h1 p{text-align:center;}
header .top_header-box h1 p:last-of-type{
	font-size:1.4em;
	font-weight:200;
}
header .top_header-box h1 p span{font-size:0.6em;}
header .logo-area p a:hover{color:#999999;}

header menu{margin:0 auto;}
header .menu ul li{width:15%;}
/*header .menu ul li:last-of-type a{
	background-image:url(../img/button-back.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
header .menu ul li:last-of-type a:hover{
	background-image:url(../img/button-back-hov.png);
	color:#333333;
}*/

header .top_header-change{
	position:fixed;
	top:-300px;
	width:100%;
	z-index:1000;
}
header .top_header-change.show{top:0;}


/*--- main ------*/
#informationContents{
	/*background:#efdcdc;*/
	background:#f2f0ec;
	padding:3rem 0;
}
#informationContents h2{
	position:relative;
	max-width:1024px;
	margin:2rem auto;
	font-size:1.8em;
	text-align:center;
}
#informationContents h2 span:last-of-type{font-size:0.8em;}
#informationContents h2::before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:220px;
	height:2px;
	background:#9b042c;
}
#informationContents .list{
    position: relative;
    width:100%;
	max-width:1024px;
    margin: 0 auto;
}
.company-info{
	margin:0 auto;
	padding:1rem;
	background:#ebe8e2;
	text-align:center;
}
.company-info h2{
	font-size:2.8em;
	font-weight:normal;
	padding:1rem;
}
.company-info .button a{
	max-width:600px;
	margin:0 auto;
	padding:0.5rem;
	background-image:url(../img/contact-button.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	font-size:1.8em;
}
.company-info .button a:hover{
	background-image:url(../img/contact-button-hov.png);
	color:#333333;
}


/*--- footer ------*/
.company-info .sns-icon a{
	display:inline-block;
	width:30px;
	height:30px;
}
.company-info .sns-icon a:hover{opacity:0.85;}
.company-info .sns-icon a img{
	max-width:30px;
	max-height:30px;
}
.copyright{
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	background:#9b042c;
	color:#ffffff;
}


/*--- 下層ページ-共通項目 ------*/
/*------------------------------------------------------*/
.page-inner{
	background:#ffffff;
	border-radius:18px;
}
.page-inner h3{
	font-size:1.6em;
	padding:0.4em 0.4em 0.4em 1.2em;
	background:#9b042c;
	color:#ffffff;
	border-radius:18px 18px 0 0;
}
.contents-box{
	max-width:980px;
	margin:30px auto;
	padding:0.2em 0.8em 2em 0.8em;
}
.news-contents article{}
.news-contents article img{
	width:auto;
}
.news-contents article dl{
	display:flex;
	justify-content:space-around;
	width:100%;
	font-size:18px;
	border-bottom:4px dotted #9b042c;
	box-sizing:border-box;
/*---	padding:0 1em;------*/
}
.news-contents article dl dt{letter-spacing:0.5px; width:20%;}
.news-contents article dl dd{font-size:16px; width:calc(100% - 200px);}
.news-contents article dl .cont{width:50%;font-weight: bold;}
.news-contents article dl .place{width:25%;font-weight: bold;}
.next-button-area{
	display:flex;
	justify-content:space-around;
	width:8%;
	margin:0 auto;
}
.news-contents article dl dd a {
	color:#000;
}
.news-contents article dl dd a:hover {
	text-decoration:underline;
}
.next-button-area span{
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	vertical-align:middle;
}
.next-button-area span a{
	background:#333;
	font-weight:bold;
}
.next-button-area span a:hover{
	background:#eeeeee;
	color:#333333;
}
.flex-box{
	-webkit-display:flex;
	-moz-display:flex;
	-o-display:flex;
	display:flex;
	justify-content:space-around;
}
.flex-box2{
	-webkit-display:flex;
	-moz-display:flex;
	-o-display:flex;
	justify-content:space-around;
}
.LinkInline {
  display:inline;
}

.LinkBlock {
  display:block;
}

.LinkListItem {
  display:list-item;
}

.LinkNone {
  display:none;
}

/*--- お知らせ ------*/
/*------------------------------------------------------*/
.date{padding-left:2em;}
.date a{
	display:inline;
	color:#000000;
}
.news-contents figure img {
	max-width:100%;
	height:auto;
}
.news-contents .news-page p{
	padding:0.8rem;
	font-size:18px;
	line-height:1.8em;
}
.category-box{
	background:#eeeeee;
	padding:1rem;
}
.category-box a{color:#999999;}

/**追加**/
.wp-pagenavi {
	text-align:center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display:inline-block;
	box-sizing:border-box;
	background:#000;
	color:#FFF;
}
.wp-pagenavi span.current {
	background:#FFF;
	color:#000;
}

/*--- 年間スケジュール ------*/
/*------------------------------------------------------*/
#shedule h3{margin-bottom:0;}
#shedule .headeline-dl{display:none;}


/*--- 福岡稲門会について ------*/
/*------------------------------------------------------*/
#about .page-inner h3{
	background:none;
	color:#cbb280;
	text-align:center;
	padding-top:1.5em;
}
#about .agreement-box{
	background-image:url(../img/bg-corner-lt.png),url(../img/bg-corner-rt.png),url(../img/bg-corner-lb.png),url(../img/bg-corner-rb.png);
	background-repeat:no-repeat;
	background-position:left top,right top,left bottom,right bottom;
	background-size:auto;
	padding:0.8rem 2.8rem;
}
#about .agreement-box h4{
	text-align:center;
	font-weight:bold;
	font-size:1.6em;
	color:#a62c29;
}
#about .agreement-box h5{
	font-weight:bold;
	font-size:1.4em;
	text-indent:1.3em;
	position:relative;
}
#about .agreement-box h5::before{
	content:"";
	position:absolute;
	top:25%;
	left:0;
	width:14px;
	height:14px;
	background:#a62c29;
	transform:rotate(45deg);
}
#about .agreement-box .flex-box h5{width:100%;}
#about .agreement-box .flex-box h5 span{
	font-size:16px;
	font-weight:normal;
}
#about .agreement-box .flex-box{flex-wrap:wrap;}
#about .agreement-box ul li{
	list-style-type:none;
	line-height:1.8em;
}
#about .agreement-box ul li:nth-of-type(2){
	margin-left:5em;
	text-indent:-5em;
}
#about .agreement-box p,
#about .agreement-box dl{
	margin-block-start: 1em;
	padding-inline-start: 40px;
}
#about .agreement-box dl{
	overflow:hidden;
	width:350px;
}
#about .agreement-box dl dt{
	float:left;
	width:25%;
}
#about .agreement-box dl dd{
	float:left;
	padding-left:2em;
	width:75%;
}
#about .agreement-box div:last-of-type p{
	position:relative;
	width:300px;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	-o-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
}
#about .agreement-box div:last-of-type p span{
	position:absolute;
	top:0;
	left:0;
	right:100px;
	bottom:0;
	width:1em;
	height:2em;
	margin:auto;
}
#about .agreement-box .button{padding-inline-start:0;}
#about .agreement-box .button a{
	max-width:600px;
	margin:0 auto;
	padding:0.5rem;
	background-image:url(../img/contact-button.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	font-size:1.8em;
	text-align:center;
}
#about .agreement-box .button a:hover{
	background-image:url(../img/contact-button-hov.png);
	color:#333333;
}
#about .agreement-box .button2 a{
	max-width:600px;
	margin:0 auto;
	padding:0.5rem;
	background-image:url(../img/contact-button2.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	font-size:1.8em;
	text-align:center;
}
#about .agreement-box .button2 a:hover{
	background-image:url(../img/contact-button2-hov.png);
	color:#333333;
}


/*--- お問い合わせ ------*/
/*------------------------------------------------------*/
#contact form#mailformpro dl{
	display:flex;
	margin-bottom:0;
	width:100%;
}
#contact form#mailformpro dl .mfp input{width:95%;}
#contact form#mailformpro dl .mfp textarea{
	width:95%;
	height:10em;
}
#contact form#mailformpro dl dt{
	background:#f4f1ed;
	overflow:hidden;
	text-align:left;
	border:1px solid #988454;
	border-right:none;
	border-bottom:none;
	padding:20px 0;
	float:none;
	width:20%;
	height:auto;
	text-indent:1em;
	font-size:16px;
}
#contact form#mailformpro dl:last-of-type dt{border-bottom:1px solid #988454;}
#contact form#mailformpro dl dt span{
	border:2px solid #988454;
	background-color:#988454;
	text-shadow:0 1px 2px #988454;
	float:right;
	text-indent:0;
}
#contact form#mailformpro dl dd{
	border:1px solid #988454;
	border-bottom:none;
	padding-top:20px;
	padding-left:30px;
	width:80%;
}
#contact form#mailformpro dl:last-of-type dd{border-bottom:1px solid #988454;}
#contact form#mailformpro .mfp_buttons{margin-top:30px;}
#contact form#mailformpro .mfp_buttons button{
	background-image:url(../img/button-back.png);
	background-size:cover;
	background-repeat:no-repeat;
	width:293px;
	height:48px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	border:none;
	transition: .3s all ease-in;
	text-shadow:initial;
}
/*--- 入会について ------*/
/*------------------------------------------------------*/
#admission form#mailformpro dl{
	display:flex;
	margin-bottom:0;
	width:100%;
}
#admission form#mailformpro dl .mfp input{width:95%;}
#contact form#mailformpro dl .mfp textarea,
#admission form#mailformpro dl .mfp textarea{
	width:95%!important;
	height:10em!important;
}
#admission form#mailformpro dl dt{
	background:#f4f1ed;
	overflow:hidden;
	text-align:left;
	border:1px solid #988454;
	border-right:none;
	border-bottom:none;
	padding:20px 0;
	float:none;
	width:20%;
	height:auto;
	text-indent:1em;
	font-size:16px;
}
#admission form#mailformpro dl:last-of-type dt{border-bottom:1px solid #988454;}
#admission form#mailformpro dl dt span{
	border:2px solid #988454;
	background-color:#988454;
	text-shadow:0 1px 2px #988454;
	float:right;
	text-indent:0;
}
#admission form#mailformpro dl dd{
	border:1px solid #988454;
	border-bottom:none;
	padding-top:20px;
	padding-left:30px;
	width:80%;
}
#admission form#mailformpro dl:first-of-type dd input,
#admission form#mailformpro dl:nth-of-type(2) dd input{width:10em;}
#admission form#mailformpro dl:nth-of-type(3) dd input[type="text"]{width:10em;}
#admission form#mailformpro dl:nth-of-type(3) dd ol li input[type="text"]{width:80%;}
#admission form#mailformpro dl:nth-of-type(4) dd input[type="tel"],
#admission form#mailformpro dl:nth-of-type(5) dd input[type="email"]{width:20em;}
/*#admission form#mailformpro dl:nth-of-type(7) dd input[type="text"]{width:10em;}*/
#admission form#mailformpro dl:nth-of-type(7) dd input[type="text"]{width:10em;}
#admission form#mailformpro dl:last-of-type dd{border-bottom:1px solid #988454;}
#admission form#mailformpro .mfp_buttons{margin-top:30px;}
#admission form#mailformpro .mfp_buttons button{
	background-image:url(../img/button-back.png);
	background-size:cover;
	background-repeat:no-repeat;
	width:293px;
	height:48px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	border:none;
	transition: .3s all ease-in;
	text-shadow:initial;
}
#admission form#mailformpro dl .mfp input[type="radio"]{
	display:inline-block;
	width:1em;
	vertical-align:middle;
}
#admission form#mailformpro dl:nth-of-type(7),
#admission form#mailformpro dl:nth-of-type(8){
	overflow:hidden;
	-webkit-transition:.5s all ease-in;
	-moz-transition:.5s all ease-in;
	-o-transition:.5s all ease-in;
	transition:.5s all ease-in;
}
#admission form#mailformpro dl:nth-of-type(7) dt,
#admission form#mailformpro dl:nth-of-type(8) dt{
	float:left;
	padding:23px 0;
}
#admission form#mailformpro dl:nth-of-type(7) dd,
#admission form#mailformpro dl:nth-of-type(8) dd{float:left;}

#thanks #mfp_thanks{text-align:center;}
#thanks .inner{
	text-align:center;
}
#thanks .inner h3{}

#admission form#mailformpro label{
	border:none;
	padding:0;
}
#admission form#mailformpro dl:nth-of-type(6) dd span{display:inline!important;}

/*--- 年会費振込 ------*/
/*------------------------------------------------------*/
#about .agreement-box.fee {
    background-image: none;
    padding-top: 50px;
}
li.subheading {
    font-weight: bold;
    font-size: 19px;
    border-bottom: 2px solid #9b042c;
    margin-bottom: 0.5em;
    color: #9b042c;
    list-style: none;
}
li.leader_3 {
    text-indent: -4em;
    padding-left: 4em;
}
li.check span:after {
    content: "□";
    color: #ff0000;
    position: absolute;
    left: 0;
    top: 0;
}
li.check span {
    display: inline-block;
    padding-right: 1em;
    position: relative;
    left: 0.2em;
}
li.check span:first-letter {
    color: #ff0000;
}
a.link_mail {
    display: inline;
    color: #000;
    text-decoration: underline;
}
a.link_mail:hover {
    color: #bbb;
}
h5.fee_heading {
    font-weight: bold;
    font-size: 1.4em;
    text-indent: 1.3em;
    position: relative;
}
.agreement-box.fee li {
    list-style: none;
    line-height: 1.8em;
}
.agreement-box.fee {
    padding-top: 50px;
    padding: 50px 2.8rem 0.8rem;
}
h5.fee_heading:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 14px;
    height: 14px;
    background: #a62c29;
    transform: rotate(45deg);
}
.attention {
    padding-left: 25px;
    margin-bottom: 1rem;
}
.attention p {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0;
    line-height: 1.8;
}
p.fee_example {
    padding-left: 3em;
}
p.fee_example span {
    padding-left: 1em;
}
li.check.leftbox {
    float: left;
}
li.check.rightbox {
    padding-left: 5em;
}
p.membership_term {
    padding: 0.7em 1.2em;
    background: #9b042c;
    color: #ffffff;
    border-radius: 15px;
    font-size: 20px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 40px;
}
p.membership_term span {
    font-weight: bold;
    font-size: 1.2em;
}
@media (max-width: 680px) {
	.agreement-box.fee {
    padding-top: 50px;
    padding: 23px 10px 0;
}
#about .agreement-box.fee li {
    padding: 0!important;
}
#about .agreement-box.fee li.subheading {
    margin-left: 0!important;
    text-indent: 0!important;
}
	.agreement-box.fee ul {
    padding-inline-start: 1em;
}
	.attention {
    padding-left: 1em;
}
	li.leader_3 {
    text-indent: -3em;
    padding-left: 3em;
}
p.membership_term {
    padding: 0.5em 0.7em;
    font-size: 17px;
}
h5.fee_heading {
    font-size: 1.3em;
}
li.subheading {
    font-size: 18px;
}
}