@charset "UTF-8";
@import url(reset.css);
/* 薄緑： #b3c933 */
/* 濃緑： #2ca740 */



/* pages */
body{
color: #333;
font-size: 100%;
line-height: 1.6;
font-weight: normal;
font-family: Meiryo, Arial, Verdana, sans-serif;
font-style: normal;
background: url(../img/bg.png);
}
#container{
width: 1100px;
margin: 0 auto;
position: relative;
border-top: 5px solid #b3c933;
border-bottom: 5px solid #2ca740;
font-size: 87.5%;
}
header h1{
margin-top: 10px;
}
article{
float: left;
width: 850px;
}
aside#jump{
float: right;
width: calc(1100px / 6 );
position: relative;
}
main{
position: relative;
}
section{
margin-bottom: 5em;
}
section section{
margin: 2em 2em;
}
footer{
padding-top: 50px;
text-align: center;
}
footer li{
margin: 0 1em;
padding: 0;
display: inline;
text-align: center;
}
footer a{
color: #999;
text-decoration: none;
}
footer ul{
margin-bottom: 1em;
}
/* nav */

nav ul{
display: flex;
list-style: none;
justify-content: space-around;
margin: 30px 0 20px;
padding: 0;
line-height: 1;
border-left: 1px solid #ccc;
}
nav li{
width: calc(1099px / 6);
padding: 10px 0;
text-align: center;
font-weight: bold;
border-right: 1px solid #ccc;
}
nav li a{
margin: 0;
padding: 2px 1rem;
color: inherit;
text-decoration: none;
border-radius: 3px;
}
nav li a:hover{
color: #fff;
background-color: #b3c933;
}

#about #aboutNav a{
background-color: #b3c933;
}

#memberNav{
position: absolute;
top: -10px;
right: 0;
}
#memberNav::before{
margin-right: 2px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f023';
}
#inqNav{
position: absolute;
top: -10px;
right: 10em;
}
.link-btn {
line-height: 1.5;
position: relative;
display: inline-block;
padding: 10px 20px 10px 48px;
margin: 10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 0.5rem;
text-align: center;
color: #fff;
background-color: orange;
text-indent: 0 !important;
}

.link-btn:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f11c';
	font-size: 24px;
	line-height: 1;
  position: absolute;
  left: -0;
  top: 50%;
  margin-top: -12px;
  padding-left: 12px;
}

.link-btn:hover {
  opacity: 0.8;
}
.link-btn.group{
background-color: #ff7d66;
}
.link-btn.personal{
background-color: #5cd1e6;
}
.fig_right{
width: auto;
float: right;
}


/* jump */
#jump ul{
width: calc(1100px / 6);
margin: 0;
padding: 0;
list-style: none;
position: fixed;
}
#jump li a{
display: block;
height: auto;
margin-bottom: 1em;
padding: 3px 10px;
background: #fff;
border-radius: 5px;
text-indent: -25px;
padding-left: 25px;
}
#jump li a:hover{
background: #f3fdbe;
}
#jump li a{
color: inherit;
text-decoration: none;
}
#jump li a::before{
	margin-right: 5px;
	margin-left: 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f4d8';
	color: #2ca740;
	font-size: 15px;
}
#jump li ul{
position: static;
}
#jump li ul li{
margin-left: 15px;
}
#jump li ul li a::before{
	color: #bfd93b;
}


/* common */
h2{
margin-bottom: 20px;
padding: 5px 15px;
border-left: 10px solid #2ca740;
font-size: 160%;
font-weight: bold;
}
h3{
margin-top: 100px;
margin-bottom: 1em;
padding: 0 10px;
background: linear-gradient(transparent 60%, #b3c933 60%);
font-size: 140%;
font-weight: bold;
}
h3:first-child{
margin-top: 0;
}
h4{
margin-top: 1em;
margin-bottom: 5px;
font-size: 110%;
font-weight: bold;
border-bottom: 1px dashed #2ca740;
}
h4::before{
margin-right: .5em;
padding: 5px;
border-radius: 3px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f06c';
	color: #fff;
	background: #2ca740;
}
h5{
margin-bottom: 1em;
padding-left: 1em;
font-weight: bold;
font-size: 110%;
border-bottom: 5px solid #2ca740;
}
table{
width: 100%;
background-color: #fff;
}
th,
td{
padding: 2px 5px;
border: 1px solid #999;
}
th{
font-weight: bold;
background-color: #ddd;
}
dt{
margin-top: 1em;
}
dd{
padding-left: 1em;
}
a{
color: #0b974f;
}
main p{
text-align: justify;
}
.end{
margin-left: 1em;
color: #999;
}
.new{
margin-left: 1em;
color: red;
}
.embox{
margin: 10px;
padding: 10px 20px;
border: 1px solid #ccc;
background: #fff;
font-weight: bold;
}


/* btn */
.btn{
line-height: 1.5;
position: relative;
display: inline-block;
padding: 10px 20px;
margin: 10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 0.5rem;
text-align: center;
color: #fff;
background-color: orange;
text-indent: 0 !important;
}
.btn.member{
color: #fff;
background-color: #d3e367;
text-indent: 0 !important;
border-radius: 0 0 0.5rem 0.5rem;
}
.btn.inq{
color: #fff;
background-color: #b3c933;
text-indent: 0 !important;
border-radius: 0 0 0.5rem 0.5rem;
}
.btn:hover {
color: #fff;
background: #f56500;
}
.btn a{
margin: 0;
padding: 0;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.btn.gopast{
background-color: #999;
}
.gotop{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
}
.gotop a{
	width: 60px;
	height: 60px;
	text-decoration: none;
}
.gotop a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f139';
	font-size: 50px;
	color: #b09b87;
}
.btn#regist_mail::before{
margin-right: .5em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0e0';
	color: #fff;
}
.btn#regist_mail{
backgroud: #2ca740;
}




/* cf */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}
section:before,
section:after {
	content: " ";
	display: table;
}

section:after {
	clear: both;
}

section {
	*zoom: 1;
}


/* index */
ul.slider{
margin: 0;
padding: 0;
list-style: none;
}
.slider li{
margin: 0;
padding: 0;
}
#index h2{
padding: 10px;
border: 1px solid darkgreen;
border-radius: 6px;
background: #b3c933;
font-size: 18px;
text-shadow: 0 0 darkgreen;
color: #fff;
line-height: 1;
}

#index section ul{
list-style: none;
margin: 0;
padding: 0;
}
#news{
float: left;
width: 650px;
}
#welcome{
float: right;
width: calc(1100px/3);
}
#adv{
clear: both;
}
#adv ul{
display: flex;
list-style: none;
justify-content: space-around;
}

#news ol{
margin: 0;
padding: 0;
list-style: none;
}
#news ol li{
margin-bottom: 0.5em;
padding-left: 1em;
text-indent: -1em;
}
#news ol li:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f101';
	color: #aaa;
}
#pickup{
margin-bottom: 20px;
}
#pastnewsitem{
display: none;
}

#pickup ul{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#pickup li{
width: 160px;
line-height: 1.5;
position: relative;
padding: 10px 20px;
margin: 10px 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
text-decoration: none;
border-radius: 6px;
color: #fff;
background-color: orange;
text-indent: 0 !important;
border: 1px solid #cc7100;
}
#pickup li a{
color: #fff;
text-decoration: none;
font-weight: bold;
}
#pickup li:hover {
  opacity: 0.8;
}
#welcome{
padding-top: 50px;
}

/* event */
#event ul{
margin-bottom: 1em;
}

/* publications */
#publicatons .nostock{
color: #aaa;
}
#publicatons th,
#publicatons td{
padding: 5px
}
#publicatons tr:nth-child(2n){
background: #f3f5f2;
}
#ehon_20 ol li{
font-weight: bold;
}
#ehon_20 ol li li{
font-weight: normal;
}
#contribution ol ol{
list-style: none;
}
#contribution ol ol li{
text-indent: -1.5em;
padding-left: 2em;
counter-increment: kakko_counter;
}
#contribution ol ol li:before{
content: counter(kakko_counter)"）";
}

/* useful */

.article dt::after{
margin-left: .5em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f101';
	color: #aaa;
}
.article dt::before{
margin-right: .5em;
padding: 2px;
border-radius: 3px;
font-size: 90%;
	color: #fff;
	line-height: 1;
	font-weight: bold;
}
#correspondent .article dt::before{
background: #2d92a6;
	content: '通信員';
}
#series .article dt::before{
background: #a67e2d;
	content: '連　載';
}

.article dt{
padding: 5px 1em;
border: #aaa solid 1px;
border-bottom: #aaa dashed 1px;
background: #fff;
}
.article dt:hover{
background: #f3fdbe;
}
.article dt a{
text-decoration: none;
font-weight: bold;
}
.article dd{
margin-bottom: 1em;
padding: 5px 1em;
border: #aaa solid 1px;
border-top: none;
}
#bestblend dt{
margin-top: 1em;
font-weight: bold;
}
#bestblend dd{
padding-left: 1em;
}


/* community */
#community #square ul{
display: flex;
list-style: none;
justify-content: flex-start;
align-content: space-around;
flex-wrap: wrap;
}
#community #square ul li{
width: 180px;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
}
#community #square ul li img{
width: 180px;
height: 180px;
display: block;
}
#community .conf{
margin-bottom: 20px;
padding: 10px 30px;
border: 1px solid #ccc;
background: #fff;
}

#community .conf p{
margin-bottom: 1em;
}


/* newsletter */
#nl ol{
margin: 0;
padding: 0;
list-style: none;
}
#nl li{
padding: 5px 1em;
border: #aaa solid 1px;
background: #fff;
border-radius: 3px;
}
#nl li::before{
margin-right: 5px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f1ea';
color: #2ca740;
}
#newsletter article{
float: none;
width: 100%;
}
#newsletter section#menu{
float: left;
width: 9em;
}
#newsletter section#nl{
float: right;
width: calc(1100px - 10em);
position: relative;
background: red;
}
iframe[src$=".pdf"]{
width:  calc(1100px - 10em);
height: 80vh;
border: none;
}
#newsletter #menu ul{
margin: 0;
padding: 0;
list-style: none;
}
#newsletter dt::after{
margin-left: .5em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f101';
	color: #aaa;
}

#newsletter h4{
margin: 0;
padding: 5px 1em;
border: #aaa solid 1px;
border-bottom: #aaa dashed 1px;
background: #fff;
}
#newsletter article p{
margin-bottom: 0;
padding: 5px 2em;
border: #aaa solid 1px;
border-top: none;
background: #fff;
}
#newsletter article section{
margin-bottom: 20px;
}